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

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