摘要:并利用提供的云引擎服務實現在周五給全員發送郵件提醒填寫周報,周六周日分別再次對未填人員發送郵件進行填寫提醒。雖然提供的免費云引擎,本身就支持服務,但是免費版是做測試用的,會自動休眠,不夠穩定,經常掛掉。
This just is a README.
使用 Vue + LeanCloud 開發的一個周報系統,純前端實現。
并利用 LeanCloud 提供的云引擎服務實現在周五給全員發送郵件提醒填寫周報,周六周日分別再次對未填人員發送郵件進行填寫提醒。
基本配置LeanCloud 應用配置
前往 LeanCloud 新增應用。 并導入 /appSchema/ 下的 schema
修改 src/config/av.config-example.js 文件,填入 LeanCloud 應用的 App ID 和 App key。
此 id 和 key 可以從 LeanCloud 要關聯的應用 => 設置 => 應用 Key 中獲取。
// 填寫配置后重命名此文件為av.config.js export default { id: "填寫LeanCloud應用的ID", key: "填寫LeanCloud應用的Key" }
周報配置
可以從 src/config/input.config.js 和 src/config/group.config.js 中配置周報填寫的類型、說明以及小組配置,格式相應參見文件即可。
input.config.js 中的配置信息,用于配置輸入頁面中存在的不同類型和相對應的提示,以及每周的基礎工時、計算為任務飽和度的關聯任務等。
group.config.js 中配置的小組信息,將在首個成員注冊時自動寫入到 LeanClound 應用中。
規劃時,計算任務飽和度是多帶帶配置的,但實際開發中,這塊耦合住了,在考慮優化掉,做成一個通用的產品,如果你有任何想法,可以聯系我,謝謝。
發送郵件配置
修改 mail/mailer-example.php 文件,配置完成后重命名為 mailer.php 即可
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 簡單包裝來實現的。
注:
不要使用 QQ 郵箱的 SMTP ,我在使用中,團隊30+人, 多帶帶發送到10+后,之后的都失敗了,提醒發送郵件過快。使用163郵箱的暫無問題。
why php?
因為目前沒在服務器上裝有nodejs。
雖然 LeanCloud 提供的免費云引擎,本身就支持nodejs服務,但是免費版是做測試用的,會自動休眠,不夠穩定,經常掛掉。
若使用nodejs,可使用 nodemailer 來發送郵件。
以上展示了配置發送郵件的功能,還需要定時查找用戶或未提交的用戶來發送郵件。
此處使用了 LeanCloud 提供的云引擎中的定時任務來實現。
定義云函數,以便發送郵件。實現可參考 weeklyReportSendEmail
在 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
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/107408.html
摘要:并利用提供的云引擎服務實現在周五給全員發送郵件提醒填寫周報,周六周日分別再次對未填人員發送郵件進行填寫提醒。雖然提供的免費云引擎,本身就支持服務,但是免費版是做測試用的,會自動休眠,不夠穩定,經常掛掉。 This just is a README. showImg(https://segmentfault.com/img/remote/1460000013260535);showImg...
摘要:基本入門前端掘金作者本文屬于翻譯文章,原文鏈接為。如果如何把應用放在容器中運行掘金本文適合零基礎,且希望使用運行應用的人士。后端掘金使用構建網站。 nginx 基本入門 - 前端 - 掘金作者:villainthr 本文屬于翻譯文章,原文鏈接為 nginx Beginner’s Guide。是至今為止見過最好的 nginx 入門文章。額。。。沒有之一。 這篇教程簡單介紹了 nginx ...
摘要:目前團隊和其他業界團隊阿里影業芒果等正在共同擴展字節跳動小程序。規則是否可以配置到在的集成是在規劃進行的,目前一期推出了語言關聯語法高亮指令補全內置組件和引用組件及所在組件上的屬性補全補全等。將會在接下來支持等。 動態 新端擴展-字節跳動小程序共建計劃 Chameleon 規范了一套跨端標準,稱之為MVVM+協議;開發者只需要按照標準擴展流程,即可快速擴展任意MVVM架構模式的新端。并讓已...
摘要:創建項目點擊,勾選需要翻譯的語言,右上角添加項目回到,點擊錄入按鈕,一個小鍵盤的圖標,錄入程序用的和源語言中文如何配置待翻譯語言修改配置文件英語韓語法語原文錄入完成之后,如何邀請幫忙翻譯首先幫創建好賬號,并發送給他。 譯文管理平臺 Author Sure Yu E-mail yusureyes@163.com 項目介紹 這是一個用于管理多語言資源的譯文管理系統,由于用戶...
摘要:生態周報內容主要包含我所接觸到的生態相關的每周值得推薦的一些信息。在發現異常后官方團隊迅速采取行動并保護網站免受攻擊。期待能早日解決相關問題,并迎來的正式發布。這些功能適用于,,,,,,,和編寫的應用程序等,并將在下周放出技術預覽版本。 「K8S 生態周報」內容主要包含我所接觸到的 K8S 生態相關的每周值得推薦的一些信息。歡迎訂閱知乎專欄「k8s生態」。 Docker Hub 用戶隱...
閱讀 3039·2023-04-26 00:49
閱讀 3719·2021-09-29 09:45
閱讀 963·2019-08-29 18:47
閱讀 2738·2019-08-29 18:37
閱讀 2723·2019-08-29 16:37
閱讀 3286·2019-08-29 13:24
閱讀 1772·2019-08-27 10:56
閱讀 2344·2019-08-26 11:42