简介

对前几天学习的一个综合练习，比较简单。

• 需求：用户信息的增删改查操作

• 技术选型：Servlet+JSP+MySQL+JDBCTempleat+Duird+BeanUtils+tomcat

• 简单功能
  1. 列表查询
  2. 登录
  3. 添加
  4. 删除
  5. 修改
• 复杂功能
  1. 删除选中
  2. 分页查询
     • 好处：
       • 减轻服务器内存的开销
       • 提升用户体验
  3. 复杂条件查询

列表查询

此功能在学习EL&JSTL时已经实现

在页面上增加了查询表单以及分页组件(代码用Bootstrap官网的示例代码修改一下即可)

分析：

登录

分析：

验证码用之前做过的案例，并绑定一个点击切换事件。

先判断验证码输入是否正确，错误删除跳转登陆界面，正确的话获取输入到页面的用户名及密码信息判断是否正确。

tips：获取完页面存储在session中的验证码属性后需要remove掉，确保验证码一次性。

添加

分析：

删除

分析：

修改

分析：

设置回显信息中：

名字是不可修改项，需设置属性 readonly="redonly"

性别用el表达式判断属性值，再将对应的属性值设为checked

籍贯也用el表达式判断属性值，再将对应的属性值设为selected

删除选中

分析：

删除选中的关键在于获取id数组，后续的删除就是批量进行删除单个。

将table包裹在form表单中，点击删除选中时提交表单，通过传递的所选中数据的id值来获取。

点击删除选中应给出提示信息，且还需要先判断是否有cb被选中，防止空指针异常。后端也可在循环删除之前进行判断。

分页查询

分析：

后端上一页下一页需要设置，第一页时点击上一页还是跳转到第一页，最后一页也一样调整，防止报错。

复杂条件查询

也许修改成分页查询，否则只能查看到查询后的一页内容。

分析：

点击分页时路径后应拼接查询条件

tips：查询条件应设置回显，用户体验更好。

总结

一个很简单的用户信息管理系统，后端的代码比较简单，但前端的jsp部分还是不太熟悉，用的太少。

一个简单的用户信息管理系统

原文：https://www.cnblogs.com/p1ng/p/12375676.html