【Vue+SpringBoot】超详细!⼀周开发⼀个SpringBoot+Vue+Myba。。。项⽬⽬录
资源准备
作者
后端:@胡超
前端:@胡超、@詹圆圆
前后端分离项⽬
⽂章总体分为2⼤部分,Java后端接⼝和vue前端页⾯,⽐较长,因为不想分开发布,真正想你4⼩时学会,哈哈。
先看效果:
项⽬演⽰:
不多说,开始敲代码。技术栈
Java后端接⼝开发1、前⾔
从零开始搭建⼀个项⽬⾻架,最好选择合适,熟悉的技术,并且在未来易拓展,适合微服务化体系等。所以⼀般以Springboot作为我们的框架基础,这是离不开的了。
然后数据层,我们常⽤的是Mybatis,易上⼿,⽅便维护。但是单表操作⽐较困难,特别是添加字段或减少字段的时候,⽐较繁琐,所以这⾥我推荐使⽤Mybatis Plus( CRUD 操作,从⽽节省⼤量时间。
作为⼀个项⽬⾻架,权限也是我们不能忽略的,Shiro配置简单,使⽤也简单,所以使⽤Shiro作为我们的的权限。
mysql的jar包下载
考虑到项⽬可能需要部署多台,这时候我们的会话等信息需要共享,Redis是现在主流的缓存中间件,也适合我们的项⽬。
然后因为前后端分离,所以我们使⽤jwt作为我们⽤户⾝份凭证。
ok,我们现在就开始搭建我们的项⽬脚⼿架!
技术栈:
SpringBoot
mybatis plus
shiro
lombok
redis
hibernate validatior
jwt
2、新建Springboot项⽬
这⾥,我们使⽤IDEA来开发我们项⽬,新建步骤⽐较简单,我们就不截图了。
开发⼯具与环境:
idea
mysql
jdk 8
maven3.3.9
新建好的项⽬结构如下,SpringBoot版本使⽤的⽬前最新的2.2.6.RELEASE版本
pom的jar包导⼊如下:
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-devtools</artifactId>
<scope>runtime</scope>
<optional>true</optional>
</dependency>
<dependency>
<groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId>
<optional>true</optional>
</dependency>
复制代码
devtools:项⽬的热加载重启插件
lombok:简化代码的⼯具
3、整合mybatis plus
接下来,我们来整合mybatis plus,让项⽬能完成基本的增删改查操作。步骤很简单:可以去官⽹看看:
第⼀步:导⼊jar包
pom中导⼊mybatis plus的jar包,因为后⾯会涉及到代码⽣成,所以我们还需要导⼊页⾯模板引擎,这⾥我们⽤的是freemarker。
<!--mp-->
<dependency>
<groupId>com.baomidou</groupId>
<artifactId>mybatis-plus-boot-starter</artifactId>
<version>3.2.0</version>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<scope>runtime</scope>
</dependency>
<!--mp代码⽣成器-->
<dependency>
<groupId>com.baomidou</groupId>
<artifactId>mybatis-plus-generator</artifactId>
<version>3.2.0</version>
</dependency>
复制代码
第⼆步:然后去写配置⽂件
# DataSource Config
spring:
datasource:
driver-class-name: sql.cj.jdbc.Driver
url: jdbc:mysql://localhost:3306/vueblog?useUnicode=true&useSSL=false&characterEncoding=utf8&serverTimezone=Asia/Shanghai
username: root
password: admin
mybatis-plus:
mapper-locations: classpath*:/mapper/**l
复制代码

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。