基于微信小程序电脑入门交流学习设计与实现

【摘 要】针对当前互联网的兴起以及pc在现代人们生活中的高占有率。掌握基础出的电脑知识就显得尤为重要。设计电脑入门交流学习的微信小程序可以帮助不懂技术的人快速学习到电脑的基础知识。通过微信小程序作为客户端以及后台管理数据库实现前后台数据的交互，管理便捷；通过爬虫展示较为主流的电脑系列，不需要后台维护数据。根据用户的学科标签在知识资讯模块对应展示不同的后台维护的信息。微信小程序提供发表话题、点赞、评论和打分功能帮助用户进行交互，方便快捷；通过微信小程序帮助学习电脑知识，提供交流的平台可以提高学习的效率和兴趣。
【关键字】微信小程序；电脑入门；PHP

目录
1 绪论 3
1.1 背景 3
1.2 项目目标 3
2 需求分析 3
2.1 引言 3
2.2 可行性分析 3
2.3 功能需求 5
2.3.1 角色分析 5
2.3.2 各角色功能分析 5
2.3.3 数字字典 5
2.4 开发工具及环境的介绍 7
3 概要设计 8
3.1 系统整体框架 8
3.2 系统功能设计 8
3.2.1 系统需求规定 8
3.2.2 运行环境 9
3.2.3 客户功能设计 9
3.2.4 后台功能设计 10
3.2.5 用例图 11
3.2.6 系统E-R图 15
3.3 接口设计 18
4 详细设计 18
4.1 微信小程序用户注册设计 18
4.2 微信小程序的登陆功能设计 19
4.3 微信小程序点赞功能设计 20
4.4 微信小程序的发布功能设计 21
4.5 微信小程序评论功能设计 22
4.6 微信小程序的打分功能设计 23
4.7 高手榜页面展示 24
4.8 爬虫抓取流行电脑的信息 25
4.9 微信小程序后台界面设计 26
4.10 微信小程序后台表格导出功能设计 26
4.11 微信小程序状态图 27
4.12 用户活动图 27
4.13 管理员活动图 28
4.14 数据库设计[14] 28
5 程序测试 31
5.1 程序测试的目的 31
5.2 测试用例 32
6 总结 33

1绪论
1.1背景
微信小程序自从2017年1月9日正式上线的那一天起，依托超过10亿人使用的微信app客户端,其上线量超过了58万个，日活跃用户达到甚至超过了1.7亿。微信小程序从上线之初就备受瞩目，其甚至可能替代未来APP在手机移动端上的市场。用户将更加倾向于使用与原生APP体验没有差距的微信“小程序”[1]。在本世纪中，电脑已经有了迅猛的发展，可以发现，新世纪的重大成果或多或少都和计算机有着一定的联系。以往学习电脑通常只能在网上找书籍、视频进行学习，而这对很多人来说很容易半途而废甚至失去兴趣。通过优势明显，前景光明的微信小程序可以在一定程度上吸引人们的目光与兴趣，通过其帮助同学们，设计开发电脑入门交流的微信小程序可以帮助用户学习交流电脑知识，借助其随时随地复习，在帮助人们牢固掌握电脑知识的同时也会提升人们的自信。对电脑知识的掌握会给人们在生活和工作中带来非常大的便利。
1.2项目目标
（1）帮助不懂电脑的人快速对电脑有个明确的认知。
（2）帮助用户能够学习到基础的硬件知识。
（3）浏览最新的电脑资讯，对电脑有着更深入的了解。
（4）提供发布任务的平台，帮助用户寻求帮助。
（5）提供后台方便管理。
2需求分析
2.1引言
作为接入互联网的重要基础硬件设备之一，人们通过其进入互联网领域的思维已经广泛的被大众所接受。然而PC作为一种设备终端，因为时间、环境，使用者等各种因素不可避免的会受到一定程度的损伤[2]，而一台好的PC会是工作及生活中的利器。因此，掌握其基础知识在这个互联网崛起的时代显得尤为重要。不仅在设备出现简单故障的时候可以手动进行修复从而带来时间或经济上的收益，更有甚者在工作中可以自己配置自己PC的参数，给自己带来生活上和工作上的效率的提高和心情上的愉悦。故而，本论文结合流行的微信小程序技术，设计了电脑入门交流的微信小程序，为不懂PC的人们提供入门的途径。
2.2可行性分析
对于程序的设计通常有两种架构，一种是采用C/S架构，即客户端和服务端架构；一种是采用B/S架构，即浏览器和服务端架构。 两种架构各有优缺点，本论文采用的是C/S架构，其中C为客户端，特指微信APP。C/S结构能够为客户带来流畅的操作体验[3]。
微信小程序的开发有如下几种方式：
（1）微信小程序通过后台接口获取数据，在将其展示在前端页面，如图2-1所示：

优点：开发过程中调试方便。缺点：前后端交互较为繁琐。
（2）通过web-view组件内嵌至微信小程序展示，如图2-2所示：

优点：前后端交互较为简洁。缺点：开发过程调试较为困难。
（3）php后台接口与web-view组件的配合，如图2-3所示：

优点：开发较快。缺点：需要兼顾两种方式，容易出现问题。
本论文采用的是第二种运行方式，开发方式较为简便，更加易于与数据库的交互，减轻了微信小程序的负担。给用户带来顺畅的体验。
2.3功能需求
2.3.1角色分析
在使用该微信小程序的过程中，未注册的用户相当于游客只能浏览一些基础界面，获取到一些基础知识。而普通用户首先要进行注册自己的账号，该注册信息会写入后台数据库，在登陆的情况下会开放属于个人的个人界面以及评论、点赞等功能。作为后台管理员，主要职责是微信小程序的运维管理，需要实时更新微信小程序的前端内容，同时也可以监控普通用户的行为。超级管理员在其基础上加了管理用户的功能。
因此角色可以分为以下几种：1）游客2）普通用户3）后台运维管理员4）后台超级管理员
2.3.2各角色功能分析
（1）客户端
必要功能：对于没有注册的用户而言，他们只能对微信小程序进行浏览操作。而对于普通用户来说，基本的功能包括浏览、发出话题、对某个话题进行评论或回复、对某个回复进行打分操作、对某个话题进行点赞以及对某个话题进行收藏等操作，用户实体及属性如3-10所示。其中除浏览外的操作都应该写入到数据库中然后相应的在微信小程序展示。用户个人信息应该存在注册、登陆等操作，需要能对自己的个人信息进行修改的操作，系统总体用例图如3-4所示。
（2）服务端
1）用户信息管理
后台超级管理员实体及属性如3-9所示，具有对所有用户增、删、改的权限；同时可以导出报表进行分析，用例如3-8所示。运维管理员则无此权限。
2）信息管理
后台运维管理员可以在成功登陆的前提下，选择信息管理模块，添加，修改，删除相应的硬件信息硬件实体及属性如3-13所示，微信小程序前端会做出相应的变化。同时，运维管理员也可以将该信息管理列表导出，做统计分析，如3-5所示。
3）话题管理
后台运维管理员可以在成功登陆的前提下，选择话题管理模块，话题实体及属性如3-12所示，可以在上面看到用户在微信小程序上发布的话题信息及内容，管理员具有修改和删除的权限，同时也可以从后台发布话题显示在微信小程序上；管理员也可以导出话题管理列表进行分析，如3-7所示。
4）知识咨询管理
后台运维管理员可以在成功登陆的前提下，选择知识咨询管理，添加，修改，删除相应的资讯信息，选择学科对其进行分类，微信小程序用户在不登陆的情况看不到知识资讯；登陆后，根据注册时的学科标签会看到对应的资讯信息；同时，运维管理员也可以将该知识咨询管理列表导出，做统计分析，如3-6所示。
5）类别管理
后台运维管理员可以在成功登陆的前提下，选择类别管理，添加、修改或删除硬件的类别，如cpu、硬盘等；同时也可以将该表导出。
6）评论管理
后台运维管理员可以在成功登陆的前提下，选择评论管理，可以看到用户的评论信息，具有添加、修改和删除的权限；同时也可以导出报表进行分析，其中评论实体及属性如3-11所示。
…
…
…

…
全部内容：点击下载