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

不羁的心 提交于 2020-02-28 09:26:25

简介

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

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

  • 技术选型: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部分还是不太熟悉,用的太少。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!