This just is a README.
使用 Vue + LeanCloud 開發的一個週報系統,純前端實現。php
並利用 LeanCloud 提供的雲引擎服務實如今週五給全員發送郵件提醒填寫週報,週六週日分別再次對未填人員發送郵件進行填寫提醒。html
LeanCloud 應用配置前端
前往 LeanCloud 新增應用。 並導入 /appSchema/
下的 schemanode
修改 src/config/av.config-example.js
文件,填入 LeanCloud 應用的 App ID 和 App key。git
此 id
和 key
能夠從 LeanCloud 要關聯的應用 => 設置 => 應用 Key
中獲取。github
// 填寫配置後重命名此文件爲av.config.js export default { id: '填寫LeanCloud應用的ID', key: '填寫LeanCloud應用的Key' }
週報配置npm
能夠從 src/config/input.config.js
和 src/config/group.config.js
中配置週報填寫的類型、說明以及小組配置,格式相應參見文件便可。bash
input.config.js
中的配置信息,用於配置輸入頁面中存在的不一樣類型和相對應的提示,以及每週的基礎工時、計算爲任務飽和度的關聯任務等。group.config.js
中配置的小組信息,將在首個成員註冊時自動寫入到 LeanClound 應用中。規劃時,計算任務飽和度是單獨配置的,但實際開發中,這塊耦合住了,在考慮優化掉,作成一個通用的產品,若是你有任何想法,能夠聯繫我,謝謝。
發送郵件配置服務器
修改 mail/mailer-example.php
文件,配置完成後重命名爲 mailer.php
便可app
public static $HOST = 'smtp.163.com'; // 郵箱的服務器地址 public static $PORT = 465; // smtp 服務器的遠程服務器端口號 public static $SMTP = 'ssl'; // 使用 ssl 加密方式登陸 public static $CHARSET = 'UTF-8'; // 設置發送的郵件的編碼 /** * 配置此處信息後將此文件重命名爲mailer.php便可 */ private static $USERNAME = '配置用戶'; // 受權登陸的帳號 private static $PASSWORD = '配置受權密碼'; // 受權登陸的密碼 private static $NICKNAME = '新點前端週報'; // 發件人的暱稱
無需郵件服務器,直接使用各個郵箱的 SMTP 服務便可完成。
這裏發送郵件的實現是使用了 PHPMailer 簡單包裝來實現的。
注:
why php?
以上展現了配置發送郵件的功能,還須要定時查找用戶或未提交的用戶來發送郵件。
此處使用了 LeanCloud 提供的雲引擎中的定時任務來實現。
雲引擎 => 定時任務
來建立定時任務,定時執行發送郵件。
相關文檔可參考 LeanCloud 開發指南
此項目直接使用 Vue-cli 工具初始化,配置進行了略微修改,相關命令以下:
# install dependencies npm install # serve with hot reload at localhost:8086 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report
關於打包後的部署使用,請根據要放的目錄,自行調整 /config/index.js
中的assetsPublicPath
路徑,並將打包生成的文件(默認在 /dist/
下)所有拷貝到你指定目錄下便可。
// 例如:這裏最後指望經過訪問 域名/weeklyreport/ 訪問此週報系統,則配置爲/weeklyreport/便可 assetsPublicPath: '/weeklyreport/',
填寫
彙總展現
只想看你關心的?這裏有!
彙總圖表
還支持任意時段的歷史查看,下方表格和圖標的展現同周彙總。
我的信息維護
管理員對成員查看和管理
對了,還能夠導出表格爲csv