本文是single-demo-boot项目的教程分享。 教程收藏集:点击进入教程专栏
项目地址
- 后端项目:gitee.com/spzmmd/sing…
- 前端项目:gitee.com/spzmmd/sing…
后端篇
项目导入与运行
- 开发工具:IntelliJ IDEA 2019.3
- JDK版本:1.8
- 从gitee下载项目到开发机本地并解压
gitee.com/spzmmd/sing…
- 使用idea打开解压后文件夹里的pom.xml,并选择作为项目打开
3. 等待IDEA自动完成maven依赖导入工作
4. 配置运行环境为本地
5. 项目目录结构如下图,本项目是标准的SpringBoot Maven项目
6. 修改数据库配置和代码生成器配置
打开文件application.properties进行配置
代码生成器这里一般需要配置以下两点:
- generate.project.rootPath
此项标识项目根路径,注意是绝对路径
- generate.out.path
此项标识部分文件输出路径,注意是绝对路径
7. 初始化数据库
在你配置的数据库地址上,自行新建singleboot数据库,并使用"doc/sql"内最新的sql文件初始化该数据库
8. 启动项目
本项目启动方式与普通SpringBoot项目启动方法一样,运行main()方法即可:
项目部署
本项目采用jar包部署,打包方法和普通maven项目一致,如图:
打包完成后即可在target目录下找到jar包:
然后直接运行jar包即可
前端篇
- 开发工具:WebStorm 2019.3
- node版本:11.15.0
- 从gitee下载项目到本地并解压
gitee.com/spzmmd/sing…
2. 使用WebStorm打开项目文件夹,打开WebStrom界面下方的命令行,运行以下命令(请看注释)
# 需要chromedriver依赖,先安装
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
# 基础依赖
yarn install
# 运行测试版
yarn run dev
# 运行不了提示缺少依赖时使用
yarn add moment
yarn add axios
yarn add qs
# eslint修复(可选)
eslint --fix src
# 打包
yarn run build
复制代码
结束语
- 欢迎加入Java交流群(qq群号: 776241689 )
- 更多技术教程文章,我将在公众号"后端技术学习分享"中分享,欢迎关注!
PS:小到Java后端技术、计算机基础知识,大到微服务、Service Mesh、大数据等,都是本人研究的方向。我将定期在公众号中分享技术干货,希望以我一己之力,抛砖引玉,帮助朋友们提升技术能力,共同进步!
原创不易,转载请在开头著名文章来源和作者。如果我的文章对您有帮助,请点赞/收藏/关注鼓励支持一下吧❤❤❤❤❤❤