wanna spring

การแนะนำโครงการ

Wanna Spring เป็นโครงการที่บันทึกข้อมูลส่วนบุคคลและใช้การแยกส่วนหน้าและส่วนหลัง ความตั้งใจเดิมของโครงการคือฉันต้องการบันทึกทุกวันของฉันในยุคข้อมูลข่าวสารนี้ นอกจากนี้ยังเป็นโครงการเชิงปฏิบัติเพื่อเรียนรู้การแยกส่วนหน้าและส่วนหลัง มีไว้เพื่อการอ้างอิง ศึกษา และการอภิปรายของทุกคน ฉันเป็นมือใหม่ โปรดแจ้งให้เราทราบหากฉันเขียนไม่เก่ง

มันยากเกินไปสำหรับนักเรียน back-end ในการเขียน front-end หรือไม่?

สภาพแวดล้อมการพัฒนา

1. เจดีเค 1.8

2. เรดดิส 4.0.11

3. มอนโกดีบี 4.0.0

4. IntelliJ IDEA 2018.2.6

5. มาเวน 3.5

6. ปลั๊กอินลอมบอก

7. โหนด 10.10.0

8. วิว 2.9.6

9. Spring Boot 2.0.4.ปล่อย

การเลือกใช้เทคโนโลยี

• Spring Boot + Spring + Spring MVC + ข้อมูลสปริง MongoDB + Swagger

• Redis+MongoDB

• Vue + JQuery + Bootstrap + องค์ประกอบ UI + Axios + DayJS + เครื่องมือตรวจสอบความถูกต้อง + JSCookie + VCharts

ฟังก์ชั่นหลัก

• ข้อมูลรายได้ สถิติรายจ่าย และรายรับ (ตรวจสอบยอดทุกวันเพื่อให้บรรลุวัตถุประสงค์ในการออมรายจ่าย)

• ข้อมูลกำหนดการสรุปง่ายๆ ในแต่ละวัน

• To-do list คือรายการสิ่งที่คุณวางแผนจะทำ

• บันทึกการทำงาน ติดตามข้อมูลการตอกบัตรเข้ารายวันของคุณสำหรับการเดินทางไปและกลับออกจากงาน

รันโครงการ

• ด้านหลัง

  เพียงรันคลาสหลัก SpringBeeApplication

• ส่วนหน้า

   cd /path/wanna-spring/spring-fee
  # 安装依赖
  npm install
  # 运行项目
  npm run dev

เรียกใช้ภาพหน้าจอ

บันทึกรายได้

รายงานค่าใช้จ่าย

บันทึกวาระการประชุม

รายการสิ่งที่ต้องทำ

โครงการปรับใช้

ติดตั้งเครื่องมือการจัดการเจดีย์ (แนะนำ)

• หากต้องการติดตั้งเจดีย์กรุณาไปที่https://www.bt.cn/bbs/thread-19376-1-1.html

• หลังจากการติดตั้งสำเร็จ ให้เข้าสู่อินเทอร์เฟซการจัดการ Pagoda เข้าสู่การจัดการซอฟต์แวร์ จากนั้นติดตั้ง Nginx , Redis และ MongoDB

ปรับใช้บริการแบ็กเอนด์

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

   หลังจากแพ็กเกจแล้ว ให้อัปโหลดไฟล์ spring-bee-xxxjar ใต้ไดเร็กทอรีเป้าหมายไปยังเซิร์ฟเวอร์ (ขอแนะนำให้สร้างโฟลเดอร์ใหม่) และอัปโหลด config.json ไปยังไดเร็กทอรีระดับเดียวกัน

3. วิ่ง

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

4. อัปเกรด HTTPS

   ใช้เครื่องมือ Pagoda เพื่อสร้างไซต์

   

   สมัครขอใบรับรองและเปิดใช้งาน HTTPS

   

   ตั้งค่าพร็อกซีย้อนกลับ

   

ปรับใช้บริการส่วนหน้า

1. แก้ไขไฟล์ api.js

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

2. หีบห่อ

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

3. สร้างเว็บไซต์ด้วย Pagoda

   

   จากนั้นบีบอัดไฟล์ index.html และสแตติกในไดเร็กทอรี dist อัปโหลดไปยังไดเร็กทอรีรากของเว็บไซต์ และขยายขนาด

4. อัปเกรด HTTPS

   

เขียนในตอนท้าย

ยินดีต้อนรับทุกคนในการสื่อสารและเรียนรู้ร่วมกัน มีส่วนร่วมในการสนับสนุน และรายงานข้อบกพร่อง หากคุณมีข้อเสนอแนะที่ดี คุณสามารถให้คำแนะนำได้ ฉันคือ QQ735817834 หากคุณคิดว่ามันดี โปรดให้ดาวเพื่อสนับสนุน