idea创建springboot+vue项目搭建之旅（一）

idea创建springboot+vue项目搭建之旅（一）

（本文用于自己过一下流程，怕以后忘了）

创建springboot项目

首先，需要个springboot项目，百度上就有好多建项目的教程，我大致参考了以为老哥的文章（ps:这里加一点，在搭建的过程中一步一步来，每添加一个新东西最好试运行一下项目，这样能让项目更完整，也方便我们后面排错）
idea快速搭建springboot
这里直接创建出来的springboot项目是2.x的，其中的一些模块的配置会合1.x的略有不同，所以在写demo的时候就把项目的版本改成了我熟悉的1.5.9版本的：下图是pom文件里关于版本的改动

由于创建的时候基础的web依赖我们已经选好，就暂时不用添加新的依赖，项目便创建好了，试运行了一下，正常运行，于是便进入了下一步。

添加日志

在项目搭建好了并且正常运行了之后，我开始了第一步，给项目配上它的日志，关于日志，网上也有很多配置方法，我这里从搭建的角度简单的说一下操作步骤：
先是需要一个lockback-spring.xml的配置文件，这里我也是用了以前的一个配置，网上也有很多。

• 其中需要修改的一个是日志存放的路径，如下图：
  
• 还有一个便是指定日志打印的mapper位置：
  
  随后，我们只需要在application-dev.yml的配置里加上我们的日志文件的位置，使得项目启动后能访问到我们在lockback.xml中关于日志的配置就能正常打印啦。如下图红框所示
  
  然后日志就配好啦，但是在我试运行项目的时候却出了下面这个问题：
  
  导致项目不能正常跑起来，这里就可以顺带提一下测试的重要性，正是因为每次添加新东西都进行一次测试，才能知道这个肯定是因为日志和原来的项目哪里冲突了导致的
  在小伙伴的帮助下，我也是成功发现，原来在项目自动生成的时候自动生成了一个test的测试项目，并且在项目启动时会先去test中运行，由于我们并没有配置测试的东西，于是便把test文件夹删除，并且删除pom文件里关于测试的那一部分之后，项目又重新成功运行啦。

mybatis和数据库

接下来，便轮到数据库的配置了，首先需要知道数据库的配置方法

• 首先在pom文件里添加我要用到的mysql数据库需要的依赖，如下数据库驱动部分，而另一个是使用阿里的druid配置我们的连接池，关于连接池的一些概念，我也去查了一下，可以参考下文
  c3p0，dbcp与druid 三大连接池的区别

<!-- 数据库驱动 -->
<dependency>
    <groupId>mysql</groupId>
    <artifactId>mysql-connector-java</artifactId>
</dependency>
<!-- 阿里巴巴数据库连接池 -->
<dependency>
    <groupId>com.alibaba</groupId>
    <artifactId>druid-spring-boot-starter</artifactId>
    <version>1.1.6</version>
</dependency>

• 然后到我们的配置文件dev.yml中配置数据库的相关的内容，配置的内容，我参考了下面这个老哥的文章：
  SpringBoot在yml配置文件中配置druid
  这样便配置好了，但是这时候，我们没有配置我们的mybatis所以项目还要在配置mybatis，配置个mybatisConfig（详情百度）:
  
  在其中配置上我们的扫描路径：

/**
* mysqldao扫描路径
*/
static final String PACKAGE = "com.example.demo.mapper";
/**
* mybatis mapper扫描路径
*/
static final String MAPPER_LOCATION = "classpath*:mybatis/*.xml";

还有指定好这个配置对应的数据源（因为各个项目不一样的需求有的时候会在yml里配置多个数据源，这个时候就要指定好他们对应的配置文件）：

mybatisplus

然后是mybatisplus，操作步骤参照官方文档
mybatis-Plus官网

异常捕获

异常捕获是任何项目里都不可缺少的，在项目目录中加入exception，捕获全局的各种异常等，详情百度

webconfig（可以不用）

我理解为为了各自不同web项目，需要不同的规则，有时需要重写其中WebMvcConfigurationSupport类中的一些方法来达成需要的效果。
如下面的xss防护

xss防护（搭建个项目可以不用，为学习添加）

XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。
下面是一些不太懂的东西，所以只copy后再行研究
首先在pom里引包：

<!-- 引入Jsoup 可以做为解析html 这里作为防xss攻击 -->
<dependency>
    <groupId>org.jsoup</groupId>
    <artifactId>jsoup</artifactId>
    <version>1.11.2</version>
</dependency>

随后copy

然后再webconfig中注入，使其在项目启动生效

最后就是为防止跨域的一些配置

因为是前后端分离，访问跨域导致不能访问到是肯定会有的

idea创建springboot+vue项目搭建之旅（二）