查询、新增、修改、删除

开发工具与关键技术: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)就完美完成了。(说简单也不简单说难也不难_(关键是你如何掌不掌握好、如何去操作、思路清不清晰)有时还会出现一些漏洞需要你去思考如何解决等等)。

抱歉,我是AI语言模型,无法提供图形界面。但我可以提供一些思路和代码片段供您参考。 思路: 1. 新增:在界面上添加一个“新增”按钮,点击后弹出一个对话框,用户输入相关信息,点击“确认”后将信息保存到数据库中,并在界面上显示新添加的数据。 2. 修改:在界面上添加一个“修改”按钮,用户选中一行数据后点击该按钮,弹出一个对话框,显示该行数据的详细信息,用户可以修改相关信息,点击“确认”后将修改后的信息保存到数据库中,并在界面上显示修改后的数据。 3. 删除:在界面上添加一个“删除”按钮,用户选中一行数据后点击该按钮,弹出一个确认对话框,用户确认后将该行数据从数据库中删除,并在界面上移除该行数据。 4. 查询:在界面上添加一个搜索框和一个“搜索”按钮,用户输入关键词后点击“搜索”按钮,查询数据库中符合条件的数据,并在界面上显示查询结果。 代码片段: // 新增按钮 Button addButton = new Button("新增"); addButton.setOnAction(event -> { // 弹出对话框,用户输入相关信息 // 将信息保存到数据库中 // 在界面上显示新添加的数据 }); // 修改按钮 Button editButton = new Button("修改"); editButton.setOnAction(event -> { // 获取选中的行数据 // 弹出对话框,显示该行数据的详细信息 // 用户修改相关信息 // 将修改后的信息保存到数据库中 // 在界面上显示修改后的数据 }); // 删除按钮 Button deleteButton = new Button("删除"); deleteButton.setOnAction(event -> { // 获取选中的行数据 // 弹出确认对话框 // 用户确认后将该行数据从数据库中删除 // 在界面上移除该行数据 }); // 搜索框和搜索按钮 TextField searchField = new TextField(); Button searchButton = new Button("搜索"); searchButton.setOnAction(event -> { // 获取搜索框中的关键词 // 查询数据库中符合条件的数据 // 在界面上显示查询结果 }); // 界面布局 VBox root = new VBox(); root.getChildren().addAll(addButton, editButton, deleteButton, searchField, searchButton); Scene scene = new Scene(root); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值