Wanna Spring
是一个记录个人信息,采用前后端分离的项目。
项目的初衷是我想在这个信息时代,能记录下自己的每一天,也是一个学习前后端分离的实践项目,供大家参考、学习、讨论,小白一枚,写的不好的地方还请多多指教。
对于一个后端同学来说写前端着实太吃力了 ?
JDK 1.8
Redis 4.0.11
MongoDB 4.0.0
IntelliJ IDEA 2018.2.6
Maven 3.5
Lombok Plugin
Node 10.10.0
Vue 2.9.6
Spring Boot 2.0.4.RELEASE
Spring Boot + Spring + Spring MVC + Spring Data MongoDB + Swagger
Redis + MongoDB
Vue + JQuery + Bootstrap + Element UI + Axios + DayJS + Validator + JSCookie + VCharts
收益信息,统计支出与收入(每日看一下余额,可达到节省开支的目的哦)
日程信息,对每天进行简单的总结
代办事项,将计划好准备做的事情列出来
工作日志,自己掌握每日上下班的打卡数据
后端
运行主类 SpringBeeApplication 即可
前端
cd /path/wanna-spring/spring-fee
# 安装依赖
npm install
# 运行项目
npm run dev
收益记录
支出报表
日程记录
代办事项
安装宝塔请移步 https://www.bt.cn/bbs/thread-19376-1-1.html
安装成功之后,进入宝塔管理界面,进入软件管理,然后安装 Nginx
、Redis
、MongoDB
修改必要的配置
修改 application.properties 文件
# 去掉注释
spring.profiles.active=prod
修改 application-prod.properties 文件
# 下面的信息必须使用自己的,如果示例的邮箱发送邮件过于频繁,将会导致示例邮箱的邮件服务被关闭
# 如何开通邮箱的第三方登录,请自行谷歌百度
spring.mail.host=mail server host
spring.mail.protocol=mail server protocol
spring.mail.username=mail username
spring.mail.password=mail password or key
根据实际情况修改 config.json 文件
打包部署
# 进入后端项目目录
cd /path/wanna-spring/spring-bee
# 打包
mvn package -Dmaven.test.skip=true
打包后上传 target 目录下面的 spring-bee-x.x.x.jar 文件至服务器(建议新建一个文件夹),同时将 config.json 上传至同级目录
运行
# 运行,防止BASH窗口关闭时进程挂掉
setsid java -jar spring-bee.x.x.x.jar &
# 关闭进程
lsof -i:8023 # 查找运行的端口,会看到运行在此端口的进程的PID
kill -9 PID # 强制关闭进程
升级HTTPS
使用宝塔工具,创建一个站点
申请证书,开通HTTPS
设置反向代理
修改 api.js 文件
// 修改成自己的主机
const host = 'https://spring-api.yourdomain.com'
打包
# 进入前端项目目录
cd /path/wanna-spring/spring-fee
# 安装依赖
npm install
# 打包
npm run build
用宝塔创建网站
然后压缩 dist
目录下的 index.html & static 文件,并上传至网站根目录,解压即可
升级HTTPS
欢迎大家一起来交流学习,参与贡献、反馈BUG,如果你有好的建议也欢迎提出哦,鄙人QQ735817834,觉得不错的点个Star支持一下哟。