从控制器到SQL数据库，再到视图接收数据，快速理解数据新增！

深藏阁楼爱情的钟 2022-01-30 00:43 186阅读 0赞

## 新增数据 ##

作者：吱韩菌  
开发工具：Visual Studio 2015  
撰写时间：2019-5-14  
下面我们要在VS（开发工具：Visual Studio 2015）中完成数据新增  
![在这里插入图片描述][20190517144726285.png]  
$("\#insert").click(function () \{  
alert(234);  
\});  
![在这里插入图片描述][20190517144734933.png]  
首先要给这个新增按钮绑定点击事件，insert是新增按钮的ID，alert（234）是点击按钮后，如果获取成功就会弹出框。  
当ID获取成功后，接下来要给它添加一个新增的模态框，modalInsertAcademe是新增模态框的ID。绑定成功后，启动页面点击按钮会弹出模态框。  
$("\#insert").click(function () \{  
$("\#modalInsertAcademe").modal();//弹出模态框  
\});  
![在这里插入图片描述][20190517144801101.png]  
![在这里插入图片描述][20190517144807493.png]  
接下来该做的是新增数据，下面我们所用到的数据是SYS\_Academe 学院数据表。在Models中查找.tt结尾的文件，再到CQUPT.tt中找到我们接下来要用到的文件（SYS\_Academe）。  
双击进去可以看到有自定义好的数据，这些都是数据库自定义的，尽量不要做改动，否则会出现一些意想不到的错误，严重的可能会使整个项目崩溃！  
![在这里插入图片描述][20190517144826790.png]  
![在这里插入图片描述][20190517144845501.png]  
![在这里插入图片描述][20190517144852855.png]  
新增数据需要保存，这里需要给保存按钮写方法，先给保存按钮绑定一个onclick点击事件。  
![在这里插入图片描述][20190517144914319.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0ODc3MA_size_16_color_FFFFFF_t_70]  
If判断AcademeName和AcademeCode是否为空，当它为空时，就执行else里的代码，layer.alert弹出提示框，当它不为空时，就执行post提交里的方法。  
另外，在控制器那里也需要写一个方法来接收数据。在if判断中实例化SYS\_Academe学院表，再给学院名称AcademeName和学院代号AcademeCode赋值。myModel.SaveChanges();这段代码的是用于将数据保存到数据库。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0ODc3MA_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][20190517144946600.png]  
![在这里插入图片描述][20190517144955572.png]  
![在这里插入图片描述][20190517145001748.png]

最后启动页面测试是否能保存数据；再次新增数据时模态框内的数据不会清空、是上次填写的数据时，我们需要添加一段代码：$("\#formInsetAcademe input\[type=‘reset’\]").click();  
这是bootstrap插件中的方法，它的作用是重置表单，清空表单里的数据。

（注：以上代码图片来源于授课老师！！！仅供参考，感谢支持！）

[20190517144726285.png]: /images/20220130/eafb3955153542109e5732b6bf15fdf1.png
[20190517144734933.png]: /images/20220130/e685e5ab356345f1a8f61468c48566c8.png
[20190517144801101.png]: /images/20220130/8c180417065d454c886a448b7a2d9818.png
[20190517144807493.png]: /images/20220130/41dcb12490f44c5db32daf7f63767543.png
[20190517144826790.png]: /images/20220130/53e6c6f2825745a49a04bc52c8dbd37e.png
[20190517144845501.png]: /images/20220130/056fffec529143f0aba34fddadaa8fda.png
[20190517144852855.png]: /images/20220130/19cb21eeede146408857acc9df162006.png
[20190517144914319.png]: /images/20220130/0d9b5e6467004c60bc0bada858e231fa.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0ODc3MA_size_16_color_FFFFFF_t_70]: /images/20220130/57ecdf1480a44ada945a999fd65bff3f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0ODc3MA_size_16_color_FFFFFF_t_70 1]: /images/20220130/aa8b33303c2c4ec4818aa6cee6d03158.png
[20190517144946600.png]: /images/20220130/1a4160e4e4794bba9ae321916ac6388c.png
[20190517144955572.png]: /images/20220130/c8133abfb4ef4fedb46ac1ea0a8a1855.png
[20190517145001748.png]: /images/20220130/c871973f3fb54dcc83fa39c6e9daaa0d.png