/wanna-spring

这是一个记录个人信息，采用前后端分离的实践项目，欢迎一起来交流学习

Primary LanguageJavaGNU General Public License v3.0GPL-3.0

项目简介

Wanna Spring 是一个记录个人信息，采用前后端分离的项目。 项目的初衷是我想在这个信息时代，能记录下自己的每一天，也是一个学习前后端分离的实践项目，供大家参考、学习、讨论，小白一枚，写的不好的地方还请多多指教。

对于一个后端同学来说写前端着实太吃力了 😂

开发环境

  1. JDK 1.8

  2. Redis 4.0.11

  3. MongoDB 4.0.0

  4. IntelliJ IDEA 2018.2.6

  5. Maven 3.5

  6. Lombok Plugin

  7. Node 10.10.0

  8. Vue 2.9.6

  9. 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

运行截图

收益记录

income

支出报表

income_report

日程记录

schedule

代办事项

todo

部署项目

安装宝塔管理工具（推荐）

部署后端服务

  1. 修改必要的配置

    • 修改 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 文件

  2. 打包部署

    # 进入后端项目目录
cd /path/wanna-spring/spring-bee
# 打包
mvn package -Dmaven.test.skip=true

    打包后上传 target 目录下面的 spring-bee-x.x.x.jar 文件至服务器（建议新建一个文件夹），同时将 config.json 上传至同级目录

  3. 运行

    # 运行，防止BASH窗口关闭时进程挂掉
setsid java -jar spring-bee.x.x.x.jar &
# 关闭进程
lsof -i:8023 # 查找运行的端口，会看到运行在此端口的进程的PID
kill -9 PID # 强制关闭进程

  4. 升级HTTPS

    使用宝塔工具，创建一个站点

    create_website

    申请证书，开通HTTPS

    update_ssl

    设置反向代理

    reverse_proxy

部署前端服务

  1. 修改 api.js 文件

    // 修改成自己的主机
const host = 'https://spring-api.yourdomain.com'

  2. 打包

    # 进入前端项目目录
cd /path/wanna-spring/spring-fee
# 安装依赖
npm install
# 打包
npm run build

  3. 用宝塔创建网站

    create_website

    然后压缩 dist 目录下的 index.html & static 文件，并上传至网站根目录，解压即可

  4. 升级HTTPS

    update_to ssl

写在最后

欢迎大家一起来交流学习，参与贡献、反馈BUG，如果你有好的建议也欢迎提出哦，鄙人QQ735817834，觉得不错的点个Star支持一下哟。