最近在看jeecg-boot项目,这是个前后端分离的框架,前段vue,后端spring-boot+shiro+jwt,具体的简介就不写了,可以百度之。

vue之前接触过,前后端都写过,但是没看过别人是怎么写,这次看jeecg-boot这个项目,感觉真是写的不错,或者是我见的太少了,在安装使用vue脚手架3.0阶段都遇到一些问题,百度解决之,废话不多说,本着学习的态度,去学习前辈的优点,总结提升自己。

正文:拿到一个新的有源码的项目,最初的就是看项目的介绍,它使用什么技术框架及环境的要求,让其可以正常运行,此步跳过。

首先,我想看它的登录时怎么写,这里分两块,前端vue和后台java分别怎么写的,我先说前段vue。

第一步,也就是找登录页面,

找这个页面中的登录方法

登录触发方法handleSubmit(),然后我们从页面中找此方法的定义

找到定义后,就看其中的方法,首先是收集登录的参数,然后判断是通过账号密码还是手机号去登陆的,如果是通过账号密码的话,就走上图的流程,再往下是验证标段字段是否为空,然后去请求后台获取用来加密的key-value进行加密传输去登陆,成功后进入主页。这里的that.Login()方法,我之前百思不得其解,是在哪里定义的,后来了解到是在user.js中定义的,user.js中引用login.js来作为其实际发送请求的地方。恍然大悟,今天先写到这。

Logo

前往低代码交流专区

更多推荐