vue登录之后显示个人信息
1.登录之后跳转到个人信息页面,登录数据存到session中。2.从session中将数据取出,传到个人中心页面。3.根据用户名查询数据库,进而显示到页面上。前端代码()1.登录之后跳转到个人信息页面,登录数据存到session中。定义name,登录之后,数据存入session中,将数据传到message页面。window.sessionStorage.setItem("user",res.use
·
1.登录之后跳转到个人信息页面
2.在个人信息页面将session中存储的数据取出
3.根据用户名查询数据库,进而显示到页面上
前端使用的是element-ui 框架,后台springboot
前端代码
1.登录之后跳转到个人信息页面,登录数据存到session中
登录逻辑,
window.sessionStorage.setItem("username",res.user.username);//存储user对象
console.log(res.user.username)
2.个人信息页面取session中,传到个人中心页面,将查出的数据显示在页面上
methods:{
async submit(){
var name = sessionStorage.getItem("username");
const {data:res} = await this.$http.post(`select/${name}`)
this.userList=res.data
},
},
<!-- 用户列表 border 边框 stripe 隔行变色 -->
<el-table :data="userList" border stripe>
<el-table-column type="index"></el-table-column>
<el-table-column label="id" prop="id"></el-table-column>
<el-table-column label="姓名" prop="username"></el-table-column>
<el-table-column label="密码" prop="password"></el-table-column>
<el-table-column label="角色" prop="role"></el-table-column>
<el-table-column label="操作">
</el-table-column>
</el-table>
后端
dao层
//显示个人信息
public List<User> getmessage(@Param("username") String username);
mapper层
<select id="getmessage" resultType="com.ma.bean.User">
SELECT *FROM user
WHERE username=#{username}
</select>
controller层
//根据用户名查询
@RequestMapping("/select/{username}")
public String select(@PathVariable("username") String username){
String flag="error";
List<User> us = userDao.getmessage(username);
System.out.println(us);
HashMap<String, Object> res = new HashMap<>();
if(us!=null){
flag="ok";
}
res.put("flag",flag);
res.put("shu",us);
System.out.println(res);
String res_json = JSON.toJSONString(res);
return res_json;
}
更多推荐
已为社区贡献1条内容
所有评论(0)