基於springboot+vue的前後端分離開源工作週報系統

zhoubao

一個用於研究生/博士/工作的每週工作彙報系統，springboot+vue+mysql。支持在線寫週報、上傳圖片，支持pdf、markdown格式的週報文件。支持共享查看。

項目地址：
https://github.com/usualheart/zhoubao

效果展示

登錄界面

系統首頁

首頁北京與bing.com圖片同步,每天都有新鮮感。

Markdown編輯器

支持在線使用Markdown語法寫週報。

登錄及markdown展示

表格式週報與圖片上傳

支持以在線表格的形式填寫每週工作情況，同時還支持上傳圖片進行說明。

在線編輯週報效果以及上傳圖片

部署方法

創建數據庫

創建數據庫，然後導入zhoubao.sql文件定義的結構。

創建閱覽賬號：用於分配給老師或領導

在user表中插入一條記錄，user.type設置為1。為1表示是閱覽賬號，該類型賬戶目前可以閱覽所有用戶的週報。

修改項目配置文件

配置文件位於src/main/java/resources目錄下，目前有4個配置文件

<code># 分別是默認、dev環境、prod環境下的數據庫響應的配置文件
src\main\resources\application.properties
src\main\resources\application-dev.properties
src\main\resources\applicationbl-prod.properties
# 裡邊包含各環境週報文件存儲位置的配置
src\main\resources\application.yml/<code>

數據庫配置

application.properties需要修改的部分

<code>#需要將YourDatabaseName替換為導入了zhoubao.sql結構的數據庫名
spring.datasource.url=jdbc:mysql://127.0.0.1:3306/YourDatabaseName?useUnicode=true&characterEncoding=utf-8&serverTimezone=GMT
spring.datasource.username=username
spring.datasource.password=password/<code> 

週報文件存儲位置

需要設置好週報文件存儲位置，用於存儲週報文件、週報圖片等。

application.yml文件示例：

需要根據具體存儲的位置進行設置，spring.resources.static-locations和zhoubao.location的屬性需要保持一致。

<code>#yml可以把所有Profile的配置屬性都放在一個application.yml文件中 通過---進行分割
#這裡沒有指定spring.profiles因此這裡的屬性對全部prifile都生效 
spring:
#  mvc:
#    static-path-pattern: /resources/**
  resources:
    static-locations: file:C:/Users/xyz/Documents/zhoubaoPublic/,  classpath:/static/
zhoubao:
  location: C:/Users/xyz/Documents/zhoubaoPublic/
server:
  port: 3000
    
---
# 下邊的部分對設置的spring環境屬性生效
#dev 環境配置
spring:
  profiles: dev
  resources:
    static-locations: file:C:/Users/xyz/Documents/zhoubaoPublic/, classpath:/static
zhoubao:
  location: C:/Users/xyz/Documents/zhoubaoPublic/
server:
  port: 3000
---
# prod 環境配置
spring:
  profiles: prod
  resources:
    static-locations: file:/home/user/Documents/zhoubaoPublic/, classpath:/static/
    
zhoubao:
  location: /home/user/Documents/zhoubaoPublic/
server:
  port: 3000/<code>

啟動項目