null-point-exception / boot-gradle-demo

springboot2.1+gradle5.5

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

boot-gradle-demo

springboot-2.1 gradle-5.5 mysql-5.7 mybatisplus-3.1 swagger-2.9 pagehepler-1.2

gradle注意事项

  • settings.gradle是全局配置
  • build.gradle中字符串中如果引用变量时,使用双引号(")和${},如: testCompile "junit:junit:${junitVersion}"

vue-cli安装步骤

  • node安装,验证 node -v
  • 淘宝npm镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 全局vue-cli脚手架 cnpm install --global vue-cli,验证 vue出现vue信息
  • 初始化项目 vue init webpack frontend(frontend是要创建的前端项目文件夹) 控制台

frontend前端模块

  • 重命名vue默认模板中构建脚本build文件夹为build-scripts,主要是因为gradle的默认构建输出目录是build为了减少配置而修改了vue 构建脚本的目录,我感觉这是最简单方便的,用idea重命名后会自动修改受影响的地方,需要注意package.json中路径问题: package.json

前后端融合

  • 全局settings.gradle中添加前后端模块
include 'src'
include 'frontend'
  • 在前端(front)根目录创建build.gradle用于打包。修改config/index.js路径配置:
var assetsRoot = path.resolve(__dirname, '../build/resources/main/frontend')

dev开发模式添加后端端口代理:

 proxyTable: {
      '/api/**': 'http://localhost:8080'
    },

build部署模式更改打包位置:

   // Template for index.html
   index: path.resolve(assetsRoot, 'index.html'),

   // Paths
   assetsRoot: assetsRoot,
  • 在后端(src)的配置文件application.yml中配置静态访问资源的位置:
spring.resources.static-locations: classpath:/frontend/
  • 执行gradle的build命令打包即可

About

springboot2.1+gradle5.5


Languages

Language:Java 70.1%Language:JavaScript 13.6%Language:FreeMarker 10.7%Language:Vue 5.5%Language:HTML 0.2%