习惯养成小程序的设计与实现

摘  要

随着我国经济迅速发展，人们对手机的需求越来越大，各种手机软件也都在被广泛应用，但是对于手机进行数据信息管理，对于手机的各种软件也是备受用户的喜爱，习惯养成小程序被用户普遍使用，为方便用户能够可以随时进行习惯养成小程序的数据信息管理，特开发了基于习惯养成小程序的管理系统。

习惯养成小程序主要是对系统所要实现的功能进行详细考虑，确定所要实现的功能后进行界面的设计，在这中间还要考虑如何可以更好的将功能及页面进行很好的结合，方便用户可以很容易明了的找到自己所需要的信息，还有系统平台后期的可操作性，通过对信息内容的详细了解进行技术的开发。

习惯养成小程序的开发利用现有的成熟技术参考，以源代码为模板，分析功能调整与疫情防控的实际需求相结合，讨论了基于疫情防控管理的使用。 

关键词：习惯养成小程序 ；uni-app框架

Design and Implementation of Habit Cultivation Program

Abstract

With the rapid development of China's economy, people's demand for mobile phones is increasing, and various mobile phone software are also widely used. But for mobile phone data information management, various software for mobile phones are also popular with users. Habit formation applets are widely used by users. In order to facilitate users to conduct data information management of habit formation applets at any time, We have developed a management system based on habit formation applet.

The habit formation applet is mainly about the detailed consideration of the functions to be realized by the system, the design of the interface after determining the functions to be realized, and the consideration of how to better combine the functions and pages, so that users can easily find the information they need, as well as the operability of the system platform in the later stage, and the technical development through the detailed understanding of the information content.

The development of the habit formation widget uses the existing mature technology reference, takes the source code as the template, analyzes the function adjustment and the actual needs of epidemic prevention and control, and discusses the use of epidemic prevention and control management.

Key words:Small procedures for habit formation; Uni-app framework

目  录

摘  要

Abstract

第一章 绪 论

1.1选题背景

1.2研究现状

1.3研究内容

第二章 开发工具及关键技术介绍 8

2.1微信开发者工具 8

2.2小程序框架以及目录结构介绍 8

2.3 uni-app 框架说明 9

2.4 Mysql数据库 9

2.5 运行环境 10

第三章 系统分析

3.1需求分析

3.2可行性分析

3.2.1技术可行性：技术背景

3.2.2经济可行性

3.2.3操作可行性：

3.3性能分析

3.4系统操作流程 14

3.4.1用户登录流程 14

3.4.2信息添加流程 14

3.4.3信息删除流程 15

第四章 系统设计与实现

4.1系统架构设计

4.2开发流程设计

4.3数据库设计

4.3.1实体ER图

4.3.2数据表 20

第五章 系统实现 25

5.1用户前台功能模块（前端） 25

5.2管理员功能模块（后端） 29

第六章  系统的测试 33

6.1 测试目的 33

6.2 测试方案设计 33

6.2.1 测试策略 33

6.2.2 测试分析 33

6.3 测试结果 34

结  论 35

参考文献 36

致  谢 38

第一章 绪 论

1.1选题背景

互联网是人类的基本需求，特别在现代社会中，个人压力增大，社会运作节奏快，随着互联网的快速发展，给用户带来了更多的需求，用户也将越来越多依靠互联网而不是自己获取信息，使得各种软件程序的开发得到了应用。

近年来，随着中国经济的不断发展，平台的各种管理制度与日俱增。每个习惯养成小程序都将由计算机进行整体智能化操作，同时对于习惯养成小程序中各功能所涉及的数据也将由用户完成对习惯养成小程序等相关数据信息内容的处理、并且可以进行，首页、交流论坛、推荐好文、我的等系统管理，可以通过系统进行分配，传统的学习方式信息已经无法满足用户的需求。为了解决这个问题，我们开发了这个习惯养成小程序，在方便管理员的前提下，给用户提供了一个基于习惯养成小程序的小程序；管理员、主页管理、网站管理（轮播图、通知公告）人员管理（管理员、普通用户）内容管理（交流论坛、论坛分类、好文推荐、文章分类）模块管理（读书习惯、读书笔记、用户留言）个人管理等详细操作。该系统满足了用户的需求，从习惯养成的小程序里获取资讯，并且资讯能及时、准确、有效地查看和系统化、标准化、高效率地运行。

1.2研究现状

随着社会的发展和科学技术的进步，互联网技术越来越受欢迎。网络传播的生活方式逐渐受到广大人民群众的喜爱。越来越多的互联网爱好者开始在互联网上满足他们的基本需求，同时逐渐进入各个用户的生活起居。互联网具有许多优点，例如便利性，速度，高效率和低成本。因此，类似于习惯养成小程序 ，满足用户工作繁忙的需求，不仅是方便用户随时查看信息的途径，而且还能提高管理效率。

本文首先以习惯养成小程序过程的基本问题作为研究对象。在开发系统之前，我们对现有状况进行了详细的调查和分析。最后，我们利用计算机技术开发了一套完整合适的习惯养成小程序。该系统的实现主要优势是：该系统主要采用计算机技术开发，它方便快捷；系统可以通过管理员界面查看用户的所有信息管理。

习惯养成小程序软件是一款方便、快捷、实用的信息服务查询软件。随着智能网络在全球市场的不断普及以及各种智能平台的使用，系统的开发与人们的日常需求相关，作为中国主流智能的技术开发系统，自然需要这样的软件来满足更多用户的需求和体验。

1.3研究内容

习惯养成小程序的开发及实现，所需要的工作内容：

（1）首先是确定选题，确定好所要做的系统，并对系统的背景及现在面临的一些问题等进行系统的初步确认。

（2）系统确认完成后，结合系统开发的需求进行确认系统开发所使用的技术，本习惯养成小程序的开发使用express技术，数据库进行平台的搭建开发，确认好使用的技术进行技术分析，所使用的技术是否可以完成习惯养成小程序 的实现。

（3）确定好系统使用的技术，进行在线确认系统所划分的用户角色，并且根据用户角色划分确定所要设计的功能模块，对于习惯养成小程序系统的设计主要划分别为管理员和用户角色，并所使用的功能模块也相应不同，但是系统的数据库实现的内容是交互的，用户可以随时根据自己的需求进行课程信息，对于系统工作人员可以根据自己的分管内容进行在线信息的处理及操作，管理员获取到所有用户的详细数据信息，并根据需求进行第一时间处理解决。

（4）系统的功能模块确认完成后进行程序及界面的设计，设计完成后，并且通过测试来判断程序是否完善，对于系统测试，需要不同的用户进行不同的内容编辑及提交，及使用不同的测试方式找出程序中存在的漏洞，并对程序出现的漏洞问题进行在线解决处理，如果测试系统没有任何问题时，可以将系统上传进行正式操作使用。

• 开发工具及关键技术介绍

2.1微信开发者工具

2.2小程序框架以及目录结构介绍

整个小程序框架系统分为两部分：逻辑层和视图层。小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生小程序体验的服务。小程序在视图层与逻辑层间提供了数据传输和事件系统，提供了自己的视图层以及逻辑层框架，让开发者能够专注于数据与逻辑。框架的核心是一个响应的数据绑定系统，可以让数据与视图非常简单地保持同步。在逻辑层做数据修改，在视图层就会做相应的更新。框架提供了一套基础的组件，这些组件自带微信风格的样式以及特殊的逻辑，开发者可以通过组合基础组件，创建出强大的微信小程序 。

2.3uni-app 框架说明

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

2.5 运行环境

运行uni-app项目需要安装HBuilderX前端开发工具。

浏览器运行：进入uniapp项目，点击工具栏的运行-运行到浏览器-选择浏览器，即可在浏览器里面体验uni-app 的 H5 版。

真机运行：连接手机，开启USB调试，进入uniapp项目，点击工具栏的运行-真机运行-选择运行的设备，即可在该设备里面体验uni-app。

在微信开发者工具里运行：进入uniapp项目，点击工具栏的运行-运行到小程序模拟器-微信开发者工具，即可在微信开发者工具里面体验uni-app。

第三章 系统分析

3.1需求分析

任何一个项目在开发研究前，都需要对研发系统本身的需求做一个认真的分析，市场的调研是不可忽视的，从实际场景中确定使用人员的功能需求，从而明确目标，对整个系统的开发有一个更加准确的定位，在这个章节，需要对系统的性能分析，业务流程分析，和数据等进行分析，习惯养成小程序的整体界面简单，功能完善。

需求的可行性是分析和讨论发达的系统能达到什么样的要求。开发的系统平台是否符合之前的要求。只有在预先评估系统的开发中，才能在系统开发和实施之前完成需求。如果您不具备开发一个功能不合格的系统的可行性，那就是开发失败。开发系统是否有用，可以完成之前讨论过的需求，以下分析了习惯养成小程序 的实际需求。

系统设计需要从用户和管理员的实际需求开始，以了解他们需要实施哪些功能以及他们可以包括哪些管理工作。

考虑到习惯养成小程序设计的特点，应满足几个要求：

（1）它可以通过网络开展疫情防控信息管理工作，促进对疫情防控信息管理。

（2）学习方法变得更加多样化，管理更加标准化;

（3）它提供了一个免费的渠道，以确保数据的实时有效沟通。

3.2可行性分析

3.2.1技术可行性：技术背景     

3.2.2经济可行性

3.2.3操作可行性： 

3.3性能分析

对于性能分析，与传统的管理方式相比，传统的管理方式是使用人工通过用纸和笔进行数据信息的统计和管理，并且这种方式对于存储和查找某一数据信息都比较麻烦，随着计算机网络的到来，这种传统的方法很难适应当下社会的发展，不仅降低人们的办事效率，而且还需要很多的人力和物力，对于使用的时间和所要花费的费用都是比较高的，为了降低成本费用，提高用户的工作效率，进行开发一套基于计算机和网络技术的习惯养成小程序 。

习惯养成小程序的开发设计时一个独立的系统，以流行数据库进行数据的存储开发，主要是为了实现习惯养成小程序 的用户角色及相对应的功能模块，让习惯养成小程序的管理不会存在管理差异、低效率，而是跟传统的管理信息恰好相反，习惯养成小程序的实现可以节约资源，并且对于业务的处理速度也提高，速度快、效率高，功能性强大。

3.4系统操作流程

3.4.1用户登录流程

对于系统的安全性的第一关，就是用户想要进入系统，必须通过登录窗口，输入自己的登录信息才可以进行登录，用户输入的信息准确无误后才可以进入到操作系统界面，进行功能模块的相对应操作，如果用户输入的信息不正确，则窗口出现提示框，用户登录失败，返回到第一步进行重新输入，如图3-1所示。

图3-1登录操作流程图

3.4.2信息添加流程

对于习惯养成小程序 ，需要随时添加所需要的数据信息，对于用户添加信息，需要根据添加界面，根据选框的内容进行填写所要添加的数据信息，信息输入完成后判断数据信息是否符合要求，符合要求则添加完成，用户所添加的信息不符合要求，则需要返回到第一步，重新输入数据信息，再进行判断操作，如图3-2所示。

图3-2 信息添加流程图

3.4.3信息删除流程

不管是哪个用户角色进入到不通的系统操作界面，都可以进行不同的信息内容的操作功能，对用系统数据信息的删除，用户一旦将信息删除，那么该删除的数据信息将无法恢复，所以用户在对数据删除事，一定判断删除的内容是否是确定要删除的，确定无误后选择确定删除操作，如图3-3所示。

图3-3 信息删除流程图

第四章 系统设计与实现

4.1系统架构设计

习惯养成小程序 的系统项目的概述设计分析，主要内容有学习平台的具体分析，进行数据库的是设计，数据采用mysql数据库，并且对于系统的设计采用比较人性化的操作设计，对于系统出现的错误信息可以及时做出处理及反馈。

习惯养成小程序基于现有的手机，可以实现管理员，首页、人员管理、好文推荐、通知公告、轮播图、读书习惯、读书笔记、用户留言、个人管理等详细的了解及统计分析。根据系统功能需求建立的模块关系图如下图：

图4-1管理员功能模块图

4.2开发流程设计

习惯养成小程序的开发对管理模块和系统使用的数据库进行分析，编写代开发，规划和操作是构建信息管理应用程序的必要三步曲，它决定了系统是否能够真正实现预设功能以及是否可以在成功设计后实施。在开发过程中，每个阶段必须严格按照线性顺序进行开发，并且在相应阶段生成的每个工作都可以通过技术进行验证和检查。确保一个阶段完成后是正确的，不会造成下一阶段拖拽现象，使系统完成设计功能后得到保证。

从习惯养成小程序的成功开发经验来看，上述方法效果最为明显，最大程度地降低了系统开发的复杂性。如图4-2所示。

图4-2开发系统流程图

4.3数据库设计

数据库是信息系统的基础和核心。数据库设计的好坏直接影响到信息系统开发的成败。创建数据库表首先确定实体的属性和实体之间的关系。根据关系创建一个数据表。

4.3.1实体ER图

数据库是整个软件编程中最重要的一个步骤，对于数据库问题主要是判定数据库的数量和结构公式的创建。展示系统使用的是Mysql进行对数据库进行管理，进行保证数据的安全性、稳定性等。

概念模型的设计是为了抽象真实世界的信息，并对信息世界进行建模。它是数据库设计的强大工具。数据库概念模型设计可以通过E-R图描述现实世界的概念模型。系统的E-R图显示了系统中实体之间的链接。而且Mysql数据库是自我保护能力比较强的数据库，下图主要是对数据库实体的E-R图：

(1)  读书笔记E-R图，如图4-3所示：

图4-3读书笔记实体属性图

 (2) 用户留言E-R图如图4-4所示：

图4-4用户留言实体图

 (3) 普通用户E-R图如图4-5所示：

图4-5普通用户实体图

 (4) 轮播图E-R图如图4-6所示：

图4-6轮播图实体图

这些功能可以充分满足习惯养成小程序的需求。此系统功能较为全面如下图系统功能结构如图4-7所示。

图4-7系统功能结构图

4.3.2数据表

基于系统使用的数据库管理系统的特点，对数据库的概念模型进行了转换和构建。但是，这个系统只需要充分考虑习惯养成小程序的功能，而且组织比较清晰。

（1）表ordinary_users实体用来存普通用户提交的注册信息；

表4.1 注册用户信息ordinary_users表

（2）表reading_habits实体用来存管理员添加的读书习惯供用户进行查看表包含了标题名称、记录用户、用户姓名、添加日期、读书习惯、备忘录等；

表4.2 读书习惯reading_habits表

（3）表reading_notes实体用来存管理员添加的读书笔记供用户进行查看表包含了图书名称、图书分类、图书作者、发布日期、封面图片、图书正文等；

表4.3 读书习惯reading_notes表

（4）表comment实体用来存放系统中用户提交的评论信息以及回复评论信息；

表4.4评论信息comment表

（5）表guest_book实体用来存管理员添加的用户留言供用户进行查看表包含了留言用户、用户姓名、留言标题、留言日期、留言内容等；

表4.5用户留言guest_book表

（6）表slides实体用来存放系统中管理员添加的轮播图在首页展示，供用户查看；

表4.6轮播图信息slides表

第五章 系统实现

5.1用户前台功能模块（前端） 

当进入习惯养成小程序的时候，首先映入眼帘的是系统的导航栏、轮播图以及公告信息、物流资讯，同时可以输入关键词对习惯养成小程序的内容进行检索，右上角是用户登录以及注册按钮，其主界面展示如下图5-1所示。

              

图5-1首页界面图

习惯养成小程序中的前台上注册后的用户是可以通过自己的username和password进行登录的，当会员输入完整的自己的username和password信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的username和password在数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到习惯养成小程序的首页中；否则将会提示相应错误信息，登录界面如下图5-2所示。

图5-2登录界面图

不是习惯养成小程序中用户的是可以在线进行注册的，当用户点击右上角“注册”按钮的时候，当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等信息后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可注册成功。其用户注册界面展示如下图5-3所示。

图5-3注册界面图

用户在点击导航栏下面的关于我们后，就可以搜索查看网站公告信息，用户根据自己的喜好可以进行交流，关于我们界面如下图5-4所示。

图5-4公告界面图

在搜索的输入框中输入自己想要搜索的读书笔记信息并点击后面的“搜索”按钮后将会根据模糊匹配的方式，去数据库中搜索最匹配的读书笔记列表并显示出来。搜索读书笔记界面如下图5-5所示。

图5-5读书笔记列表界面图

点击任意一个读书笔记后将可以进入到该笔记的详情界面中，它包括了图书名称+图书分类+图书作者+发布日期+封面图片+图书正文等一系列的详细介绍，还可以定位房源的信息，进行预约、一键点赞、收藏、评论等，读书笔记详情界面如下图5-6所示。

图5-6读书笔记详情界面图

5.2管理员功能模块（后端）  

管理员可以从浏览器上输入后台登录的网址后输入自己的用户名，密码图片验证后点击“登录”按钮后将会验证是否有非空数据，其次再验证是否和数据库中保存的一致，都验证成功后将登录成功，管理员登录界面如下图5-7所示。

图5-7管理员登录界图面

此功能为管理员的功能，管理员点击“物资管理”菜单后，会展示出轮播图、通知公告两个子菜单，任何可以对其进行增删改查操作；其界面展示如下图5-8所示。

图5-8网站管理界图面

此功能为管理员的功能，管理员点击“人员管理”菜单后，会展示出管理员+普通用户两个子菜单，任何可以对其进行增删改查操作；其界面展示如下图5-9所示。

图5-9人员管理界面图

 此功能为管理员的功能，管理员点击“内容管理”菜单后，会展示出交流论坛+论坛分类+好书推荐+文章分类四个子菜单，任何可以对其进行增删改查操作；其界面展示如下图5-10所示。

图5-10内容管理界面图

 此功能为管理员的功能，管理员点击管“模块管理”这一菜单下是可以对习惯养成小程序内的读书笔记、读书习惯、用户留言进行管控的，其管理界面如下图5-11所示。

图5-11模块管理展示界面图

第六章  系统的测试

6.1 测试目的

6.2 测试方案设计

6.2.1 测试策略

6.2.2 测试分析

6.3 测试结果

测试后得到的性能和用例，系统具有足够的正确性、可靠性、稳定性，并且可以对输入数据进行准确的点击操作处理和响应测试用户的体验也得到了很好的反馈和响应时间。合理的范围，可以兼容所有主流浏览器，设计所需的效果。