TICK日程管理微信小程序的设计与实现

TICK日程管理微信小程序的设计与实现摘要：日程管理是目前常见的移动应用，大多数的日程管理实现方案存在需要针对不同的系统环境定制开发、后期维护需要大量的人力和财力、推广速度慢、影响手机运行速度等一系列问题。为了更有效地解决这些问题，本文结合用户的实际需求，基于微信小程序开发框架，完成了简单实用的日程管理小程序。该小程序操作界面简洁，可以让用户快速上手，直观方便的进行日程查看、添加日程、浏览当日日程统计数据等操作。经过用户的使用测试，本日程管理微信小程序可以满足用户需求，达到了预期设计的功能效果，并在一定程度上提高了用户的工作和学习效率。关键词：日程管理；微信小程序；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"技术背景 2微信小程序本质 2开发流程 2技术框架 3框架全局文件 4技术特点 4概要设计 5需求分析 5可行性分析 8业务流程 8框架 9详细设计与实现 10各模块设计 10角色选择模块设计 10主页面模块设计 10添加日程模块设计 10数据统计模块设计 11功能模块实现 11角色选择模块实现 11主页面模块实现 11添加日程模块实现 13数据统计模块实现 14测试 16功能测试 16压力测试 22性能测试 22总结 24参考文献 错误！未定义书签。致谢 错误！未定义书签。1背景与意义身处互联网+时代，日程管理在现代人们的办公自动化中发挥了越来越重要的作用。如何做到将每天的工作和事务安排在日程中，并做一个有效的管理，是移动通信设备必备的基本功能之一［1］。当前大多数的实现方案是将日程管理与日历模块捆绑使用一个App。一方面，App这种实现方案存在需要针对不同的系统环境定制开发、后期维护需大量的人力和财力、推广速度慢、影响手机的运行速度等一系列问题［2］。另一方面，现在大部分日程管理App由于过度追求功能的多样性，集成了过多不必要的功能，界面复杂、操作繁琐，导致了使用不便，不能很好的满足用户需求［3］。所以我们在微信小程序平台上开发了一款高效轻量型的日程管理小程序。微信小程序由腾讯微信事业部开发，是根植于微信的一个扩展，2017年1月9日正式上线，可与微信公众号绑定，是一种无需下载安装即可使用的应用，体现了“用完即走”的理念。从微信小程序的特点可以看出，微信小程序很好地契合了日程管理软件的需求。首先，微信平台拥有庞大的用户群体，用户的手机中绝大部分都安装了微信；其次，微信小程序不像App那样，它不需要下载、安装，不需要占用存储空间和运行内存，大大降低了用户的使用成本；最后，微信小程序可以通过搜索小程序名称、扫描小程序二维码或点击别人分享的小程序链接等多种方式启用，推广非常简便［4］。现在大多数校园中，相关日程信息的发布主要是通过QQ群或者微信群，这二者最大的不便利在于一旦用户拥有大量的QQ群或者微信群之后，群内大量的聊天记录甚至是垃圾信息可能会将重要的日程或消息刷屏，给用户造成困扰。在微信小程序中，这些相关问题都可以得到较好的解决。TICK日程管理微信小程序不仅能添加日程安排，还可以查看日程的记录及浏览当日日程统计数据。对使用者而言，在便捷查看相关日程信息的同时，形象直观的日程信息统计也能让使用者更了解自己的日程参与情况，为日后更有效合理的安排日程提供参考。对管理者而言，管理者在发布完日程后，可以通过日程信息统计来查看日程参与者和未参与者的数据，更有利于管理人员合理安排时间及教室等资源。通过微信平台的推广，该小程序能帮助忙碌的现代人随时随地记录并安排日程，从而有效提高工作、学习效率。2技术背景微信小程序本质微信小程序从前端开发角度看，和React、Vue类似，都使用HTML5技术，容易上手，属于敏捷开发，但是，从系统的角度看，小程序的本质在于：①更系统化：有自己独立并保持快速迭代的开发工具。从写代码到调试再到发布，可以全链路完成。②更原生化：微信官方提供了诸多原生API，通过微信客户端的渲染，小程序的交互实现可以更接近App原生。③更安全化：代码打包后需微信官方团队审核通过才能发布，使程序接口不直接暴露，保证了安全性。总的来说，微信小程序是在微信生态内，可以低成本快速开发出高可用在线服务的全流程支持。开发流程微信小程序的接入流程如下：①在微信公众平台注册微信小程序；②完善信息，包括程序的名称、头像、简介和服务范围等；③绑定微信小程序开发者，开发者可以使用官网提供的开发工具编写代码和调试；④微信小程序开发结束后，向微信团队提交代码，审核通过即可发布。项目文件编辑工具界面设置微信开发者工具霆□□mo博以器编辑器调试器普通编译G编译◎①亘切后台等riPhone5 ▼100% *WiFi ▼+Q •・•肚appjsXadc2018-3-251332 100%•••|0页面参数口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复制打开场具值：ConsoleWhat'sNewx图2-1微信小程序开发工具界面图2-1为微信小程序的开发工具界面。该开发工具主要包括微信小程序代码编辑、调试和模拟器功能。图中最右边为程序开发的目录结构，主要有4种格式文件：js、json、WXML和WXSS文件，分别对应编写程序逻辑、配置参数、页面结构和样式的代码。除