Reggie项目总结1——SpringBoot基本流程

1.SpringBoot基本骨架

SpringBoot项目骨架可以有很多种方式创建。在创建好骨架后，一般的目录如下:

 SpringBoot基本遵循MVC框架思想，项目中的几个重点文件已用红色标出。pom.xml是maven坐标（第三方依赖库）的配置处；src下的main下的java放置后端代码，里面比较重要的是controller包，service包和mapper包，它们分别是控制层（前后交互）、业务层（承上启下）和数据层（数据库相关操作），ReggieTakeOutApplication为项目的启动类；src下的main下的resources放置前端代码、资源和配置文件，application.yml就是配置文件，Spring过渡到SpringBoot一个非常强的点就是Boot将Spring中的一些繁琐的过程大大简化，几乎只要我们写点配置文件，必要再写点配置类即可完成。

2.SpringBoot基本流程

以登录界面为例，来看一个功能的基本流程是怎么走通的。

 

（1）前端页面

前端使用了element-ui框架，值得一提的是表单验证的操作

红色框是vue中的v-model双向数据绑定，黄色框的rules就是我们要自定义的表单验证规则。

 

rules中绑定的loginRules在vue实例中的计算属性中计算，账号和密码不满足要求会给出提示。

在表单的按钮中绑定了一个handleLogin方法，这里一个细节是使用了 @click.native.prevent="handleLogin"用以阻止默认事件的发生。

this.$refs.loginForm.validate取到loginForm的dom进行规则验证，如果通过再进行下面的逻辑。

ajax相关操作单独放在js文件里，只需定义相关函数就可以跳转到/employee/login接口：

后端返回的数据统一为R类型，code代表状态码，这里后面会单独谈到，如果返回状态码为1则将数据存储到浏览器的localStorage（后面还需要用户信息），再跳转到index.html，登录成功。

（2）后端Controller

前面提到loginApi函数最后跳转的是/employee/login接口，首先进行处理的就是Controller:

 Controller里面的请求都是Restful风格，上面RequestMapping注解统一前缀的请求路径，使用Autowired注入service实例，PostMapping代表Post方式提交并扩展方法路径，前端的方法传送的值有JSON格式，因此使用RequestBody注解。

具体到方法里面，一般用LambdaQueryWrapper对象构造查询器，调用service对象的方法查询，进行逻辑处理， 再将账户信息存储到session中以便后面使用。这里函数返回的值仍然是通用数据类型R。

（3）后端Service

SpringBoot也将Service进行封装，只要继承IService传入相关对象即可。这里写法非常固定，除非需要自定义Service方法。 

（4）后端Mapper

 后端使用的是MybatisPlus框架，也是封装的非常好，继承BaseMapper传入相关对象，可以调用各类方法，无需再写SQL语句。值得注意的是需要开启Mapper注解。

这样一个流程跑通之后就可以举一反三，几乎后面的所有请求逻辑都是这样出来的。