前后端框架搭建之IDEA SpringBoot框架搭建&VSCODE VUE前端框架搭建(一)

SpringBoot框架搭建

  1. 初始化搭建

① file->new->project->spring Initializr

②next->  (修改name为自己想要的名字name)

  • (我之前有个模就直接创建了,没有模型的)

Web 选个 web

TemPlateEngines 选个 thymeleaf

Sql   选个 mysql  jdbc  mybatis

  • 更改maven设置
  1. File-setting-maven

   Maven-home-diretory 设置成本地maven

   Using-setting-file:设置成本地的setting.xml

  1. File-project-structure

设置jdk 1.8(自适应)

 

  • 将模板中的(build 和dependies)复制进去   pom.xml 中 ojbdc可能有问题,找个ojdbc6放在lib目录下,引入(这种打包的时候可能有问题,打包的项目可能获取不到OJDBC,需要maven命令直接导入本地仓库jar包)

依赖选择自动导入 auto-import

前后端框架搭建之IDEA SpringBoot框架搭建&VSCODE VUE前端框架搭建(一)_第1张图片



   com.oracle

   ojdbc

   6

   system

   ${project.basedir}/lib/ojdbc6.jar

  •  在application.yml (如果是.propertie后缀可以改为yml后缀)中加入数据库连接,我的是mysql  然后启动项目,如果成功启动,则搭建成功。
server:

  port: 8088



spring:

  datasource:

    name: testssm

    url: jdbc:mysql://127.0.0.1:3306/testssm?serverTimezone=UTC

    username: root

    password: root

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

 

  1. 文件建立及存放

也没啥好说的其实,搭建完之后按自己的喜好建立文件就行了。

前后端框架搭建之IDEA SpringBoot框架搭建&VSCODE VUE前端框架搭建(一)_第2张图片

 

  1. 创建接口及相关文件

主要说下Controller,一般都是前后端分离的,Controller接口用来返回数据,也可以返回页面。

  1. 返回页面的话

Controller中就是 @Controller

 

前后端框架搭建之IDEA SpringBoot框架搭建&VSCODE VUE前端框架搭建(一)_第3张图片

页面是放在resouces->templates下的,我这里返回的页面是index.html文件。

这里的数据可以在index中用${}取值。

前后端框架搭建之IDEA SpringBoot框架搭建&VSCODE VUE前端框架搭建(一)_第4张图片

  1. 返回数据用@restController

前后端框架搭建之IDEA SpringBoot框架搭建&VSCODE VUE前端框架搭建(一)_第5张图片

4、测试访问及效果

文中我的是 http://localhost:8088/hello/springboot2

(有时候访问不到是因为template没有被编译到target下,多拿小锤子敲一下或者重启一下。)

前后端框架搭建之IDEA SpringBoot框架搭建&VSCODE VUE前端框架搭建(一)_第6张图片

返回数据的就需要写接口一般有

Controller(java)层、service(interface)层、serviceImpl(java)层、mapper(sevice)层、xml(xml)层、domain层(java)层。

你可能感兴趣的:(后端)