系统的登录窗口是用户的入口,用户只有在登录成功后才可以进入访问。通过在登录提交表单,后台处理判断是否为合法用户,进行页面跳转,进入系统中去。
登录合法性判断过程:用户输入账号和密码后,系统首先确定输入输入数据合法性,然后在login.jsp页面发送登录请求,调用src下的mainctrl类的dopost方法来验证。
用户登录模块的IPO如下所示:
输入:用户名和密码。
处理:
1)检测用户输入的账号、密码是否正确及在数据库已对应存在。
2)从数据库中提取记录,并储存在本地的session中(timeout默认=30min)。
3)根据用户名,将其显示在系统首页上。
输出:是否成功的信息。
登录流程图如下所示。
图5-1登录流程图
系统登录界面如下所示。
图5-2系统登录界面
系统呈现出一种简洁大方的首页:界面简约、鳞次栉比,用户能轻车熟路的使用。出于对系统使用群体广泛的顾虑,应有良好性能的后台。
如下图所示为系统的首页界面。
图5-3系统首页界面
此页面实现普通用户的注册,必须注册登录后才能使用系统大部分功能,用户名不允许重复如果重复将会注册失败,并弹出相应的提示,通过js实现对输入的验证。
用户注册流程图如下所示。
图5-4用户注册流程图
用户注册界面如下图所示。
图5-5用户注册界面
-
-
- 校园热点模块
-
用户在校园热点页面可搜索查看管理员发布的校园热点信息,并可对喜欢的文章进行点赞、收藏、发表评论等操作;
校园热点流程图如下所示。
图5-6校园热点流程图
校园热点界面如图所示。
图5-7校园热点界面
校园热点详情界面如图所示。
图5-8校园热点详情界面
-
-
- 失物招领模块
-
用户在失物招领页面可通过搜索物品名称或物品类型可查看物品名称、物品类型、拾取时间、拾取地点、发布人、物品图片、联系方式等详细信息,并可进行点赞、收藏、发表评论或留言等操作;
失物招领流程图如下所示。
图5-9失物招领流程图
失物招领界面如图所示。
图5-10失物招领界面
失物招领详情界面如图所示。
图5-11失物招领详情界面
-
-
- 寻物启事模块
-
用户在寻物启事页面可搜索物品名称或物品类型进行查看物品名称、物品类型、物品图片、丢失地点、丢失时间、发布人、联系方式等详细信息,并可进行点赞、收藏、发表评论或留言等操作;
寻物启事界面如图所示。
图5-12寻物启事列表界面
寻物启事详情界面如图所示。
图5-13寻物启事详情界面
用户在yhzhgl查看用户信息,先使用sql语句查询出所有用户表的数据,然后调用PageManager.getPages(url,4,sql, request ),返回一个ArrayList的对象,在for循环里,使用jsp得到每个ArrayList对象的数据,在jsp页面中解析ArrayList对象,得到其各个键值对的值。
用户管理界面如下图所示。
图5-14用户管理界面
用户点击登录填写账号信息登录后,会切换内容为“某某用户欢迎您”和历史订单,并给出注销链接。当用户登录成功后会将个人信息保存在session作用域中,点击自己的用户名时,会跳转到个人详细信息页面,由后台通过Freemarker取出session作用域中的用户信息进行动态渲染,例如,邮箱、电话号码、用户名等等。同时页面上会显示修改个人信息和修改密码的按钮,这时客户可以修改自己的登录密码以保障账号的安全性,防止被人窃取账号,通过UserController.java的updatePassword()实现,同时也可以根据自己的个人信息是否变动做出相应的修改,通过updateUserInfo()实现。
密码修改流程图如下所示。
图5-15密码修改流程图
-
-
- 失物招领管理模块
-
添加失物招领信息时,输入必填字段后,表现层的WupinController接受传过来的失物招领信息参数,再调用WupinController类的addWupin方法,经过WupinService业务层到WupinMapper持久层的处理,完成对整个添加失物招领信息的操作。addWupin方法也和用户管理中的addUser方法类似,同时做添加和修改工作。
修改失物招领信息时,选择需要修改的失物招领资料进行修改,调用WupinController控制器的editWupin方法,拿到该失物招领原本的信息并显示到页面,管理员再对需要修改的失物招领信息字段进行修改,完成后调用addWupin方法,调用业务层的updateByKey方法,更新数据库的失物招领信息表的数据。
失物招领管理流程图如下所示。
图5-16失物招领管理流程图
失物招领管理界面如下图所示。
图5-17失物招领管理界面
-
-
- 寻物启事管理模块
-
删除寻物启事资料时,选择需要删除的寻物启事资料进行删除,把主键的uId传到JiashiyuanController控制器,再调用控制器的deleteJiashiyuan方法,数据经过JiashiyuanService业务层解析和处理,请求JiashiyuanMapper持久层调用deleteByPrimaryKey方法操作数据库将寻物启事资料数据从数据库中删除。
查找寻物启事资料时,输入需要查找的寻物启事资料名,调用getData方法获取所有数据并且进行分页,把获取到的所有数据显示到视图上,这时候只需要用脚本方法便能快速查找,不涉及对数据库操作。
寻物启事管理流程图如下所示。
图5-18寻物启事管理流程图
寻物启事管理界面如下图所示。
图5-19寻物启事管理界面
-
-
- 留言反馈管理模块
-
用户查询留言反馈信息,在huowuyanshou_list查看信息,点击查看留言反馈信息以及回复留言反馈信息,跳转至yonghuqianshou_add.jsp。
留言反馈流程图如下所示。
图5-20留言反馈流程图
留言反馈管理界面如下图所示。
图5-21留言反馈管理界面
网站空间的分类官方网站下载baiduwangpan网页制作素材十个跳转页面自己在线制作logo免费app郑州注册公司代理记账即速应用微信小程序官网从山海经取公司名三个字一级造价工程师报名时间汕头网站建设搭建企业网站的建设哪家比较好免费连接wifi的软件儋州网站设计公司福田企业网站优化方案中铁建设集团有限公司贵州分公司网站推广公司经理职责厦门建网站flash制作技巧杭州滨江区抖音seo货真价实今日油价格表92广东东莞自己建站教程微商软件代理模板算量园林景观设计公司管理制度及流程上海营业执照查询系统哪些软件可以做网页app线上推广是什么工作乐清日报官网泉州疾控中心发布最新消息品牌vi设计设计生成成都最新疫情防控政策站长工具搜一搜