码迷,mamicode.com
首页 > 数据库 > 详细

学习Angularjs向数据库添加数据

时间:2017-05-16 09:51:38      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:数据表   exists   method   blank   win   oca   varchar   window   des   

今天学习angularjs向数据库添加数据。

学习此篇,得从以往几篇开始,因为那还有创建数据表等演示。

现在来创建一个添加的存储过程:
技术分享

 

技术分享
SET ANSI_NULLS ON
GO

SET QUOTED_IDENTIFIER ON
GO


CREATE PROCEDURE [dbo].[usp_Goods_Insert]
(
    @Item NVARCHAR(55),
    @Description NVARCHAR(20),
    @Qty DECIMAL(10,2)
)
AS
IF EXISTS(SELECT TOP 1 1 FROM [dbo].[Goods] WHERE [Item] = @Item)
BEGIN
    RAISERROR(N[%s]物料已经存在.,16,1,@Item)
    RETURN
END
ELSE
    INSERT INTO [dbo].[Goods] ([Item],[Description],[Qty]) VALUES (@Item,@Description,@Qty)
GO
Source Code

 

添加一个实值方法,即是程序与数据库之间的协作:
技术分享

 

在ASP.NET MVC 的控制器中,添加2个操作,一个是为网页准备,一个是添加Action:
技术分享

 

MVC视图:
技术分享

其中上面#2html代码:
技术分享

 

#3javascript程序:
技术分享

 

技术分享
        var GoodsApp = angular.module(‘GoodsApp‘, []);
        GoodsApp.controller(‘GoodsAdditionController‘, function ($scope, $http) {
            $scope.GoodsAddition = function () {
                var obj = {};
                obj.Item = $scope.Item;
                obj.Description = $scope.Description;
                obj.Qty = $scope.Qty;

                $http({
                    method: ‘POST‘,
                    url: ‘/Goods/Insert‘,
                    dataType: ‘json‘,
                    headers: {
                        ‘Content-Type‘: ‘application/json; charset=utf-8‘
                    },
                    data: JSON.stringify(obj),
                }).then(
                    function success(response) {
                        if (response.data.Success) {
                            alert("数据添加成功。");                            
                            window.location.href = response.data.RedirectUrl;
                            
                        }
                        else {
                            alert(response.data.ExceptionMessage);
                        }
                    },
                    function error(error) {
                        alert(response.error.data);
                    });
            };
        });
Source Code

 
实时演示:
技术分享

 

学习Angularjs向数据库添加数据

标签:数据表   exists   method   blank   win   oca   varchar   window   des   

原文地址:http://www.cnblogs.com/insus/p/6858290.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!