携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第14天,点击查看活动详情
好家伙,这几天我做了好多项目功能的完善,感觉十分好啊。通过自己的努力将之前遗漏或是没思路的一点点进行补充,项目的功能也越来越完善。
登录后显示用户名
业务分析
这个功能当时可是困扰了我许久。先说一下,登录功能我是直接采用from表单完成的,但在完成之后,我才发现有些许不兼容。后来我不仅把整个页面换成vue,还用上了一些jquery,但是后台页面发生了十分严重的bug。因此一切只能进行回溯,足足浪费了一个上午。这几天在对项目进行完善时,了解了一下session,这才发现session创建的对象在整个登录过程都是可以使用的。
业务实现
该如何进行实现呢?是这样的。在登录界面的后台加上这样一个逻辑,若是登录成功也就是查询的user不为空,这时将这个user存储到session中
HttpSession session = req.getSession();
session.setAttribute("user",user);
然后分别再创建servlet用来接收session中的user对象。这时候拿到的user就是登录后的user。我这里需要拿到2个值,一个是用户名,一个是用户职位。在用户职位中,还要根据role的值赋予真正的字符串值。比如说1要赋予"普通员工",2赋予"馆长",以此类推。再调用我的jsonResult方法将name以及role值进行上传。这时候在前端页面中使用ajax请求进行数据接收。再根据返回值设置 document.getElementsByTagName('c')[0].innerHTML=result;就可以将这个值设置到c标签中,也就完成了实时显示用户名以及其职位的功能。
上述功能十分简单,但还是需要自己去写个小demo才能更好把握。当然了,这些基础的前端知识还是需要我们掌握的。