[Angularjs]asp.net mvc+angularjs+web api单页应用之CRUD操作
发布时间:2020-12-17 10:36:35 所属栏目:安全 来源:网络整理
导读:写在前面 demo List lstOrders = = = , ); response.Headers.Add( , ); response.Headers.Add( , ); lstOrders = List ( i = ; i ; i++ Product { Dt = DateTime.Now,Id = i + ,Name = + i.ToString(),Price = i + } /spanspan style="color: #008000;"gt;//
写在前面
demo
List
}
</span><span style="color: #008000;">//</span><span style="color: #008000;"> GET: api/Order</span>
<span style="color: #000000;"> [HttpGet] <span style="color: #0000ff;">public <span style="color: #0000ff;">async Task { <span style="color: #0000ff;">return <span style="color: #0000ff;">await Task.Factory.StartNew(() =><span style="color: #000000;"> { <span style="color: #0000ff;">int pageSize = <span style="color: #800080;">10<span style="color: #000000;">;
app = angular.module('app_store',['ngRoute','StoreService'
StoreService = angular.module('StoreService'
StoreService.factory('requestService', request ='POST''''Content-Type': 'application/json' postData == "get"= "../api/product/lists?key=" + type + "&page=" += "post"= "../api/product/lists"== "DELETE"= "../api/product/lists?id=" += "put"= "../api/product/lists"= deferred = $q.defer();
deferred.reject(data); </span><span style="color: #008000;">//</span><span style="color: #008000;"> 声明执行失败,即服务器返回错误 </span>
<span style="color: #000000;"> }); };
app.config(['$routeProvider','/',{ templateUrl: '../Scripts/Views/orders.html',controller: 'StoreController''/home',{ templateUrl: '../Scripts/Views/orders.html''/add',{ templateUrl: '../Scripts/Views/add-order.html',controller: 'OrderController''/edit/:id',controller: 'OrderController''/error',{ templateUrl: '../Scripts/Views/Error.html',controller: 'ErrorController''/error'
app.controller('StoreController','StoreController' page = 1
$scope.productKey </span>= $scope.productKey ? $scope.productKey : ''<span style="color: #000000;">;
$scope.products </span>=<span style="color: #000000;"> [];
$scope.query </span>= <span style="color: #0000ff;">function</span><span style="color: #000000;"> (key,page) {
requestService.lists(key,page).then(</span><span style="color: #0000ff;">function</span><span style="color: #000000;"> (data) {
</span><span style="color: #0000ff;">if</span> (data._code === 200<span style="color: #000000;">) {
</span><span style="color: #0000ff;">for</span> (<span style="color: #0000ff;">var</span> i = 0; i < data._data.length; i++<span style="color: #000000;">) {
$scope.products.push(data._data[i]);
};
};
});
console.log($scope.products);
};
$scope.query(</span>''<span style="color: #000000;">,page)
</span><span style="color: #008000;">//</span><span style="color: #008000;">查询</span>
$scope.search = <span style="color: #0000ff;">function</span><span style="color: #000000;"> () {
$scope.products </span>=<span style="color: #000000;"> [];
$scope.query($scope.productKey,page)
};
$scope.add </span>= <span style="color: #0000ff;">function</span><span style="color: #000000;"> () {
$location.url(</span>'/add'<span style="color: #000000;">);
};
$scope.loadMore </span>= <span style="color: #0000ff;">function</span><span style="color: #000000;"> () {
page</span>++<span style="color: #000000;">;
$scope.query($scope.productKey,page)
};
$scope.delte </span>= <span style="color: #0000ff;">function</span><span style="color: #000000;"> (id) {
requestService.product_delete(id).then(</span><span style="color: #0000ff;">function</span><span style="color: #000000;"> (data) {
console.log(data);
</span><span style="color: #0000ff;">if</span> (data._code == 200<span style="color: #000000;">) {
console.log(</span>'删除成功'<span style="color: #000000;">);
console.log(data._data);
}
});
};
$scope.edit </span>= <span style="color: #0000ff;">function</span><span style="color: #000000;"> (id) {
$location.url(</span>'/edit/' +<span style="color: #000000;"> id);
};
}); app.controller( 'OrderController',requestService) {console.log('OrderController'<span style="color: #000000;">); $scope.product =<span style="color: #000000;"> { Id: ''<span style="color: #000000;">,Name: ''<span style="color: #000000;">,Price: 0<span style="color: #000000;"> }; <span style="color: #0000ff;">var id =<span style="color: #000000;"> $routeParams.id; $scope.btn = id ? '确定' : '添加'<span style="color: #000000;">;
});
<span style="color: #0000ff;">< <span style="color: #800000;">input <span style="color: #ff0000;">type<span style="color: #0000ff;">="text"<span style="color: #ff0000;">name<span style="color: #0000ff;">="name"<span style="color: #ff0000;"> class<span style="color: #0000ff;">="form-control"<span style="color: #ff0000;"> placeholder<span style="color: #0000ff;">="单价"<span style="color: #ff0000;"> ng-model<span style="color: #0000ff;">="product.Price"<span style="color: #ff0000;"> required <span style="color: #0000ff;">/> <span style="color: #0000ff;"><<span style="color: #800000;">button <span style="color: #ff0000;">class<span style="color: #0000ff;">="btn btn-primary btn-block"<span style="color: #ff0000;"> ng-click<span style="color: #0000ff;">="add()"<span style="color: #0000ff;">>{{btn}}<span style="color: #0000ff;"></<span style="color: #800000;">button<span style="color: #0000ff;">>
<span style="color: #0000ff;"></ <span style="color: #800000;">div<span style="color: #0000ff;">>
@ViewBag.Title - My ASP.NET Single Page Application
总结
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容