基于微信小程序的云笔记平台设计与实现

文/罗丹

在互联网科技发展的过程中，手机等移动智能终端设备已经成为人们日常生活中最为普遍的工具，并且，在移动终端中，作为国内最大的聊天系统的微信也普及到各年龄段的人群中。近年来，微信中逐渐开发了小程序，趋向多功能一体化的发展方向，为人们的日常生活带来了更多的便利。微信小程序中不仅集游戏、外卖等系统于一体，同时省却了相关软件的下载和内存消耗，受到了越来越多的用户的欢迎和使用。本研究以微信小程序中云笔记的设计与开发为例，主要打造出基于微信小程序的多功能笔记程序，为人们的生活提供更加便捷化的工具。本设计中，包含了图片笔记、文字笔记、笔记分享等功能，同时设计笔记的云端存储，为用户的各种记事需求提供帮助与支持。

1 系统设计

1.1 需求分析

多数传统笔记本软件在运行过程中不仅需要占据一定的内存，而且灵活性比较差，功能相对来说较少，尤其是在图片笔记记录和分享等方面存在着相对来说比较生硬，同时在归档与记录方面虽然具有自动性，但是一定程度上需要自主的配合，不能做到实时的更新与保存。基于小程序的云笔记开发，不仅能够提高图片笔记的灵活性，还能够通过云端储存减少用户的手机内存和空间损耗，同时能够做到实时的保存记录，即便是用户不点击保存与归档，系统本身也能够根据相关操作进行自动保存，提高用户使用的便捷性与安全性。

图1：云笔记小程序系统功能图

2017年随着微信小程序的推出，有关“轻应用”和“用完即走”的理念得到良好的实施，截止到2018年，微信小程序的用户数量超过3亿，由于用户需求的多元化，决定了微信小程序使用的多元化，这也为云笔记这款小程序的设置提供了用户基础，能够保证程序开发出以后有着用户需求和用户数量。

1.2 功能设计

在云笔记小程序的功能设计上，主要包括三种功能，即文字笔记功能、图片笔记功能和笔记分享功能，在此基础上融合云储存和实时更新等。

（1）在文字笔记上，不仅实现自身记录的作用，实现复制粘贴等，还能够显示笔记摘要、笔记分类、保存时间、文字数量、自动换行等，能够更加多元化与全面化的满足用户的需求。

（2）在图片笔记上，主要通过获得照相机、相册等设备的访问权限，在此基础上进行相应的图片编辑与导入，从而实现便捷化与快速化的图片笔记记录。

（3）笔记分享功能上，主要支持笔记在微信、QQ等社交软件上进行分享，分享内容包括原文本形式以及链接形式，在分享的过程中，用户可以为相应的内容设置分享的个性化题目等，促进具体效果的提升。

在三种功能基础上的云存储以及实时保存，主要是在互联网的支持下做到数据的云端存储和保存，保存过程中在用户未经操作的前提下，按照最后操作时间进行相关排序，并给用户进行相应的提醒。具体功能设计图，详见图1。

在云笔记小程序的后台操作上，主要包括账号管理、素材管理和用户行为统计三个方面。

（1）在账号管理上，这是用户在使用云笔记小程序过程中的“身份证”，每一个账号下绑定着不同的内容，连接着用户个人的云端，同时也是用户在云笔记使用过程中的安全通道，防止其他人盗用造成的用户云笔记内容泄露。

（2）在素材管理上，包括用户个人导入到常用素材，如照片、小贴图等，也包括系统自动推荐的素材，能够保证用户在素材的使用上的便捷性，同时保存相应的用户使用和浏览数据。

（3）在用户行为统计上，这一后台功能主要是根据用户的日常使用习惯，为用户进行个性化推荐，如相应素材的推荐、相应语录的推荐等，从而提高用户使用过程中的便捷性。同时，用户行为的统计与分析，也能够为云笔记小程序本身的优化提供意见和参考。

1.3 业务流程设计

在系统的业务流程设计上，主要是根据文字笔记、图书笔记和笔记分享三个业务功能进行实现的流程设计，其中，这三个业务流程既具有独立性，又具有相关性，统一于云端的存储与实时更新上。在本部分，以笔记分享流程为例，进行业务流程的设计与呈现。在笔记分享上，首先要确定笔记的位置以及文件名称，在确定完以后选择分享路径，本设计中笔记分享主要包括微信好友、微信朋友圈、QQ好友、QQ空间以及微博五个路径，在确定分享路径以后，选择文本分享或者链接分享，然后由系统进行分享。

2 系统实现

2.1 开发模式

在系统的开发模式上，主要包括小程序客户端、小程序服务器、小程序逻辑开发、云笔记应用程序以及云端服务器五个部分，在微信小程序数据的交互过程中，通过WXSS和WXML对小程序的前端界面进行页面渲染，从而来确保云笔记程序运行的正常化和流畅化。

2.2 系统实现

在系统的实现上，主要包括页面实现、文字笔记编辑实现、图片笔记编辑实现、笔记分享实现以及云端存储实现，以下按照各个部分进行阐述与呈现。

（1）在页面实现上，主要进行抽屉式的菜单布局，依据TOOLBAR为每个页面的标题栏，从而起到对具体操作过程中的导航作用。在标题页面上，包括系统设计和用户自定义设计两个方面，从而能够体现出用户在使用过程中的交互性和自主性，促进用户使用感的提升。用户可以通过点击一些标题栏，对其在页面内进行拖动与增删，保证用户拥有对页面的自定义能力，以及提升用户对页面的适应性，起到充实效果和简化效果由用户自己确定的作用。同时，为了防止用户在页面操作过程中的程序突然性退出，对程序进行逻辑上的设计，从而起到页面之间的逻辑关系建立的作用。

（2）在文本笔记编辑实现上，主要是通过用户在页面菜单引导下进行主动输入，在输入的过程中引入必要的文字转化系统，如与搜狗等输入法建立关联，同时，依据云技术，在用户编辑的过程中，能够确保文字信息的实时更新与保存，防止用户意外退出而造成的文本信息丢失的问题。

（3）在图片笔记编辑实现上，主要是文字编辑与图片编辑相结合的形式，在设置中，需要获取有关智能手机终端设备中照相机、相册的权限，确保用户在照片导入过程中的顺畅性。系统在获取相关权限以后，结合用户的自定义选择，将目标图片导入到云笔记过程中，同时对相应的文件内容进行云端的存储。在有关存储方面主要是依据SQL语言进行，做到云端数据库和文本信息的实时更新与保存。同时，考虑到用户照片的更换与增删，需要结合后台相应的操作进行处理，确保用户在照片的选择等方面能够发挥出自身的自主性。

（4）在笔记分享实现上，用户主要通过对目标文本的选择，在相关软件和移动网络数据支持的情况下，选择相应的分享路径，确定目标文件的分享类型，最后进行目标文件的分享。在信息分享的过程中，云笔记小程序会在获得相应程序权限的基础上，对相应程序发出请求信息，并在获得用户的确认以后，进行有关文件的分享。在此过程中，考虑到用户的特殊需求，给用户提供最终确认的权限，防止笔记分享的错误。

（5）在云端存储实现上，包括两个方面，即实时云端存储实现和自定义文档云端存储实现。在实施云端存储实现上，主要在用户便捷过程中，通过云数据库的写入与控制，在用户确定文档以后，在文档名的统筹下进行文本信息的实时云端传输，防止用户在笔记编辑过程中出现笔记内容丢失的问题；在有关自定义文档云端存储的实现上，用户要先对相关文档进行自定义的名称确定和归档处理，如笔记归属于哪个文件夹中，在确定好先前条件以后，用户首先确定自己是否存储笔记信息，在用户选择确认以后，会进行云端存储和实际文本存储两个步骤的同时进行，在用户选择不存储的情况下，相关笔记信息会进行自动云存储，如果用户进行更改，相应的云存储信息会自动更改，如果用户不进行更改，相关笔记信息在云端回收站存放，过15日自动删除。

3 结语

微信小程序作为当前众多APP进行应用与推广的主要平台，代表着APP应用的一种便捷化和灵活化的转型，同时也能够促进微信本身的发展，为用户的使用提供更多的便利。基于微信小程序的云笔记，在实践应用过程中既能够满足用户笔记记事、分享等需求，也能够满足用户节省手机本身内存的需求，在应用的过程中有着充分的用户基础，同时也是当前软件系统开发的思路，在开发的过程中，既要保证程序本身的实用性，同时也要保证能够随着用户需求的变动不断的进行完善。