基于微信小程序的资讯平台设计与开发

陈海汝 何青 潘轩平 杜飞 范姣

摘要：针对传统资讯传播用户面窄、功能拓展性弱、维护费用昂贵等缺点，腾讯公司研发的新产品“微信小程序”，较之手机APP和Web网页有着更多优势，是目前“轻应用”理念的集中体现。设计开发基于微信小程序的资讯平台，有利于学校资讯的速效性与通用性。资讯平台主要功能模块包括查看资讯、查看系统消息及扩展功能三个模块。该系统开发简单、使用方便，兼容快速分发迭代，具有较好的推广应用前景。

关键词：微信小程序;SSM框架;信息资讯;MYSQL数据库

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

文章编号：1009-3044（2019）18-0053-02

1 背景

微信小程序是近年来腾讯公司研发的高门槛创新技术，无需下载即刻使用，用户扫一扫就可打开应用。微信已经成为生活中最常用的沟通交流软件，拥有庞大的用户群体，利用微信小程序传播新闻资讯有更加广阔的用户群体，对于资讯传播有显著的提升。使用微信小程序浏览学校的新闻资讯方便快捷，后期维护费用低而且具有良好的通用性，有利于后续开发及新功能的添加。

2 需求分析

2.1 开发背景

学校是最常见的资讯中心，每天有大量的资讯信息需要处理和发布，同时同学们又需要快速浏览以及参与学校的各项活动，传统的信息传播方式APP和Web已经不再能够满足需求变更极大的环境，APP需要繁复的安装下载，Web网页需要大量的时间制作规范以及适配，同时这两者对于可能出现的功能变更没有足够的扩展空间。而微信小程序的出现避免了两者的所有缺点，方便快速的开发能快速上线产品，对于需求变更也有了更为快捷的处理方式。同时在后续开发中，可以快速添加新功能以及配合教务系统进行多功能开发。

2.2 功能需求分析

资讯类软件需要方便、快捷，因此在功能上要突出资讯功能，用户需要在打开小程序后马上了解到最新的实况资讯，要能收到学校的最新通知。同时在资讯内容上，要能对相关资讯进行保存收藏，以确保资讯的有效性，也方便今后查看核对。

本系统主要实现资讯浏览以及向用户发送消息，因此主要分为三个功能模块。具体介绍如下：

1）查询资讯信息。用户进入之后可以快速查看资讯列表，了解学校的最新动向。

2）查询系统消息。用户可以查看系统推送给自己的消息，了解学校教务的最新动态。

3）收藏资讯信息。用户可以选择对相应资讯进行收藏，方便下一次查看，同时收藏资讯有利于用户即时保存相应资讯。

2.3 性能需求分析

评价软件的质量除了看其是否满足用户的功能需求外，还应考量其性能指标，如任务的响应时间，系统的稳定性及安全性。系统性能的高低直接影响用户对软件的使用体验。对系统的性能评价主要看其占用运行平台的 CPU多少（越少越好），内存的占用率（越低越好）及用户请求的 响应时间（越短越好）等。对于微信小程序而言，主要参考值是小程序响应的时间，以及数据解析时间。本系统设计小程序的相应时间要求为2S以内。

另一方面，还要求本系统在退出后应及时释放资源（CPU，内存等），以提高其他软件的运行速度，节省手机电量。若不及時销毁必要进程，则可能会对手机操作系统的造成越来越大的负担，最终导致手机系统的崩溃。

2.4 硬件需求分析

本系统搭建服务器采用阿里云服务器，并申请域名绑定，用于小程序开发绑定。系统硬件配置如下：

1）PC端配置：2G运行内存，Windows Server2012 R2操作系统，系统硬盘64G，搭载MYSQL数据库，还需要Tomcat8.0服务器，服务器公网IP需要绑定域名。

2）移动端配置：因为采用的是微信小程序方式，因此对手机要求比较低，正常的Android手机或者IOS手机安装最新版微信即可。

3 系统设计

3.1 功能模块设计

功能模块包括浏览资讯列表，浏览信息列表，浏览资讯内容，浏览信息内容，浏览收藏列表，用户收藏几大功能。具体介绍如下：

1）浏览资讯列表：用户打开小程序后，提供给用户资讯所有资讯的总体列表，方便用户进一步选择，以及快速浏览。

2）浏览信息列表：用户选择信息选项卡后，将所有系统发送的消息进行打包并交给用户，方便用户查看及选择。

3）浏览资讯内容：当用户选择相应的资讯后，进行页面跳转，并根据资讯列表中用户选择的资讯进一步获取相应的资讯内容。

4）浏览消息内容：用户选择消息后，提供给用户查看具体的系统发送的通知消息。

5）浏览收藏列表：当用户在个人中心点击“收藏”按钮进入收藏页面时，根据用户的编号提供相应用户的历史收藏列表。

6）用户收藏：当用户在浏览资讯内容时，提供给用户选择对资讯进行收藏，用于用户下一次查看，以及保存相应资讯信息。

根据功能模块进一步分析设计，制作业务流程图连通功能模块。业务流程如图1所示：

3.2 数据库设计

本系统使用轻量级数据库MYSQL作为数据存储，使用Navicat进行数据管理。

3.3 微信小程序设计

首先需要在微信公众平台注册登录账号获取APPID，然后配置项目APPID。

在微信开发者工具中对WXML页面文件、WXSS样式文件、wx.json配置文件及wx.js逻辑文件分别进行设计和编程，从而确定页面布局和页面逻辑处理，并解析JSON数组以确保程序的连通性。对页面设计采用RPX技术，可快速适配于不同机型屏幕大小。

此外通过调用wx.request方法向服务器发送请求，并传出请求参数，然后将接口返回数据使用SetData处理为小程序数据，并在页面使用{{item.id}}的形式进行调用。其中的JSON数组会自动进行排序，无需进一步处理。

上述处理所涉及的接口如下：

1）获取资讯列表接口。本接口主要处理请求资讯列表数据，并对其进行数据解析。通过向服务器发送请求参数id，获取相应的资讯数据。当id为空时，返回所有资讯数据。

2）获取资讯列表接口。本接口主要处理请求消息列表数据，以及获取消息内容，对消息进行处理解析。

3）获取资讯内容接口。本接口主要处理请求资讯内容数据，得到资讯的详细内容并对其进行解析。通过向服务器发送资讯id，获取相应资讯具体的资讯内容。

4）收藏接口。本接口处理收藏的相关请求，包括收藏与查看收藏列表。通过发送资讯id，与用户id绑定收藏信息。当资讯id为空时，返回相应用户的收藏资讯列表信息。

4 软件测试

系统使用阿里云性能测试PTS（Performance Testing Service）。有别于传统工具的繁复，PTS采用互联网化的交互、面向分布式和云化的设计，更适合当前的主流技术架构。无论是自研还是适配开源的功能，PTS都可以轻松模拟大量用户访问业务的场景，任务随时发起，免去搭建和维护成本。此外，PTS能紧密结合监控类产品提供一站式监控、定位等附加价值，高效检验和管理业务性能。

5 结束语

微信小程序在湖南文理学院芙蓉学院测试，运行情况稳定、使用效果良好。后续项目团队将在此基础上进一步结合实际使用完善软件功能，加强软件稳定性、可靠性、安全性方面的探讨，以推进软件向实用型方向发展，并进一步利用微信小程序的扩展性开发迭代加入新功能。

参考文献：

[1] 刘明洋. 微信小程序实战入门[M].2版. 北京： 人民邮电出版社， 2018.

[2] 邹镇安， 王兴柱， 朱志辉， 等. 基于Android平台的学社APP设计与开发[J]. 电脑知识与技术， 2018， 14（13）： 64-66.

[3] Baron Scbwarlz， Peter Zailsev， Vadim Tkacbenko. 高性能MySQL[M]. 北京： 电子工业出版社， 2013.

【通联编辑：谢媛媛】