灵感笔记微信小程序的设计与实现_小程序笔记制作流程

灵感笔记微信小程序的设计与实现

摘 要

笔记类应用是典型的工具型应用，潜在用户市场广阔。潜在用户个人有知识管理和记录笔记的习惯，但碍于没有合适的轻量化工具应用与之匹配，来满足用户即刻、便捷的记录和查找需要。微信有广大的用户群体，而笔记类小程序不用再次下载软件，可在微信内即时记录、即时查找，可以完全应用小程序的优势，为用户提供即刻记录的笔记类应用。
本系统使用微信开发者工具和 MySQL 数据库进行开发，分为小程序端与网页端，包括用户和管理员两种不同权限。用户主要功能有：微信一键登录与个人信息管理；新建笔记记录文字、地点（可调用地图，添加记录地点）；笔记分类；搜索相应笔记内容；调用OCR文字识别，进行文字录入。管理员功能有：查看用户状态，修改密码和删除用户账户。本系统基本实现了用户在微信小程序上的笔记录入、笔记查找等操作。

第 1 章 绪论

1.1 系统开发背景

信息化的快速普及与高速发展给笔记记录提出了新的要求与方法，这就要求开发者将传统的笔记记录方式进行革新，同时与当下的新媒体手段相结合，利用互联网实现笔记记录与查看的快捷化、便利化。当用户熟练使用灵感笔记小程序时，能快速记录所学知识，回顾过往笔记，提高学习与工作效率。
本系统是即刻记录的笔记类微信小程序，设计与实现的初衷是为了使用户有更便捷的记录、查看体验，这就要求程序植入微信应用内部，同微信相连接，以便于用户使用。因此本系统致力于设计出一款“灵感笔记”微信小程序，开发出满足用户记录需要的笔记类小程序。

1.2 系统开发意义

笔记类应用是典型的工具型应用，潜在的用户市场大，潜在用户有个人知识管理和记录笔记的习惯，但碍于没有合适的轻量化的工具应用与之匹配，满足用户即刻、便捷的记录和查找需要。
微信有广大的用户群体，小程序受微信官方的扶持与不断更新，使用方便且功能完善，使用效果也相对地优于独立的 APP 应用，运用灵感笔记微信小程序不用再次下载软件，可以在微信内部实现即时记录与查找。
灵感笔记微信小程序的设计与开发，内在用户必然是广大的微信用户，为微信用户提供灵感记录功能。灵感笔记微信小程序的设计与开发，意在打通小程序与笔记类应用间的隔阂，充分利用小程序的优势，在微信中即刻记录，为微信用户提供更加便捷、适用性更强的记录应用。

1.3 国内外研究现状

（1）国内研究现状
笔记是个体在学习生活中，不可或缺的一项工作，笔记有助于理解所记录内容，有助 于积累资料、拓展新知，达到全面透彻学习的目的。随着电子化浪潮的降临，人们日渐习惯无纸化学习与记录，习惯不受纸笔等物质束缚，快速地在手机、电脑等便携化工具上使用笔记类应用进行记录。国内笔记类应用近年来，日渐走出被国外笔记巨头笼罩的囚笼，比如 flomo、印象笔记、有道云笔记等应用都显现出发展良好的势头。随着国内即刻记录市场的成熟，用户更加注重消费体验与质量的当下，笔记类应用若在用户体验上多下工夫，国内市场仍有较大发展前景。相比于纸质笔记，电子笔记能够进行快速检索，简洁、方便、即刻地回顾所记录的内容，并进行实时的更改。因而，在国内市场，用户对笔记类应用的使用仍存在较大的需求空间。
笔记类应用的设计与实现，其目的在于能够使用户快速地记录下自己学习与工作的感触，而不像微软、金山等办公软件那样的综合类、多样化应用，功能复杂，用户体验则显得过于繁琐。以微信小程序为代表的国内小程序市场，呈现出一片蓬勃生机。对于开发者而言，微信开发者工具为开发者提供了相对完善的平台支持，与开放性的学习文档。小程序设计与实践的难度相对较低，适应性高，能应用于多种不同需求的开发，满足开发者多样化的开发要求；对于用户而言，能够节约用户使用的时间成本，提升连通性与操作的便利性。
在微信中，笔记类小程序的发展情况，总体而言，发展水平较差，用户应用率较低，用户体验较不满意，同时用户尚未形成在微信小程序上即刻记录的意识习惯。除了印象笔记和有道云笔记小程序等极少数小程序之外，其它笔记类小程序基本无人问津。
（2）国外研究现状
同样的，在国外，做笔记是绝大多数学习者所习惯的学习、记忆方式。随着互联网的快速发展，纸质笔记的市场日渐萎缩，人们习惯在电脑、手机等工具上使用笔记类应用进行记录。即刻记录的笔记类应用随着互联网大潮与移动设备的快速迭代，在移动应用市场上迅速发展，并日臻成熟，呈现出“诸神交战”的情形，OneNote、Notion、Notability、MarginNote 都凭借着自身团队对即刻记录的理解与体会，不断构造更新出符合用户记录需求的笔记应用，并在国外市场占据着移动市场笔记类应用的一定份额。
小程序，作为概念，由弗朗西斯·贝里曼与亚历克斯·罗素提出，但最初的概念，截然不同于现存的小程序，其目的在于增强网页应用的效能，进而增强网页用户的体验。小程序一度被热捧为 Android 与 IOS 跨平台开发的最合理方式，大受国外开发商们的青睐，成为他们关注的热点，但因为 IOS 准入规则的限制，小程序的开发显得举步维艰，这为小程序的变革与兴盛打上了值得怀疑的标签。因此，相较于国内市场，在国外市场，笔记 类小程序仍待兴起。

1.4 课题研究主要内容

对用户即刻记录的笔记类应用需求充分调查与研究后，对系统进行设计，最后开发了 “灵感笔记”微信小程序。本系统分为小程序端与网页后台端。用户登录微信小程序端，进行笔记记录和相关的笔记管理；管理员登录网页上的后台端，进行小程序的后台管理，具体功能如下：
（1）管理员功能主要是查看用户状态、修改密码和删除用户账号。
（2）用户功能：通过微信小程序进行一键登录后，可对笔记进行分类，记录笔记，修改笔记；通过搜索，查询自己记录过的笔记信息；调用 OCR 文字识别，进行文字录入；调用地图，添加记录地点；管理个人信息。

第 2 章 系统分析

灵感笔记微信小程序的开发，能更好地满足微信用户即时记录的需要，相比于 APP，小程序作为轻量化的应用程序，无需再次下载 APP，即点即用，使用便捷。在不占取用户较大储存空间的情况下，小程序和微信有极强的连通性，便于微信用户使用，提升了用户学习与工作效率，呈现出便捷化的发展趋势。

2.1 系统可行性分析

2.1.1 技术可行性

随着技术的发展与革新，微信开发者工具受微信支持，在不断更新与完善，变得越来越成熟。灵感笔记微信小程序采用微信开发者工具进行开发，基础可操作性更强，与微信的连通性更高。PHP 易于学习，便于编写且使用非常广泛。MySQL 数据库数据信息显示更直观。这些开发工具与技术现在发展完善并被广泛接受。

2.1.2 操作可行性

本系统使用微信开发者工具即可进行操作，界面简单且操作性强。因此本系统具有易操作、易维护、交互性好的特点，在日常使用中更能为大众所接受和青睐。同时微信建立有微信小程序开发的开放文档，介绍小程序开发的相关知识，便于开发者进行学习。

2.1.3 经济可行性

在本系统开发中，所使用的开发工具、共享资源与基础框架均属免费，微信开发者工具为开发者提供开放性的开发文档，便于开发者学习，且开发平台成熟，安全性有保障，因此系统在开发阶段所需资金较少，风险也较小，具有极强的经济可行性。

2.2 需求分析

在设计构思过程中，将本系统分为管理员与用户两种不同的权限，管理员包括查看用户状态、删除用户、修改密码功能模块；用户包括笔记分类、笔记记录、笔记修改、笔记查询、个人信息管理等功能模块。

2.2.1 管理员模块

管理员可以查看用户状态，查看用户使用信息；删除用户账号，修改密码等功能。如图所示：

2.2.2 用户模块

用户可以通过微信一键授权登录，在小程序内进行笔记分类后，进行笔记录入；也可调用 OCR 进行文字录入；通过笔记查找，查阅已经记录过的笔记信息；通过个人信息修改，完善个人信息，如图所示：

2.2.3 系统用例图

（1）用户分类用例图
本系统权限划分为管理员和用户，用户分类用例图，如图所示：

（2）管理员功能用例图
管理员主要功能为登录、查看信息、修改密码、删除账号。管理员功能用例图，如图所示：

（3）用户功能用例图
用户可以实现一键授权登录，笔记分类，笔记录入，笔记查找，文字录入和个人信息管理。用户功能用例图，如图所示：

第 3 章 相关技术介绍

3.1 微信开发者工具

微信开发者工具作为小程序的开发软件，由微信官方设计，有效帮助开发者进行设计、开发、实验微信小程序。微信官方也在努力地做迭代与更新，不断和程序使用者沟通交流，与开发者携手，建立更为完善的开发环境，提供更舒适的开发体验。开发者工具建立有开放的学习文档，供初学者进行学习参考。利用开发者工具，开发者可以实现小程序开发功能，包括页面开发、代码编写、效果预览和程序发布等，基本包含了小程序从设计到应用的全过程。

3.2 MySQL 数据库

MySQL 是当下使用度最高的关系型数据库之一。MySQL 的主要标志在于其软件体积 小、反应速度快、使用成本低、兼容性强等。因此，特别受开发者们的青睐，使用 MySQL 数据库，能够较方便地进行数据库的编写工作，使用 SQL 语言进行操作，也降低了开发难度。

3.3 其他技术

3.3.1 WXML 与 WXS

WXML 是作为标签语言，主要用途是对基本框架布局进行编写。结合开发者工具内部的基础组件与事件系统，高效完成页面结构的规划与开发。
WXS 是开发者工具为小程序编写所设计的脚本语言，能够对页面结构的构建起到完善作用，满足开发者需求。

3.3.2 PHP 语言

PHP 作为应用广泛的开发语言，相较于其他编程语言，其编写方法和英语相似，表达直观且容易辨识，因此初学者很容易学习，也降低了编写的难度。使用 PHP 语言进行微信小程序后端开发，也大大降低了开发难度，提升了开发流畅度。

3.3.3 phpStudy 小皮面板

phpStudy 小皮面板是一款服务器管理软件，专门为普通用户通过可视化界面来管理服务器，小皮面板可以节省普通用户操作服务器的时间与精力成本,通过一键安装和搭建网站,一键安装 PHP 运行环境，普通用户就可以通过 Web 端轻松管理服务器，以便于更好地 提升运行维护的效率及安全。

第 4 章 系统设计

4.1 系统总体设计

本系统分为小程序前端与后台网页管理端。为满足灵感笔记的各种需求，前端为用户提供不同功能，主要包括一键授权登录、笔记分类、笔记记录、笔记查找、OCR 文字录入、修改个人信息等功能模块；网页端管理员功能为：查看用户状态、删除用户账号和修改密码。本系统总体设计结构图，如图所示：

4.2 数据库设计

4.2.1 数据库概念结构设计

灵感笔记微信小程序的系统包含以下实体：管理员、用户、分类和笔记。管理员管理用户账号，用户进行笔记分类和搜索，通过分类进行笔记的增加、删除和修改。管理员属性为昵称、密码、id、注册时间；用户的属性为 id、注册时间、wxhead、wxname；分类的属性为名称、uid、状态、添加时间；笔记的属性为 fid、标题、地点、内容、添加时间。系统 E-R 图如图所示：

4.2.2 数据库逻辑结构设计

本系统应用 MySQL 数据库，系统中用到了富文本表、管理员表、分类管理表、用户表。各表如下所示：
（1）用户表的字段有 wxid、昵称、注册时间等，用来存储用户信息，如表所示：

（2）管理员表的字段有管理员 id、密码等，主要来存储管理员信息，如表所示：

（3）富文本表的字段有标题、内容、时间等，主要来存储笔记信息，如表所示：

（4）分类表的字段有分类名称、类型、分类状态等，主要来存储分类信息，如表所示：

第 5 章 灵感笔记微信小程序的实现

第 6 章 系统测试

6.1 测试概述

系统测试是软件设计的重要环节，检验所设计、开发的系统是否能应用于实际，同时也检验灵感笔记微信小程序是否同设计需求相匹配。系统测试需要有一个步骤详尽、合理的测试方案，从而来检验程序开发的合理性，提高系统的通达性与适用性，为用户实际使用奠定良好的基础。

6.2 测试结果

本系统使用微信开发者工具，进行测试。测试相关条件是否能够一一通过，相关设计与相应测试方案是否相协调。本测试以程序端的用户权限来进行，测试灵感笔记微信小程序的功能是否能够在开发者工具上顺利运行，查看测试表现与预期结论是否相统一。具体测试情况如下：

6.2.1 笔记分类测试

笔记分类模块主要测试用户能否正常实现笔记分类，通过测试用例，来验证是否可以实现笔记分类的增加、删除、修改功能。测试结果如表所示：

6.2.2 笔记记录测试

笔记记录模块主要测试用户能否正常实现笔记记录功能，通过测试用例，来验证是否可以实现笔记记录的添加、修改与删除功能。测试结果如表所示：

表中3号未通过的原因在于数据库编写存在问题，相关程序在后端编写过程中存在错误，而且也没有对相应数据进行修改。后期对数据库与后端代码进行编写与调试，表中3号已经通过。

6.2.3 笔记搜索测试

笔记搜索模块主要测试用户能否正常实现搜索功能，通过测试，来查看是否能够实现已存在内容的搜索。测试结果如表所示：

6.2.4 OCR 文字录入

OCR 文字录入模块主要测试用户能否正常实现 OCR 文字录入功能，通过测试用例，来验证是否顺利实现 OCR 文字录入的功能。搜索结果如表所示：

结论

经过几个月的学习与研究，终于完成了灵感笔记微信小程序的设计和实现。在设计之前，学习并体验了几个不同的笔记应用，参考了国内外记事应用的相关文献，在中后期不断摸索小程序开发的各种细节，完成了灵感笔记微信小程序的开发，系统逻辑合理，运行正常。
本系统在开发过程中使用了微信开发者工具、phpStudy 和 MySQL 数据库。系统权限为管理员和用户两类，管理员主要包括查看用户状态和删除用户账号等功能模块；用户主要包括笔记分类、笔记记录、笔记修改、笔记查询、OCR 文字录入、用户信息管理等功能模块。通过模拟各类情况、各类操作，进行了各项功能的测试，本程序能满足用户即刻记录的各种需求。
但本系统仍需不断改进：
（1）在用户使用方面，可适当细化用户笔记记录的相关功能，增强用户体验的舒适度与满意度。
（2）笔记回顾不够完善，可以增加即时的笔记回顾功能。
总之，通过使用本系统，希望能够不断提高用户笔记记录方面的效率，帮助用户进行记录与学习。