spring boot+mybatis+bootstrap-table+layui实现学生管理的实例

这几周一直在学习spring boot，所以准备通过一个实例练练手，本来只是相写个简单的前台界面，可是感觉界面太丑的话实在是忍不了。。于是也学习了一波前端的知识，慢慢的解除了bootstrap、jquery之类的。接下来就按步骤来讲解下我的小项目~具体的代码太多了就不在博客里贴了，完整的代码可以到github下载，地址是：https://github.com/zhoujiajia123/boottest

管理员部分

在管理员的数据库表中只有账号和密码两个字段，所起到的作用就是验证登录。

1.登录验证

a.前端部分

在前端部分使用的是表单+原生的ajax(为何使用原生，因为刚开始学从底层开始。。)，我上一篇写过这个就不多说了。主要就是根据后台返回的信息做出相应行动，账号密码正确的话就定位到主界面，账号不存在就提示不存在，密码错误就提示密码错误，都是嵌入到div里面的，对应的html文件是templete/login.html。

b.后台部分

后台的话就是根据表单里传来的账号密码进行判断，不存在就返回0，密码错误返回-1，账号密码正确返回1。对应的处理方法在AdminController里面。

 

学生管理部分

这个部分的前端代码都在index.html，后台的话处理都在StudentController。主要涉及到的就是增删改查这几种操作，而只要对应好mybatis中的参数和返回类型就很容易了。

1.显示全部学生记录

这个部分使用了boottable，采用表格的方式进行分页显示。分页是交给Server处理的，后台接收了limit和offset两个参数分别表示每一页的记录数量和当前偏移量。

2.添加学生记录

添加的话使用的是layui提供的弹框，这个工具很好用，有各种各样的弹框样式。添加提交的点击绑定事件时要注意不要多次绑定，提交按钮最好加上off绑定。

3.编辑和删除

都是使用的弹出层来实现。这两个在表格里的按钮是通过boottable里的events选项绑定操作的。

 

4.按学号查找