单表新增

开发工具与关键技术:VS jqury

作者:陆桂超

撰写时间:2019年5月2日

现在的生活离不开手机和电脑,在没有手机电脑的年代,我们记录信息是记录在纸张上面的,现在我们可以通过手机电脑把数据存储到数据库中,这些功能需要通过编写程序代码才能实现。现在我要使用到的编程语言是c#,mvc框架。

完成这一功能要在view(视图)和controller(控制器)上写代码。

1、
view(视图)部分涉及到html代码和js代码。

(1)、html中的模态框

在某个页面上进行数据录入的时候,为了给用户创造一个更好的用户体验,我们通常会用到模态框,这个模态框是由html代码构成的,也就是一个页面布局。这里我就不详细讲解页面布局内容了,这里我只讲解几个要注意的地方。

第一点,
我们要在整个模态框的最外层的div设置id,这个id是我们点击打开模态框时要用到的

第二点,
在模态框的页面布局中,我们要用到from表单,from表单的作用是把用户输入的所有内容提交到控制器,

from表单也要设置id,在清空表单数据时要用到。这个from表单要包裹这下面第三点的input标签

第三点,
既然我们要输入数据,那么就肯定要有容器来容纳数据,这时我们可以用input标签。

在这里插入图片描述

把input标签的type设置为text(文本)用于存放用户输入的数据。Input标签也必须设置id,这个id是我们获取文本内容需要用到的。

(2)、js部分

当用户把模态框里对应的信息填写完以后,就需要把数据传到控制器,这时可以用到post请求。

在这里插入图片描述

如上图所示就是post请求的格式,在写该方法之前记得先把jquery的脚本文件引进来。第一个双引号用于存放控制器与视图交互信息的路径。中间的括号用于存放参数,把获取到的页面数据传到控制器。

右面的function(参数),括号的参数用于接收返回的数据。
在视图这边把html和js写好后,就可以到控制器写代码了。

2、 controller(控制器)。

(1)、为了方便返回状态到视图,在这里要建一个类,创建类的方法是首先在项目里添加一个新的文件夹,右键点击文件夹,点击添加,再点击类。下面是在类里面要添加的内容。

在这里插入图片描述

State是状态码,返回true和false,Text是文本值,可以给它赋值,返回提示到页面。

(2)、把数据新增到数据库,某些数据要受到限制,比如在同一个数据库中不能出现两条相同的身份证号码,因为身份证号码是唯一的。这时,我们在新增数据的时候就要编写代码来对数据进行控制。
在这里插入图片描述

如上图所示的查询语句,该查询语句查询的是页面新增的学院名称有没有与数据库的学院名称相同,因为一个学校不可能出现两个相同的学院名称。所以就要判断,如果有相的,则返回text,否则保存新增。

在这里插入图片描述

我们在项目文件里创建的类要通过实例化new出来才能有,最后把returnJson返回view(视图)。

3、 接收控制器返回的数据。

在这里插入图片描述

参数msg用于接收控制器返回的参数,如果state为true,表示新增成功,关闭模态框,否则返回值为false,弹出text提示语。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值