基于微信平台的时间管理记事小程序设计

杨沛沛 曹林洁 黄韵璇 钟佩华 伍俏羲

摘要：能够方便快捷的记录日程，智能化的时间管理方式是现代人们所追求的。根据这一社会需求，设计了一款时间管理记事小程序——即刻。该小程序的设计理念是希望能够为使用者的时间管理提供有效的帮助，为工作和生活提供了便利。小程序使用微信开发者工具开发，涵盖了基础功能，界面设计简约，操作便捷，在笔记和基础上还附有计时功能，同时可以显示用户的任务完成量和完成率，让用户可以快速清晰地了解到自己任务进度情况。

关键词：微信小程序;日程记录;时间管理;记事;JavaScript

中图分类号：TP311      文献标识码：A

文章编号：1009-3044（2021）26-0082-04

开放科学（资源服务）标识码（OSID）：

Design of Time Management and Note Keeping Program Based on Wechat Platform

YANG Pei-pei， CAO Lin-jie， HUANG Yun-xuan， ZHONG Pei-hua， WU Qiao-xi

（Xinhua College of Sun Yatsen University， Dongguan 523133， China ）

Abstract： Can quickly and easily record the schedule， intelligent time management is the modern people's pursuit. Based on this social need， a time management note-keeping program has been designed - instantly. The small program is designed to provide effective help for users' time management and facilitate work and life. Small program using WeChat developer tool design， covering the basic functions， interface design simple， easy to operate， in notes and on the basis of the timekeeping function， at the same time can show the user's task completion and completion rate， so that users can quickly and clearly understand their task progress.

1 背景

时间是一种无形的重要资源。随着社会的发展，人们生存在这个高压的时代，更需要懂得时间管理，而拖延是当今社会人们一种普遍存在的行为，并且许多人无法合理高效地进行时间规划。

如今，科技社会在高速发展，各种高新技术不断涌现，随着智能手机的普及，人们不仅需要进行时间管理，而且日常生活中常常需要快速高效的记录许多信息，这通过使用手机应用来进行这一切是一个方便快捷的方式[1]。目前市场上开发的此类应用软件可以简称为时间管理工具，例：印象笔记、蚂蚁待办、番茄闹钟、滴答清单等[2]。

通过研究各类产品，了解了相关资料后，以高效办公、简易便捷为设计和开发的基本理念，以“行胜于知，即刻实行”为设计理念，以微信小程序作为运行主体设计一款时间管理小程序。该小程序是一个满足任务规划，记录笔记，项目计时的应用，具有一定的创新性和应用价值，可以帮助人们高效办公，为人们的工作生活提供了便利[3]。

2 总体设计

2.1 架构设计

小程序的架构设计主要分为视图层View还有逻辑层App Service。框架的视图层由 WXML 与 WXSS编写，由组件来进行展示。视图层将逻辑层的数据反映成视图，同时将视图层的事件发送给逻辑层。WXML（WeiXin Markup language） 用于描述页面的结构。WXS（WeiXin Script） 是小程序的一套脚本语言，结合wxml，可以构建出页面的结构，WXSS（WeiXin Style Sheet） 用于描述页面的样式，组件（Component）是视图的基本组成单元[4]。在视图层，宿主环境会把wxml转化成对应的js对象，在逻辑层发生数据变更时，通过宿主环境提供的setData方法把数据从逻辑层传递到视图层，渲染出正确的UI界面[5]。在本小程序开发框架下，逻辑层由JavaScript编写。逻辑层将数据进行处理后发送给视图层，同时接受视图层的事件反馈。逻辑层提供模块化能力，使得每个页面有独立的作用域[6]。它使用webview加载业务逻辑层的代码，双线程通过native，开发者工具通过后台websocke，服务充当二者消息中转媒介，并且提供一些基础功能。

2.2 功能設计

2.2.1 登录模块

登录模块可以使用微信授权登录。用户进入即刻小程序页面，点击“点击授权”获取用户信息登录进入启动页，点击“立即进入”跳转进入小程序。页面采用“行胜于知，即刻实行”为导语，意在时刻提醒用户要知行合一，真正的行动才是提高效率最好的办法。

2.2.2 任务管理模块

任务管理模块包括新建任务、编辑任务、删除任务以及标记任务完成。用户可以在页面点击“+”建立一个新的任务，设置任务名、添加描述，还可以设置任务优先级以及日期。添加成功后将在清单列表进行相应任务优先级进行排序，红色代表最紧急，其次是黄色，接着是蓝色，最后是灰色。用户可以点击任务标题进行任务编辑，对原有的任务文本进行修改，新的文本内容代替旧的文本内容显示。用户长按任务框进行删除任务。用户可以点击任务标题前面的toggle单选框，标记完成任务。该模块会显示进行中任务以及已完成任务，用户可以有效管理清单内容。