Jquery
汝甚骚吾不及
这个作者很懒,什么都没留下…
展开
-
图书管理系统借书
HTML部份渲染表格后向控制器请求数据,数据库接收到数据后查询相对应的数据库数据并将数据返回视图,最后渲染出表格并显示数据。点击按钮打开模态窗体后向数据库提交ID查询数据库数据并返回数据自动填充模态窗体。点击保存按钮获取模态窗体的数据并用ajax的方法把数据传递到控制器,控制器接收到数据后向数据库查询对应的数据并修改信息,最后把修改好的信息保存至数据库。效果:...原创 2021-07-07 17:23:55 · 237 阅读 · 0 评论 -
图书管理系统
HTML部份HTML部分写好搜索框和新增和修改的模态窗体,点击对应按钮时触发打开模态窗体。Js部分:渲染表格查询数据回填和写一个自定义列显示修改和删除按钮。新增和修改操作:获取当前模态窗体的数据提交到数据库添加到数据库点击修改按钮提交相对于的ID到控制器到数据库查询需要的数据并返回数据,经过多次判断数据后新增或修改数据库数据。删除操作:点击删除按钮提交当前数据的ID到控制器判断并删除数据库中当前ID对应的数据。效果:1.渲染成功并获取到数据。2.新增操作原创 2021-06-27 20:38:14 · 52 阅读 · 0 评论 -
表格渲染。
HTML部分创建一个table实例最简单的方式是,在页面放置一个元素 ,然后通过 table.render() 方法指定该容器,然后用cols给该容器设置表头,最后用page给该容器分页,调用tabLoanSearch方法查询数据填入表格。表格重载,向指定的路径请求数据。控制器接收请求后,联表查询数据经过一系列判断和分页后,最后返回数据。效果:...原创 2021-06-16 17:19:01 · 62 阅读 · 0 评论 -
数据导出。
HTML部分写一个导出按钮,给导出按钮绑定点击事件,当点击导出按钮时触发事件传递信息下载文件接收到数据后开始连表查询数据,判断是否有数据传递过来,判断传递过来的数据是否跟数据库的数据相等存储数据到listStudent中,创建工作簿、工作表、标题行、单元格,给单元格设置值,创建表头行并设置字段遍历数据从第三行开始设置行高创建列并设置值,设置列和宽自适应把创建好的Excel输出到浏览器,定义内存流,将工作簿写入内存流,把Excel转化为内存流,下载完成...原创 2021-06-07 17:59:29 · 59 阅读 · 0 评论 -
数据导入.
HTML部分:写好导入按钮和导入的模态窗体,给导入按钮绑定点击事件,当点击导入按钮时触发模态窗体点击下载按钮传递信息到控制器,判断文件是否存在,存在则返回文件下载完成打开文件写入数据上传导入的Excel文件,用Post/Get的方法传递到控制器控制器接收到数据后,先获取文件的后缀判断是否为指定的文件类型,声明二进制数组存放上传的文件,将二进制数组存入fileBytes中再转化为内存流,将内存流转化为工作簿,判断工作簿中是否有数值,有则查询出相对应的学院、专业、年级、班级、的信息存储到原创 2021-06-07 17:48:05 · 84 阅读 · 0 评论 -
图片新增与保存
HTML部分:设置上传文件的input标签然后隐藏起来,再设置一个图片框,给图片框绑定双击事件当双击图片框时触发input标签上传图片用正则表达式过滤图片image/jpeg,image/png,image/jpg,image/gif,image/bmp当input标签内容改变时获取当前文件选择器的第一个文件,用if判断文件的选择类型然后读取文件转换成URL,读取完成后,把当前图片添加到图片框中把input的数据保存到upFormData中,在新增的时候传递到控制器在控制器接收到数据原创 2021-06-07 17:27:40 · 103 阅读 · 0 评论 -
异步提交数据
HTML部分:创建POST获取数据按钮,给按钮绑定点击事件什么是Ajax:AsynchronousJavaScript and XML(异步的 JavaScript 和 XMLAJAX是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。同步与异步的区别:同步:就是指一个进程在执行某个请求的时候,若该请求需要一段时间才能返回信息,那么这个进程将会一直等待下去,直到收到返回信息才继续执行下去;异步:是指进程不需要一直等下去,而是继续执行下面的操作,不管其他进程的状态。当有消息返回时系统会原创 2021-05-29 08:43:18 · 159 阅读 · 1 评论