摘要:并利用提供的云引擎服務(wù)實(shí)現(xiàn)在周五給全員發(fā)送郵件提醒填寫周報(bào),周六周日分別再次對(duì)未填人員發(fā)送郵件進(jìn)行填寫提醒。雖然提供的免費(fèi)云引擎,本身就支持服務(wù),但是免費(fèi)版是做測(cè)試用的,會(huì)自動(dòng)休眠,不夠穩(wěn)定,經(jīng)常掛掉。
This just is a README.
使用 Vue + LeanCloud 開發(fā)的一個(gè)周報(bào)系統(tǒng),純前端實(shí)現(xiàn)。
并利用 LeanCloud 提供的云引擎服務(wù)實(shí)現(xiàn)在周五給全員發(fā)送郵件提醒填寫周報(bào),周六周日分別再次對(duì)未填人員發(fā)送郵件進(jìn)行填寫提醒。
基本配置LeanCloud 應(yīng)用配置
前往 LeanCloud 新增應(yīng)用。 并導(dǎo)入 /appSchema/ 下的 schema
修改 src/config/av.config-example.js 文件,填入 LeanCloud 應(yīng)用的 App ID 和 App key。
此 id 和 key 可以從 LeanCloud 要關(guān)聯(lián)的應(yīng)用 => 設(shè)置 => 應(yīng)用 Key 中獲取。
// 填寫配置后重命名此文件為av.config.js export default { id: "填寫LeanCloud應(yīng)用的ID", key: "填寫LeanCloud應(yīng)用的Key" }
周報(bào)配置
可以從 src/config/input.config.js 和 src/config/group.config.js 中配置周報(bào)填寫的類型、說明以及小組配置,格式相應(yīng)參見文件即可。
input.config.js 中的配置信息,用于配置輸入頁(yè)面中存在的不同類型和相對(duì)應(yīng)的提示,以及每周的基礎(chǔ)工時(shí)、計(jì)算為任務(wù)飽和度的關(guān)聯(lián)任務(wù)等。
group.config.js 中配置的小組信息,將在首個(gè)成員注冊(cè)時(shí)自動(dòng)寫入到 LeanClound 應(yīng)用中。
規(guī)劃時(shí),計(jì)算任務(wù)飽和度是多帶帶配置的,但實(shí)際開發(fā)中,這塊耦合住了,在考慮優(yōu)化掉,做成一個(gè)通用的產(chǎn)品,如果你有任何想法,可以聯(lián)系我,謝謝。
發(fā)送郵件配置
修改 mail/mailer-example.php 文件,配置完成后重命名為 mailer.php 即可
public static $HOST = "smtp.163.com"; // 郵箱的服務(wù)器地址 public static $PORT = 465; // smtp 服務(wù)器的遠(yuǎn)程服務(wù)器端口號(hào) public static $SMTP = "ssl"; // 使用 ssl 加密方式登錄 public static $CHARSET = "UTF-8"; // 設(shè)置發(fā)送的郵件的編碼 /** * 配置此處信息后將此文件重命名為mailer.php即可 */ private static $USERNAME = "配置用戶"; // 授權(quán)登錄的賬號(hào) private static $PASSWORD = "配置授權(quán)密碼"; // 授權(quán)登錄的密碼 private static $NICKNAME = "新點(diǎn)前端周報(bào)"; // 發(fā)件人的昵稱
無需郵件服務(wù)器,直接使用各個(gè)郵箱的 SMTP 服務(wù)即可完成。
這里發(fā)送郵件的實(shí)現(xiàn)是使用了 PHPMailer 簡(jiǎn)單包裝來實(shí)現(xiàn)的。
注:
不要使用 QQ 郵箱的 SMTP ,我在使用中,團(tuán)隊(duì)30+人, 多帶帶發(fā)送到10+后,之后的都失敗了,提醒發(fā)送郵件過快。使用163郵箱的暫無問題。
why php?
因?yàn)槟壳皼]在服務(wù)器上裝有nodejs。
雖然 LeanCloud 提供的免費(fèi)云引擎,本身就支持nodejs服務(wù),但是免費(fèi)版是做測(cè)試用的,會(huì)自動(dòng)休眠,不夠穩(wěn)定,經(jīng)常掛掉。
若使用nodejs,可使用 nodemailer 來發(fā)送郵件。
以上展示了配置發(fā)送郵件的功能,還需要定時(shí)查找用戶或未提交的用戶來發(fā)送郵件。
此處使用了 LeanCloud 提供的云引擎中的定時(shí)任務(wù)來實(shí)現(xiàn)。
定義云函數(shù),以便發(fā)送郵件。實(shí)現(xiàn)可參考 weeklyReportSendEmail
在 LeanCloud 的應(yīng)用中 點(diǎn)擊 云引擎 => 定時(shí)任務(wù) 來創(chuàng)建定時(shí)任務(wù),定時(shí)執(zhí)行發(fā)送郵件。
相關(guān)文檔可參考 LeanCloud 開發(fā)指南
構(gòu)建使用步驟此項(xiàng)目直接使用 Vue-cli 工具初始化,配置進(jìn)行了略微修改,相關(guān)命令如下:
# 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
關(guān)于打包后的部署使用,請(qǐng)根據(jù)要放的目錄,自行調(diào)整 /config/index.js 中的
assetsPublicPath 路徑,并將打包生成的文件(默認(rèn)在 /dist/ 下)全部拷貝到你指定目錄下即可。
// 例如:這里最后期望通過訪問 域名/weeklyreport/ 訪問此周報(bào)系統(tǒng),則配置為/weeklyreport/即可 assetsPublicPath: "/weeklyreport/",效果展示
填寫
匯總展示
只想看你關(guān)心的?這里有!
匯總圖表
還支持任意時(shí)段的歷史查看,下方表格和圖標(biāo)的展示同周匯總。
個(gè)人信息維護(hù)
管理員對(duì)成員查看和管理
對(duì)了,還可以導(dǎo)出表格為csv
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/28266.html
摘要:并利用提供的云引擎服務(wù)實(shí)現(xiàn)在周五給全員發(fā)送郵件提醒填寫周報(bào),周六周日分別再次對(duì)未填人員發(fā)送郵件進(jìn)行填寫提醒。雖然提供的免費(fèi)云引擎,本身就支持服務(wù),但是免費(fèi)版是做測(cè)試用的,會(huì)自動(dòng)休眠,不夠穩(wěn)定,經(jīng)常掛掉。 This just is a README. showImg(https://segmentfault.com/img/remote/1460000013260535);showImg...
摘要:基本入門前端掘金作者本文屬于翻譯文章,原文鏈接為。如果如何把應(yīng)用放在容器中運(yùn)行掘金本文適合零基礎(chǔ),且希望使用運(yùn)行應(yīng)用的人士。后端掘金使用構(gòu)建網(wǎng)站。 nginx 基本入門 - 前端 - 掘金作者:villainthr 本文屬于翻譯文章,原文鏈接為 nginx Beginner’s Guide。是至今為止見過最好的 nginx 入門文章。額。。。沒有之一。 這篇教程簡(jiǎn)單介紹了 nginx ...
摘要:目前團(tuán)隊(duì)和其他業(yè)界團(tuán)隊(duì)阿里影業(yè)芒果等正在共同擴(kuò)展字節(jié)跳動(dòng)小程序。規(guī)則是否可以配置到在的集成是在規(guī)劃進(jìn)行的,目前一期推出了語(yǔ)言關(guān)聯(lián)語(yǔ)法高亮指令補(bǔ)全內(nèi)置組件和引用組件及所在組件上的屬性補(bǔ)全補(bǔ)全等。將會(huì)在接下來支持等。 動(dòng)態(tài) 新端擴(kuò)展-字節(jié)跳動(dòng)小程序共建計(jì)劃 Chameleon 規(guī)范了一套跨端標(biāo)準(zhǔn),稱之為MVVM+協(xié)議;開發(fā)者只需要按照標(biāo)準(zhǔn)擴(kuò)展流程,即可快速擴(kuò)展任意MVVM架構(gòu)模式的新端。并讓已...
摘要:創(chuàng)建項(xiàng)目點(diǎn)擊,勾選需要翻譯的語(yǔ)言,右上角添加項(xiàng)目回到,點(diǎn)擊錄入按鈕,一個(gè)小鍵盤的圖標(biāo),錄入程序用的和源語(yǔ)言中文如何配置待翻譯語(yǔ)言修改配置文件英語(yǔ)韓語(yǔ)法語(yǔ)原文錄入完成之后,如何邀請(qǐng)幫忙翻譯首先幫創(chuàng)建好賬號(hào),并發(fā)送給他。 譯文管理平臺(tái) Author Sure Yu E-mail yusureyes@163.com 項(xiàng)目介紹 這是一個(gè)用于管理多語(yǔ)言資源的譯文管理系統(tǒng),由于用戶...
摘要:生態(tài)周報(bào)內(nèi)容主要包含我所接觸到的生態(tài)相關(guān)的每周值得推薦的一些信息。在發(fā)現(xiàn)異常后官方團(tuán)隊(duì)迅速采取行動(dòng)并保護(hù)網(wǎng)站免受攻擊。期待能早日解決相關(guān)問題,并迎來的正式發(fā)布。這些功能適用于,,,,,,,和編寫的應(yīng)用程序等,并將在下周放出技術(shù)預(yù)覽版本。 「K8S 生態(tài)周報(bào)」內(nèi)容主要包含我所接觸到的 K8S 生態(tài)相關(guān)的每周值得推薦的一些信息。歡迎訂閱知乎專欄「k8s生態(tài)」。 Docker Hub 用戶隱...
閱讀 2955·2021-10-20 13:46
閱讀 2511·2021-08-12 13:22
閱讀 2692·2019-08-30 15:54
閱讀 2335·2019-08-30 15:53
閱讀 540·2019-08-30 13:47
閱讀 3574·2019-08-23 16:56
閱讀 1720·2019-08-23 13:02
閱讀 1790·2019-08-23 12:25