开发工具与关键技术:VS Select Insert Update Delete
撰写日期:2019年5月5日
一、在做一个完整案例的过程中你的先在控制器中创建视图页面再视图页面中写css部分内容再到script中的内容在script中先定义一些全局变量和表头的渲染还有查询数据新增数据修改数据删除数据(查询(查询有多表查询也有单表查询)、新增、修改、删除都要在控制器中写方法的)等等,变量一般都会有layui模块的变量和layer的变量这两个在一般的项目和案例中都会用到,如var layerIndex;(是记录layer的索引),var layer,layuiTable;(是保存layui模块以便全局使用),接着是加载&初始化layui模块和渲染表头监听行的单击事件(单击(row),双击(rowDouble))是为了方便你想选择数据时用自定义列方法(是修改和删除的按钮)再去控制中写查询(Select)的方法(首先得定义一个方法来接收文件然后就写查询方法接着查询分页总行数再接着分页数据的查询最后返回列表)这样整个的查询方法就完成了,页面那边渲染的代码就不给大家看了(因为代码有点多)控制器中的代码和查询的结果如下:
二、查询完成了就到新增(Insert)操作了,新增和修改都有个属于它们的模态窗体,在新增的模态框窗体是当你新增时的模态框的样式,在视图页面中写新增的代码先写新增按钮的点击事件要重置下表单新增一个url(相当于路径)新增modal窗体的标题打开modal 并禁用esc退出和点击背景时不关闭动态模态框保存新增获取表单(定义某个变量来获取里面的值)判断字符串不能为空否则就要提醒用户填写完整开启加载层关闭加载层刷新表格关闭模态框,下面是视图页面的代码图:
在视图页面写完新增的代码了就去控制器中写新增方法,定义好方法通过模型(实体类)来接受,先定义一个实例化用一个try{}cath(Exception){}判断是否为空(如果等于空就给它提示(请填写完整),不等于空就查询所新增的内容是否存在)如果判断内容大于0那么数据已经存在有相同数据,等于0就说明数据不存在就通过add的方法传过来的值然后添加到数据库在调用SaveChanges()的值来判断(>0就新增成功,<0就新增失败)。如下是它的代码:
新增的结果图:
三、新增完了就到修改(Update),修改操作其实是数据回填,要定义修改肯定要查询的操作(根据什么的ID来查询)定义查询方法来定义(根据id查询公告类型)用try{}catch(){}查询是否已经存在其他相同的公告类型然后返回值,修改其实跟新增的方法差不多(基本上是一样的)修改内容同样是通过模型来接受内容判断返回值是否为空(数据异常) try{}catch(){}判断是否存在(如果不存在就修改,存在就进行一个提示操作),下面是修改控制器中的代码:
(查询)下是(修改)
控制写完了就到视图页面去写修改页面的弹出层,点击修改事件按钮(在前面自定义就已经定义修改的方法直接调用就行了,传入参数来接受)重置表单修改model窗体的标题修改的url查询修改的内容(根据json对象填充form表单)打开model并禁用esc退出和点击背景时不关闭动态模态框接着时保存修改(保存按钮的点击事件)获取变量值判断值是否为空(不能为空否则就要提醒用户填写完整)开启加载层关闭加载层刷新表格关闭模态框,下面是视图页面的代码图:
修改的结果图:
四、查询、新增、修改都做完了接下就是删除(Delete),控制器先定义方法(要跟定什么去删除)实例化 try{}catch(){}查询公告类型明细判断(如果等于0那就说该公告类型上是没有类型明细,如果有数据就不能删除)没有明细就先把你要删除的内容查询出来通过remove方法来移除你所查询出来要删除的内容SaveChanges()>0就删除成功,SaveChanges()<0小于就删除失败,代码如下:
再到页面中写代码,原先在自定义列中已经定义了删除的方法现在只要调用就可以了,删除之前都会有个提示(您确定要删除该信息吗?如果点击确定那么就执行下面提交的操作,如果不点击确定那么不用执行任何操作)开启加载层提交方法(查询要删除的内容)关闭加载层判断刷新表格关闭模态框就完成了。如图下:
然后就到删除的效果图了:
这样子一个简单的案例中的查询(Select)、新增(Insert)、修改(Update)、删除(Delect)就完美完成了。(说简单也不简单说难也不难_(关键是你如何掌不掌握好、如何去操作、思路清不清晰)有时还会出现一些漏洞需要你去思考如何解决等等)。