前后端分离 基础入门(vue+springboot+eleui) (1)环境搭建

什么是前后端分离?

前后端分离简单来说就是前端代码与后端代码分开写,降低两者的耦合性

创建vue项目

使用命令vue ui进入网页创建项目
选择手动配置 勾选router和vuex 去掉linter

之后即可创建成功

创建spring boot 项目

直接通过idea创建 这里家里网不好使用阿里云镜像配置 http://start.aliyun.com

简单设置

选择这些工具

配置文件我们选择yaml语法文件

spring:
  datasource:
    username: root
    password: 123456
    url: jdbc:mysql://localhost:3306/my_db?useSSL=false&useUnicode=true&characterEncoding=UTF-8&serverTimezone=GMT%2B8
    driver-class-name: com.mysql.cj.jdbc.Driver
  jpa:
    show-sql: true
    properties:
      hibernate:
        format_sql: true
server:
  port: 8181

创建一个数据库和表

到此为止环境搭建完毕