个人健康平台项目开发spring boot+Vue

项目概述

致力于做一款前后端分离的个人健康平台，在配合热爱运动和健身的朋友们开发一款能够完成卡路里统计，运动计划编写，科学事物搭配

基础环境搭建

首先搭建一个Spring boot项目

application.yml文件

spring:
  datasource:
    driverClassName: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/easyproject?serverTimezone=UTC&useUnicode=true&characterEncoding=utf8&useSSL=false
    username: root
    password: root

mybatis:
      # 配置XML映射文件中指定的实体类别名路径
  type-aliases-package: com.example.pojo
      # 配置MyBatis的xml配置文件路径
  mapper-locations: classpath:mapper/*.xml

server:
  port: 9000

或者是使用application.properties

spring.datasource.driverClassName=com.mysql.cj.jdbc.Driver
spring.datasource.url=jdbc:mysql://localhost:3306/easyproject?serverTimezone=UTC&useUnicode=true&characterEncoding=utf8&useSSL=false
spring.datasource.username=root
spring.datasource.password=root
mybatis.type-aliases-package=com.example.pojo
mybatis.mapper-locations=classpath:mapper/*.xml
server.port=9000

端口设置为9000的原因是Vue启动时会占用8080端口

然后可以在resources资源目录下创建一个mapper文件夹（用于存放mapper.xml）

 然后可以对项目进行启动了

 启动时会存在一个报告，这个报告是由于资源目录下mapper文件夹中

不存在xml文件 ，也找不到对应的实体类

然后写一个测试类，确保项目能够启动起来

 

启动

访问localhost:9000/test

 就算后端项目启动成功了

后端跨域问题的解决

由于以前的老项目统一部署在同一环境同一tomcat 所以不存在跨域问题，我们这次的项目作为前后端分离项目，前端后端各自有自己的tomcat环境，两个环境通讯存在跨域问题

解决后端跨域问题有两种解决方法

第一种 Spring Boot  注解

@CrossOringin注解

将注解打在方法上 方法就实现跨域，打在controlle类上类就实现了跨域

但是这个方法有弊端，使用get和post请求时能识别，而put请求就会不识别该注解

第二种 

创建util工具包，在创建一个WebConfig类 

继承 WebMvcConfigurerAdapter 类

 

前端项目开发