最近在看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来作为其实际发送请求的地方。恍然大悟，今天先写到这。