环境
JDK1.8
Mysql5.7 navicate
maven 3.6.1
IDEA
tomcat9
SSM整合
<dependencies>
<!--Junit-->
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.12</version>
</dependency>
<!--数据库驱动-->
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<version>5.1.47</version>
</dependency>
<!-- 数据库连接池 -->
<dependency>
<groupId>com.mchange</groupId>
<artifactId>c3p0</artifactId>
<version>0.9.5.2</version>
</dependency>
<!--Servlet - JSP -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>servlet-api</artifactId>
<version>2.5</version>
</dependency>
<dependency>
<groupId>javax.servlet.jsp</groupId>
<artifactId>jsp-api</artifactId>
<version>2.2</version>
</dependency>
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
</dependency>
<!--Mybatis-->
<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis</artifactId>
<version>3.5.2</version>
</dependency>
<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis-spring</artifactId>
<version>2.0.2</version>
</dependency>
<!--Spring-->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>5.1.9.RELEASE</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-jdbc</artifactId>
<version>5.1.9.RELEASE</version>
</dependency>
</dependencies>
日志
<dependency>
<groupId>commons-logging</groupId>
<artifactId>commons-logging</artifactId>
<version>1.2</version>
</dependency>
Lombok
<!--Lombok -->
<dependency>
<groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId>
<version>1.16.10</version>
</dependency>
数据库连接池
<!--mysql数据库驱动jar包-->
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<version>5.1.25</version>
</dependency>
<!--druid 数据库连接池 jar包-->
<!-- https://mvnrepository.com/artifact/com.alibaba/druid -->
<dependency>
<groupId>com.alibaba</groupId>
<artifactId>druid</artifactId>
<version>1.1.13</version>
</dependency>
<!-- c3p0 数据库连接池 jar包 -->
<dependency>
<groupId>com.mchange</groupId>
<artifactId>c3p0</artifactId>
<version>0.9.5.2</version>
</dependency>
Mybatis
<!--mysql数据库驱动jar包-->
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<version>5.1.25</version>
</dependency>
<!--mybatis -->
<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis</artifactId>
<version>3.5.2</version>
</dependency>
mybatis-spring
<!--mybatis-spring -->
<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis-spring</artifactId>
<version>2.0.3</version>
</dependency>
springmvc
<!--spring-webmvc -->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>5.2.1.RELEASE</version>
</dependency>
<!--javax.servlet-api -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>servlet-api</artifactId>
<version>2.5</version>
<scope>provided</scope>
</dependency>
<!-- javax.servlet/jsp-api -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>jsp-api</artifactId>
<version>2.0</version>
<scope>provided</scope>
</dependency>
<!--javax.servlet.jsp.jstl/jstl -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
</dependency>
spring
<!--spring-jdbc -->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-jdbc</artifactId>
<version>5.2.2.RELEASE</version>
</dependency>
Vue 基础语法
<!--1. 导入vue.js-->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
2. vue.js插件 安装
vue-cli 脚手架框架
- node.js 下载 https://nodejs.org/en/download/ 官网下载,无脑安装
查看是否安装成功: cmd下输入: node -v 查看版本号
查看npm版本: npm -v 安装nodejs自带安装npm,一个软件包管理工具 - 安装 Node.js淘宝镜像(cnpm)
npm 是国外的,可能会慢,cnpm国内的,但尽量少用
npm install cnpm -g // 安装位置在c/app/roaming.... -g 全局安装
不安装也行,或者在每次下载东西时,用以下语句:
npm install --registry=https://registry.npm.taobao.org
- 安装 vue-cli
cnpm install vue-cli -g
测试:
vue list
webpack
打包降级的功能,将ES6降为ES5
安装: npm install webpack -g
npm install webpack-cli -g
查看安装版本: webpack -v
webpack-cli -v
使用示例:
新建一个空文件,idea打开
vue-router
npm install vue-router --save-dev
Element-ui
axios
安装 axios的几种方法:
- 使用 npm:
$ npm install axios
- 使用 bower:
$ bower install axios
- 使用 cdn:
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
Swagger
(Restful风格的API框架,支持API文档 和API接口定义 的同步更新, 在前后端分离,协作开发时,会用到)
使用Swagger 要求:jdk 1.8 + 否则swagger2无法运行
第一:导入依赖包
SpringBoot web项目 集成Swagger,需要导入springfox两个jar包:
- Springfox-swagger2
- Springfox-swagger-ui
<!-- https://mvnrepository.com/artifact/io.springfox/springfox-swagger2 -->
<dependency>
<groupId>io.springfox</groupId>
<artifactId>springfox-swagger2</artifactId>
<version>2.9.2</version>
</dependency>
<!-- https://mvnrepository.com/artifact/io.springfox/springfox-swagger-ui -->
<dependency>
<groupId>io.springfox</groupId>
<artifactId>springfox-swagger-ui</artifactId>
<version>2.9.2</version>
</dependency>
第二:编写一个配置类-SwaggerConfig
要使用Swagger,我们需要编写一个配置类-SwaggerConfig来配置 Swagger
//这是一个默认配置,后期可以根据需要添加更多的配置信息
@Configuration
@EnableSwagger2 //开启Swagger2
public class SwaggerConfig {
}
可以访问测试 :http://localhost:8080/swagger-ui.html ,可以看到swagger的界面;