vue＋springBoot＋jpa 开篇（一）

第一篇环境搭建

一、使用IDEA创建springBoot项目

file>new project>Spring Assistant>Next>填好包名>创建一个web项目选web

创建好项目后把没用的三像删除掉

二、配置pom.xml

数据库使用mysql,操作数据库增删改查使用jpa，同时我们配置lombok来使用注解@Slf4j(日志,配置后直接使用log.info or .error等即可)和Data(替代get、set方法)

org.projectlombok

lombok

1.18.0

org.springframework.boot

spring-boot-starter-data-jpa

1.5.14.RELEASE

mysql

mysql-connector-java

8.0.11

三、配置application.yml

把application.properties重命名为application.yml

配置数据源

spring:

datasource:

driver-class-name:com.mysql.jdbc.Driver

url:jdbc:mysql://IP地址/sell?

characterEncoding=utf-8&useSSL=false

&serverTimezone=GMT%2B8

username:root

password:123456

jpa:

show-sql:true

server:

servlet:

context-path:/XXX

参考资料：

vue.js官网：https://vuejs.org.cn

vue-cli:https://github.com/vuejs/vue-cli

vue-resource发送ajax请求的库:https://github.com/vuejs/vue-resource

vue-router路由:https://github.com/vuejs/vue-router

better-scroll:https://github.com/ustbhuangyi/better-scroll

stylus（css预处理器）:http://www.zhangxinxu.com/jq/stylus/

es6入门学习：http://es6.ruanyifeng.com/

eslint规则(代码风格检查器)：http://eslint.org/docs/rules/

设备像比：http://www.zhangxinxu.com/wordpress/2012/08/window-devicepixelratio/

flex布局：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool

贝塞尔曲线测试：http://cubic-bezier.com/

从vue1到vue2变化：https://vuefe.cn/v2/guide/transitions.html

css sticky footers:http://www.w3cplus.com/css3/css-secrets/sticky-footers.html