<!DOCTYPE html>
<html lang="en" ng-app="shopApp">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.css" />
</head>
<body>
<nav class="navbar navbar-default nav-fixed-top" role="navigation" ng-controller="NavBarCtrl">
<div class="navbar-header">
<a href="#/home" class="navbar-brand">zf商城</a>
</div>
<ul class="nav navbar-nav">
<li ng-show="me" ng-class="{active:isActive('/home')}"><a href="#/home">首页</a></li>
<li ng-hide="me" ng-class="{active:isActive('/user/login')}"><a href="#/users/login">登录</a></li>
<li ng-hide="me" ng-class="{active:isActive('/user/reg')}"><a href="#/users/reg">注册</a></li>
<li ng-show="me" ng-class="{active:isActive('/ware/admin/list')}"><a href="#/ware/admin/list">商品管理</a></li>
</ul>
<ul class="nav-navbar-nav navbar-right" ng-show="me">
<li class="dropdown">
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" role="button">
<img style="width:15px;height:15px;" src="{{me.avatar}}" alt="{{me.username}}"/>{{me.username}} <span class="caret"></span>
</a>
<ul class="dropdown-menu dropdown-menu-left">
<li><a href="#" ng-click="logout()">退出</a></li>
</ul>
</li>
</ul>
</nav>
<div class="row" ng-view></div>
</body>
<script type="text/javascript" src="lib/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="lib/bootstrap/dist/js/bootstrap.js"></script>
<script type="text/javascript" src="lib/angular/angular.js"></script>
<script type="text/javascript" src="lib/angular-route/angular-route.js"></script>
<script type="text/javascript">
var app =angular.module('shopApp',['ngRoute']);
app.config(function($routeProvider,$locationProvider){
$routeProvider.when('/',{
templateUrl:'pages/home.html',
controller:'HomeCtrl'
}).when('/home',{
templateUrl:'pages/home.html',
controller:'HomeCtrl'
}).when('/users/login',{
templateUrl:'pages/user/login.html',
controller:'LoginCtrl'
}).when('/users/reg',{
templateUrl:'pages/user/reg.html',
controller:'RegCtrl'
}).when('/ware/admin/list',{
templateUrl:'pages/ware/admin/list.html',
controller:'WareCtrl'
}).when('/ware/detail/:id',{
templateUrl:'pages/ware/detail.html',
controller:'WaredetailCtrl'
}).otherwise({
redirectTo:'/'
})
});
//是所模块加载完成之后的第一个方法
app.run(function($http,$location,$rootScope){
$http({
url:'/users/validate',
method:'POST'
}).success(function(user){
$rootScope.me = user;
$location.path('/home');
}).error(function(data){
$location.path('/users/login');
});
//show goods
$http({
url:'/wares/list',
method:'GET'
}).success(function(wares){
$rootScope.wares =wares;
});
});
app.controller('HomeCtrl',function($scope){
$scope.title='zf商城么么哒';
})
app.controller('NavBarCtrl',function($scope,$http,$rootScope,$location){
$scope.title = '导航';
$scope.isActive = function(path){
return path == $location.path();
}
$scope.logout = function(){
$http({
url:'/users/logout',
method:'POST'
}).success(function(user){
$rootScope.me = null;
$location.path('/users/login');
}).error(function(data){
$location.path('/users/login');
});
}
})
app.controller('LoginCtrl',function($rootScope,$scope,$location,$http){
$scope.title='登录';
$scope.save = function(){
$http({
url:'/users/login',
method:'POST',
data:$scope.user
}).success(function(user){
$rootScope.me = user;
//console.log($rootScope.me);
$location.path('/home');
}).error(function(data){
//$location.path('/users/login');
});
return false;
}
})
app.controller('RegCtrl',function($scope,$http,$location){
$scope.title='注册';
$scope.save=function(){
$http({
url:'/users/reg',
method:'POST',
data:$scope.user
}).success(function(user){
$location.path('/users/login');
}).error(function(data){
$location.path('/users/reg');
})
//return false;
}
})
app.controller('WareCtrl',function($rootScope,$scope,$location,$http,fileReader){
$scope.ware = {}; //表单返回的数据
$scope.wares = []; //提供出去的数据
$http({
url:'/wares/list',
method:'GET'
}).success(function(wares){
$scope.wares =wares;
});
$scope.getFile = function(){
var s = fileReader.readAsDataUrl($scope.file,$scope);
s.then(function(result){
$scope.ware.imgSrc = result;
})
}
$scope.save=function(){
var fd = new FormData();
angular.forEach($scope.ware,function(val,key){
fd.append(key,val);
});
// var options = {
// url:'/wares/add',
// method:'POST',
// data:{'name':'222','price':22},
// headers:{'Content-Type':undefined},
// transformRequest:angular.identity
// };
$http(
{
url:'/wares/add',
method:'POST',
data:fd,
headers:{'Content-Type':undefined},
transformRequest:angular.identity
}
).success(function(ware){
$scope.wares.push(ware);
});
}
})
app.controller('WaredetailCtrl',function($rootScope,$scope,$location,$http,$routeParams){
$scope.id=$routeParams.id;
console.log($scope.id);
$http({
url:'/wares/detail',
method:'POST',
data:{id:$scope.id}
}).success(function(wares){
$scope.wares =wares;
});
})
app.directive('addWares',function(){
return {
link:function($scope,element,attrs){
element.click(function(){
$scope.$apply(function(){
$scope.ware = {};
});
$('#addDialog').modal(true);
});
}
}
});
app.directive('fileModel',function(){
return {
link:function(scope,element,attrs,ngMode){
element.bind('change',function(event){
scope.file=element[0].files[0];
scope.getFile();
});
}
}
})
app.factory('fileReader',function($q){
//读取文件成功后触发
var onLoad = function(reader,deferred,scope){
return function(){
scope.$apply(function(){
deferred.resolve(reader.result);
});
}
}
//读取失败后触发
var onError = function(reader,deferred,scope){
return function(){
scope.$apply(function(){
deferred.reject(reader.result);
});
}
}
//获取文件读取器
var getReader = function(deferred,scope){
var reader = new FileReader();
reader.onload = onLoad(reader,deferred,scope);
reader.onerror = onError(reader,deferred,scope);
return reader;
}
//读取为dataurl
var readAsDataURL = function(file,scope){
var deferred = $q.defer();
var reader = getReader(deferred,scope);
reader.readAsDataURL(file);
return deferred.promise;
}
return {
readAsDataUrl:readAsDataURL
}
})
</script>
</html>
node前后端分离项目.zip
需积分: 5 66 浏览量
2024-01-16
11:36:47
上传
评论
收藏 1.24MB ZIP 举报
node前后端分离项目.zip （31个子文件） 
cm 
.bowerrc 34B app.js 905B app public pages ware admin 
list.html 4KB detail.html 194B home.html 492B user reg.html 2KB login.html 2KB index.html 7KB upload 9a6a0cb7-ea14-41b9-9b35-4458366772c7.jpeg 131KB b247d269-7cf3-45c4-81c2-4c959b490202.jpeg 375KB fd57650a-67fb-4373-ae28-03b8602ace93.jpeg 131KB 4950a1c1-9207-4ae5-9667-eab71e3ce00e.jpeg 375KB ea552b07-84cd-4217-99dc-8a91b5652cda.jpeg 9KB 6d0d5960-5122-45b4-92d9-913051f74d28.jpeg 375KB .idea .name 6B libraries zfshop_node_modules.xml 414B vcs.xml 180B workspace.xml 16KB misc.xml 599B zfshop.iml 358B modules.xml 264B jsLibraryMappings.xml 207B package.json 550B routes wares.js 1KB users.js 1KB npm-debug.log 2KB models user.js 163B ware.js 204B index.js 67B .gitignore 37B bower.json 456B资源评论
