学习Angularjs向数据库添加数据

今天学习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

实时演示:

时间: 05-13

学习Angularjs向数据库添加数据的相关文章

如何在MyEclipse中通过hibernate使用jtds驱动连接数据库,并向数据库添加数据的方法

最近学习了下如何在MyEclipse中通过hibernate使用jtds驱动连接数据库,并向数据库添加数据的方法,虽然MyEclipse中自带了连接数据库的方法,我也尝试了下其他方法,如有不当之处请指教,具体如下: 需要的驱动包为:jtds-1.2.jar 首先创建Java项目,就叫testjtds,同时为工程添加hibernate支持 对testjtds鼠标右键,在最下面找到MyEclipse-->Add Hibernate Capabilities...之后 出现如图窗口 当然了,直接nex

FlowPortal-BPM——注意事项:跨数据库添加数据

跨数据库添加数据 public static void Insert(int TaskID) { SqlConnection conn = new SqlConnection("server=.;database=BPMDBDataTest;user=sa;pwd=123;"); SqlCommand cmd = conn.CreateCommand(); //数据库名.dbo.表名 //添加到数据库下某个表中 查询所有数据 从数据库下某个表或试图中 按条件查询 //特别注意:查询到的

数据库添加数据II及SQL语句错误

前些时候,写的代码(数据库添加数据I),往数据库添加数据都是很基本的一条一条地添加.但是平常用于测试时,总不可能一条一条地添加测试数据吧,然后我就尝试着一次性添加几百上千条,但是再次操作的时候,就出问题了.因为平常看书的时候,都只是一瞥而过,而且书上写的基本都是函数原型,函数原型相当‘简单’!但是用的时候就容易出错了,所以特意写一篇如何往数据库添加数据. 首先在test数据库中建一个users表,users(UserID,UserName,UserStatus),下划线表示主键,然后开始进行操作

数据库添加数据

/*insert.php*/ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> <title>insert</title> </head> <center> <body> <form name="from1" action=&quo

数据库部分---添加/删除数据库,添加/删除表格,往数据库添加数据;

一: 1.创建数据库 create database test2; 2.删除数据库: drop database test2; 3.创建表: create table test ( code varchar(20) , name varchar(20)                 #varchar是字符串类型,需要加长度(20),code和name都是创建的列的名字,一列写完要写逗号,最后一列不加逗号. );                                         #

django向数据库添加数据

url.py views.py host.html (样式) (展示部分) (添加信息界面) (js部分) 展示添加数据:

Django --&gt;admin后台(后台管理可以直接往数据库添加数据)

一.使用pymysql时,必须加这两行(#如果使用mysql的数据库,请进行伪装 pymysql伪装为MySQLdb) import pymysqlpymysql.install_as_MySQLdb() #如果使用mysql的数据库,请进行伪装 pymysql伪装为MySQLdb 二.编辑数据库内容 (路径:/学习/接口自动化/mjz/user/models.py) from django.db import models # Create your models here. class Ca

python向数据库添加数据(添加一条数据)

前置准备条件 1.cmd命令   下载第三方模块 2.连接数据库 3.创建数据库和表 在做一下操作 源码: #引入模块import pymysql # 链接数据库conn = pymysql.connect(host='127.0.0.1',port=33061,user='root',passwd='123456abc',db='user_db') #创建游标cursor = conn.cursor() #插入数据cursor.execute("INSERT INTO user_info (i

数据库添加数据时出现的问题

java.sql.SQLException: Field 'userID' doesn't have a default value at com.mysql.jdbc.MysqlIO.checkErrorPacket(MysqlIO.java:2921) at com.mysql.jdbc.MysqlIO.sendCommand(MysqlIO.java:1570) at com.mysql.jdbc.MysqlIO.sqlQueryDirect(MysqlIO.java:1665) at c