项目日记day0302

一、退出登录功能的实现

1.对SpringScurity进行退出登录的相关配置

此时要注意，因为退出登陆后凭证既销毁，所以要将"/login/logout"添加到不需要凭证可以访问的设置上，否则会报跨域错误。

2.在登陆处理器中编写退出登录的方法

/*** 退出登录* @return*/@GetMapping("/logout")public Result logout(){return Result.success("您已成功退出系统!");}

3.在前端中使用下拉菜单command事件实现退出效果的实现

4.效果：

二、个人信息的获取

个人信息的获取有两种方法实现：

通过路由传参实现
向服务器发送请求，服务器向前端返回用户信息

1.通过路由传参实现

Vue中路由传参有三种方式：

1.使用路径传参

在路由配置中设置参数变量，格式path:/showBookDesc/:book_id(:book_id为占位符，接收方使用该参数名获得传入的参数)

在静态路由中使用<router-link :to="showBook/"+book.book_id>XXX</router-link>

在动态路由中使用this.$router.push({path:`showBook/${book_id}`})

注意：ShowBook为路由配置中path属性值，页面刷新后数据不会丢失，地址栏中不显示参数。

2.使用静态路由直接传递参数

静态路由使用方式：<router-link :to="{name:'ShowBook',params:{'book_id':book.book_id}}">

动态路由使用方式：this.$router.push({name:'ShowBook',params:{book_id:book_id}}})

注意：ShowBook为路由配置中name属性值，参数为一个json对象，页面刷新后数据会丢失。

3.使用query传递参数

静态路由使用方式：<router-link :to="{path:'/ShowBook',query:{book_id=book_id}}">XXX</router-link>

动态路由使用方式：

this.$router.push({path:"/main/main", //指定路由路径query:{ //指定参数account_name:result.data}
});

注意：ShowBook为路由配置中的path属性值，页面刷新后数据不丢失，地址栏中使用?号分隔符传参。

Vue中获取路由参数的方式：

this.$route.params.book_id
this.$route.query.book_id

当前案例使用query传参：

当前案例使用路径传参：

使用以上两种方式进行参数传递，地址栏中都会显示传递的参数，如果要使用静态路由传参的方式，页面刷新后数据又会丢失，所以最好的方法是通过服务器来获取用户信息。

2.服务器获取用户信息

在服务端的主菜单生成控制器中，加入一个获取用户信息的方法，获取当前登陆者的用户名。

/*** 获取用户信息* @param curAccount 当前登录用户，通过@SessionAttribute注解获取Constant.SESSION_CUR_ACCOUNT为key的值，赋给curAccount* @return 当前登录者的姓名*/@GetMapping("/getUserInfo")public String getUserInfo(@SessionAttribute(Constant.SESSION_CUR_ACCOUNT) CurAccount curAccount){return curAccount.getAccount_name();}

修改前端

测试：

项目日记(在线办公项目)day2021/03/02相关推荐

幕课在线办公项目笔记——day1
创建异常类因为后台Java项目是Web工程,所以有异常消息,我们要在原有异常消息的基础之上,封装状态码,所以需要我们自己创建一个异常类. 自定义异常类继承的父类,我没有选择Exception,因为E ...
幕课在线办公项目笔记——day2
抵御XSS攻击 1.xss攻击的危害 XSS攻击通常指的是通过利用网页开发时留下的漏洞,通过巧妙的方法注入恶意指令代码到网页,使用户加载并执行攻击者恶意制造的网页程序.这些恶意网页程序通常是JavaS ...
吃货联盟项目日记 0922
吃货联盟项目日记 0922 阶段01 订单类与客户端类吃货阶段01 类的定义方法的布局 0925_pyhui的技术博客-CSDN博客 https://blog.csdn.net/ifubing/ ...
百货商场用户画像描绘与价值分析在线实习项目
通过实习可以让学生通过实践进行检验,它是衔接学生在校学习与步入社会两个阶段的重要桥梁.一个好的实习机会可以帮助学生积累工作经验,验证职业宣传同时提升综合素质. 在线实习项目重点是让学生巩固并 ...
基于 JavaWeb 的在线书城项目
开源项目:atguigu-online-bookshop 开发时间:2022.02.17 - 2022.04.19 文章目录一.快速开始二.功能演示 1.用户登录 2.用户注册 3.尚书房首页 4 ...
[UWP小白日记-3]记账项目-1
原文:[UWP小白日记-3]记账项目-1 学了一段时间的UWP,来个项目试试手. 本来是想边做边学MVVMLight的结果感觉MVVM对于萌新来说太高难,以后再把这个项目改造成MVVMLight框架的 ...
phython在file同时写入两个_喜大普奔，两个开源的 Spring Boot + Vue 前后端分离项目可以在线体验了
折腾了一周的域名备案昨天终于搞定了. 松哥第一时间想到赶紧把微人事和 V 部落部署上去,我知道很多小伙伴已经等不及了. 1. 也曾经上过线其实这两个项目当时刚做好的时候,我就把它们部署到服务器上了, ...
黑马在线教育项目---5、使用填充器创建数据库数据
黑马在线教育项目---5.使用填充器创建数据库数据一.总结一句话总结: ①创建填充器文件:#php artisan make:seeder ManagerTableSeeder ③执行填充器文件: ...
黑马在线教育项目---15-16、datatables插件
黑马在线教育项目---15-16.datatables插件一.总结一句话总结: datatables插件也比较好用,引入好插件的js和css后,核心代码也就是插件的初始化,如果要修改配置可以百度 ...

项目日记(在线办公项目)day2021/03/02