TICK日程管理微信小程序的設(shè)計(jì)與實(shí)現(xiàn)

TICK日程管理微信小程序的設(shè)計(jì)與實(shí)現(xiàn)摘要：日程管理是目前常見(jiàn)的移動(dòng)應(yīng)用，大多數(shù)的日程管理實(shí)現(xiàn)方案存在需要針對(duì)不同的系統(tǒng)環(huán)境定制開(kāi)發(fā)、后期維護(hù)需要大量的人力和財(cái)力、推廣速度慢、影響手機(jī)運(yùn)行速度等一系列問(wèn)題。為了更有效地解決這些問(wèn)題，本文結(jié)合用戶的實(shí)際需求，基于微信小程序開(kāi)發(fā)框架，完成了簡(jiǎn)單實(shí)用的日程管理小程序。該小程序操作界面簡(jiǎn)潔，可以讓用戶快速上手，直觀方便的進(jìn)行日程查看、添加日程、瀏覽當(dāng)日日程統(tǒng)計(jì)數(shù)據(jù)等操作。經(jīng)過(guò)用戶的使用測(cè)試，本日程管理微信小程序可以滿足用戶需求，達(dá)到了預(yù)期設(shè)計(jì)的功能效果，并在一定程度上提高了用戶的工作和學(xué)習(xí)效率。關(guān)鍵詞：日程管理；微信小程序；WXML；WXSS；JavaScriptAbstract:Nowadays,schedulemanagementisacommonmobileapplicationinourdailylife.Mostoftheimplementationscontainaseriesofproblems,suchasthecustomizeddevelopmentaimingatdifferentsystemenvironment,largeamountsofmanpowerandfinancialresourcesneededinthelatermaintenance,theslowspeedofthepopularization,andthenegativeinfluencefortherunningspeedofmobilephonesandsoon.Inordertosolvetheproblemsefficientlyandsatisfytheactualneedsoftheusers,thispaperimplementsasimpleschedulemanagementminiprogrambasedontheWeChatplatform.Theoperationinterfaceoftheminiprogramissimpleandtheprogramhelpstheusersmastertheusingmethodquickly,what’smore,userscanview,addandbrowsethedailyschedule.Afterthesoftwaretest,thisWeChatminiprogramofschedulemanagementhassatisfiedtheneedsoftheusersandreachedthefunctionsandeffectsasexpectedtodesign.Toacertainextent,italsoimprovestheefficiencyofusers'workandlearning.Keywords:Schedulemanagement；WeChatminiprogram；WXML；WXSS；Javascript目錄TOC\o"1-5"\h\z摘要 IAbstract I目錄 II\o"CurrentDocument"背景與意義 1\o"CurrentDocument"技術(shù)背景 2微信小程序本質(zhì) 2開(kāi)發(fā)流程 2技術(shù)框架 3框架全局文件 4技術(shù)特點(diǎn) 4概要設(shè)計(jì) 5需求分析 5可行性分析 8業(yè)務(wù)流程 8框架 9詳細(xì)設(shè)計(jì)與實(shí)現(xiàn) 10各模塊設(shè)計(jì) 10角色選擇模塊設(shè)計(jì) 10主頁(yè)面模塊設(shè)計(jì) 10添加日程模塊設(shè)計(jì) 10數(shù)據(jù)統(tǒng)計(jì)模塊設(shè)計(jì) 11功能模塊實(shí)現(xiàn) 11角色選擇模塊實(shí)現(xiàn) 11主頁(yè)面模塊實(shí)現(xiàn) 11添加日程模塊實(shí)現(xiàn) 13數(shù)據(jù)統(tǒng)計(jì)模塊實(shí)現(xiàn) 14測(cè)試 16功能測(cè)試 16壓力測(cè)試 22性能測(cè)試 22總結(jié) 24參考文獻(xiàn) 錯(cuò)誤！未定義書(shū)簽。致謝 錯(cuò)誤！未定義書(shū)簽。1背景與意義身處互聯(lián)網(wǎng)+時(shí)代，日程管理在現(xiàn)代人們的辦公自動(dòng)化中發(fā)揮了越來(lái)越重要的作用。如何做到將每天的工作和事務(wù)安排在日程中，并做一個(gè)有效的管理，是移動(dòng)通信設(shè)備必備的基本功能之一［1］。當(dāng)前大多數(shù)的實(shí)現(xiàn)方案是將日程管理與日歷模塊捆綁使用一個(gè)App。一方面，App這種實(shí)現(xiàn)方案存在需要針對(duì)不同的系統(tǒng)環(huán)境定制開(kāi)發(fā)、后期維護(hù)需大量的人力和財(cái)力、推廣速度慢、影響手機(jī)的運(yùn)行速度等一系列問(wèn)題［2］。另一方面，現(xiàn)在大部分日程管理App由于過(guò)度追求功能的多樣性，集成了過(guò)多不必要的功能，界面復(fù)雜、操作繁瑣，導(dǎo)致了使用不便，不能很好的滿足用戶需求［3］。所以我們?cè)谖⑿判〕绦蚱脚_(tái)上開(kāi)發(fā)了一款高效輕量型的日程管理小程序。微信小程序由騰訊微信事業(yè)部開(kāi)發(fā)，是根植于微信的一個(gè)擴(kuò)展，2017年1月9日正式上線，可與微信公眾號(hào)綁定，是一種無(wú)需下載安裝即可使用的應(yīng)用，體現(xiàn)了“用完即走”的理念。從微信小程序的特點(diǎn)可以看出，微信小程序很好地契合了日程管理軟件的需求。首先，微信平臺(tái)擁有龐大的用戶群體，用戶的手機(jī)中絕大部分都安裝了微信；其次，微信小程序不像App那樣，它不需要下載、安裝，不需要占用存儲(chǔ)空間和運(yùn)行內(nèi)存，大大降低了用戶的使用成本；最后，微信小程序可以通過(guò)搜索小程序名稱、掃描小程序二維碼或點(diǎn)擊別人分享的小程序鏈接等多種方式啟用，推廣非常簡(jiǎn)便［4］?，F(xiàn)在大多數(shù)校園中，相關(guān)日程信息的發(fā)布主要是通過(guò)QQ群或者微信群，這二者最大的不便利在于一旦用戶擁有大量的QQ群或者微信群之后，群內(nèi)大量的聊天記錄甚至是垃圾信息可能會(huì)將重要的日程或消息刷屏，給用戶造成困擾。在微信小程序中，這些相關(guān)問(wèn)題都可以得到較好的解決。TICK日程管理微信小程序不僅能添加日程安排，還可以查看日程的記錄及瀏覽當(dāng)日日程統(tǒng)計(jì)數(shù)據(jù)。對(duì)使用者而言，在便捷查看相關(guān)日程信息的同時(shí)，形象直觀的日程信息統(tǒng)計(jì)也能讓使用者更了解自己的日程參與情況，為日后更有效合理的安排日程提供參考。對(duì)管理者而言，管理者在發(fā)布完日程后，可以通過(guò)日程信息統(tǒng)計(jì)來(lái)查看日程參與者和未參與者的數(shù)據(jù)，更有利于管理人員合理安排時(shí)間及教室等資源。通過(guò)微信平臺(tái)的推廣，該小程序能幫助忙碌的現(xiàn)代人隨時(shí)隨地記錄并安排日程，從而有效提高工作、學(xué)習(xí)效率。2技術(shù)背景微信小程序本質(zhì)微信小程序從前端開(kāi)發(fā)角度看，和React、Vue類似，都使用HTML5技術(shù)，容易上手，屬于敏捷開(kāi)發(fā)，但是，從系統(tǒng)的角度看，小程序的本質(zhì)在于：①更系統(tǒng)化：有自己獨(dú)立并保持快速迭代的開(kāi)發(fā)工具。從寫(xiě)代碼到調(diào)試再到發(fā)布，可以全鏈路完成。②更原生化：微信官方提供了諸多原生API，通過(guò)微信客戶端的渲染，小程序的交互實(shí)現(xiàn)可以更接近App原生。③更安全化：代碼打包后需微信官方團(tuán)隊(duì)審核通過(guò)才能發(fā)布，使程序接口不直接暴露，保證了安全性。總的來(lái)說(shuō)，微信小程序是在微信生態(tài)內(nèi)，可以低成本快速開(kāi)發(fā)出高可用在線服務(wù)的全流程支持。開(kāi)發(fā)流程微信小程序的接入流程如下：①在微信公眾平臺(tái)注冊(cè)微信小程序；②完善信息，包括程序的名稱、頭像、簡(jiǎn)介和服務(wù)范圍等；③綁定微信小程序開(kāi)發(fā)者，開(kāi)發(fā)者可以使用官網(wǎng)提供的開(kāi)發(fā)工具編寫(xiě)代碼和調(diào)試；④微信小程序開(kāi)發(fā)結(jié)束后，向微信團(tuán)隊(duì)提交代碼，審核通過(guò)即可發(fā)布。項(xiàng)目文件編輯工具界面設(shè)置微信開(kāi)發(fā)者工具霆□□mo博以器編輯器調(diào)試器普通編譯G編譯◎①亙切后臺(tái)等riPhone5 ▼100% *WiFi ▼+Q ???肚appjsXadc2018-3-251332 100%???|0頁(yè)面參數(shù)口imagesQpages,由utilsJ$app.js{}app.jsonw”$app.wxss{}project.config.json1111213141516171819202122232425262723293032/app.js0PP-jsata:-[yurl:'http://xnLaunch:funct//展示本地存￡varlogs=wxlogs.unshift(wx.setStorage5 6 7 8 9〃/12 13 14 15 1619 20 21 22 2325success:re26 27 28 29 30K//鰭r茴日歷O 團(tuán)）喻；X蘇麗 懿1?gSU3另取用戶信FetSettingcce5s:reif(res.aH醒wx.getUsucce1民ConsoleSourcesNetworkApplicationSecurityAuditsStoragi01top ▼||Filter defaultlevels▼頁(yè)面路徑pages/index/index復(fù)制打開(kāi)場(chǎng)具值：ConsoleWhat'sNewx圖2-1微信小程序開(kāi)發(fā)工具界面圖2-1為微信小程序的開(kāi)發(fā)工具界面。該開(kāi)發(fā)工具主要包括微信小程序代碼編輯、調(diào)試和模擬器功能。圖中最右邊為程序開(kāi)發(fā)的目錄結(jié)構(gòu)，主要有4種格式文件：js、json、WXML和WXSS文件，分別對(duì)應(yīng)編寫(xiě)程序邏輯、配置參數(shù)、頁(yè)面結(jié)構(gòu)和樣式的代碼。除