logo资料库

Javaweb用户登录注册系统.doc

第1页 / 共9页
第2页 / 共9页
第3页 / 共9页
第4页 / 共9页
第5页 / 共9页
第6页 / 共9页
第7页 / 共9页
第8页 / 共9页
资料共9页,剩余部分请下载后查看
JavaWeb用户登录注册功能的实现
JavaWeb 用户登录注册功能的实现 用户登录模块采用了多种语言: Html、css、jquery:页面 java:后台 相关知识点:session、 servlet、web.xml 跳转控制(所有跳转都需要在此文件中设置 URL, 否则会报错 404)、RequestDispatcher 原理、get/post 请求区别、联系、 form 表单的提交 需 要 安 装 mysql 数 据 库 ! 并 先 在 PC 端 部 署 tomcat 环 境 , 使 用 JDBC 要 预 先 将 mysql-connector-java-5.0.8-bin.jar 导入工程中。 登录界面运行效果图: 1、用户通过用户名密码登陆系统,前台需要通过 jquery 对文本框输入进行非空判断。 2、如果用户名或密码为空则会弹出提示。 3、如果均不为空,则将 form 中数据传到 loginservlet 连接数据库验证用户名和密码的正确 性。(最开始先不要连接数据库,先在 loginservlet 中把用户名和密码写死,登录验证成功后 再进行数据库连接) 4、如果正确则进入用户界面,不正确则返回登录界面并在前台给出提示。 注册界面运行效果图:
1、在用户注册页面,同样要进行 jquery 的前台非空验证。 2、如果均不为空,将 form 中数据传到 registerservlet 连接数据库。 3、查询数据库,如果用户名已经存在,则返回注册界面并在前台给出提示。 4、如果用户名不存在,则对数据库进行 insert 操作,插入数据。 5、注册成功返回登录界面并在前台给出提示。 用户界面运行效果: 1、用户通过输入正确的用户名和密码登入用户界面。 2、由 loginservlet 跳转至 selectservlet 连接数据库,查找数据库表中的内容并返还到用户界 面的表格中。 3、用户可以通过表格中的修改和删除进行相对应的数据项的操作。
4、 5、在查询处,通过输入用户名点击查询按钮,调用 selectservlet 连接查询数据库。 6、如果用户不存在则返回当前页面并在前台给出提示。 7、如果用户存在则返回当前页面并将数据库中该用户所对应的值取出,返回到当前页面显 示在表格中。 8、通过注销按钮返回登录页面。(注销的功能是清空 session。因为我们在登录的时候会发 现,通过在地址栏输入 url 我们也能直接读取页面,这样登录系统就显得毫无意义,因此我 们可以在登陆的时候将用户名存入 session,当 session 中有值时能够进行相关访问,因此, 注销的功能就是清空 session,这样完成一次登录和退出的功能。) 9、点击修改进行当前行用户的密码修改操作。 10、点击删除进行当前用户的删除操作。 密码修改运行效果图: 1、在用户界面通过点击修改跳转到当前界面,并把所对应的用户名传递到该页面。 2、要对密码进行 jquery 的非空验证。 3、点击确定跳转到 updateservlet,连接数据库,并进行 update 操作,更新数据表,跳转至
用户界面。 4、用户界面显示新的数据,并且弹出提示修改成功。 删除界面运行效果: 1、通过在用户界面点击删除跳转至此页面,并将对应的用户名的值传入此页面显示在文本 中。 2、通过点击确定跳转至 deleteservlet,连接数据库,对数据表进行 delete 操作,跳转至用 户界面。 3、用户界面显示新的数据,并弹出提示删除成功。 4、点击取消不进行操作,直接调回用户界面 注: 1、所有的对数据库的操作,需要在 servlet 中对数据库中的方法进行调用,之后在 servlet 中设置要传值跳转的界面。 2、连接数据库,需要先加载数据库驱动,再通过 url 和用户名密码连接数据库。 3、在使用 servlet 时,各种跳转的 url 需要在 web.xml 中进行设置(web.xml 的设置可百度)。 4、界面中有不详细的地方,可以自行进行添加修改。 5、界面还未用 css 定义格式,可自行修改。
(html css jquery jsp 可以通过 http://www.w3school.com.cn/index.html 进行学习) 完成上述功能之后,开始以下功能的编写:
1.在用户登录界面后,把用户信息从数据库中取出,要对取出的信息进行分页显示(select 的 limit 子句) 2.可以先做完对数据库的查询和显示之后再进行分页处理。 3.可将在数据库中查询的结果集做成一个 list 然后在前台进行输出。 Eg.数据库用户列表中一共有 17 条数据,每页显示十条,登陆之后显示第一页,点击第二页显 示第二页内容。(《java web 从入门到精通》内有) 默认每页显示十条,可以通过在文本框输入每页显示条数来进行修改,例如修改成每页显示 5 条
根据对数据库结果集的查询和操作,计算出应该显示页数,并在列表下方显示数字。 完成上述分页操作后,进行用户权限的相关操作,可自行百度 RBAC 相关知识。 当管理员用户登录时后台验证为管理员,登陆显示到用户列表 当登录用户为普通用户时,登陆之后直接跳转到普通用户界面 普通用户界面用来显示数据库中各表的信息。 1. 保留相同的注销功能。 2. 在下方显示两个下拉菜单和一个文本框,第一个用来显示数据库名(可直接写出数据库 的名字) 3. 第二个下拉菜单显示上一个菜单所选的数据库中的表名。 4. 两个下拉菜单是级联菜单,可参考 ajax 相关内容进行编写。(级联菜单的意思就是,两
个下拉菜单是相关联的,第二个相当于第一个子类,当选择 DB 后,自动刷新第二个菜 单里的数据,调取相关信息进行显示) 5. 文本框用来输入想要显示多少行此表中的内容。 6. 点击提交读取数据。 数据显示效果: 1. 通过之前点击提交,将 form 表单中的内容提交到一个 servlet 里,然后对数据库进行相 关操作,读取表的列名和数据(sql 语句自行查阅)。 2. 将读取到的数据返回的前台,在 table 中进行显示。
分享到:
收藏