1。系统分析和设计

1。要求分析

目前，在学校发布的各种信息都是通过网站启动的，但是随着越来越多的移动用户，需要直接扫描代码通过手机查询信息的需求变得越来越强。普通的老师，学生和员工希望通过迷你计划浏览和收集新闻，系统管理员可以通过迷你计划添加，删除，修改，查询，查询和其他管理工作。

2。整体系统体系结构

从技术角度来看，系统分为两个部分：微信小组的前端和云服务器。微信系是使用微信开发人员工具开发的。服务器端使用微信提供的云服务器和云数据库。可以在平板电脑和手机等移动设备上的平台上访问该程序。从用户的角度来看，该系统由2个微信Mini程序组成，共有1个云数据库，分别针对普通用户和系统管理员。普通用户主要浏览数据库，系统管理员可以执行维护操作，例如添加，删除，修改和检查数据库数据。

3。功能模块

该系统包括5个功能模块，即前往校园，校园新闻，杰出的校友，我和新闻管理。如图1所示。（1）进入校园。小程序的主页。介绍学校的历史和特征，并介绍学生的校园生活。 （2）校园新闻。旋转木马图片播放了最新的新闻图片，以列表的形式显示新闻。底部底部时，您可以在下一页上显示新闻列表。单击某些新闻以查看新闻的详细信息。如果您喜欢这个新闻，可以收集它。 （3）杰出的校友。向学校介绍学校的杰出校友及其故事。 （4）我的收藏。显示收集的新闻，可以显示新闻的详细信息。如果您不想收集它，则可以取消它。 （5）新闻管理。完成背景管理工作，例如添加，查询，删除和修改新闻。

4。数据库设计

使用提供的云数据库，云数据库是一个非关系数据库和文档数据库。建立了收集新闻，其中包含几个文档记录。每个文档具有相似的结构，包括文档ID（由系统自动生成），新闻发布日期字段，新闻内容字段，新闻图像地址字段和新闻标题字段，所有这些字段都是字符串类型。

2。系统实施

1。实现“进入校园”的实现

新闻网络的首页如图2所示。在底部是主页，校园新闻，杰出校友和我的入口。导航栏是通过在app.json文件中设置属性来设置的。主页使用视图，文本和其他组件来完成页面内容的显示。

2。实施“校园新闻”

校园新闻的页面如图3所示。上面是旋转木马的图片，显示了最近的新闻图片。以下是新闻清单。单击新闻输入详细信息页面。如果要收集新闻（尚未收集），则可以“单击以收集”（图4）。如果收集了新闻，则可以“取消”（图5）。 （1）新闻列表页面：首先从数据库中提取几个JSON格式文档记录，有关核心代码，请参见图9。将页面拉到底部时，继续提取文档并将其显示在WXML页面上。 （2）新闻详细信息页面：通过文档ID访问特定新闻页面。如果未收集页面，则“单击“收集”按钮将显示在页面底部。单击按钮使用WX。（）方法在本地保存新闻页面。如果收集了页面，则“取消喜欢”按钮将显示在页面底部。单击按钮使用WX。（）方法取消新闻页面。

3。实现“杰出校友”

杰出校友的页面使用视图，文本和其他组件来显示页面内容，并通过WXSS格式化组件内容。因为它涉及多个校友，所以使用数组和WX：for属性渲染视图组件。

4。“我的”实施

该接口如图6所示。使用WX。（）读取本地缓存信息，按顺序读取每个缓存信息，将缓存信息添加到数组中，然后按顺序显示在WXML页面上。通过文档的ID链接绑定TAP方法，然后跳到特定的新闻详细信息页面。

5。实施“新闻管理”

它主要包括添加新闻页面，浏览新闻页面，删除和新闻页面的修改。 （1）新闻页面的添加，接口如图7所示。在获得表单中每个输入框的值后，请使用图10中显示的代码完成添加。 （2）新闻页面的浏览类似于第3.2节中的功能。选择新闻后，输入详细信息页面。接口如图8所示。单击“删除”按钮，然后使用图11中显示的代码完成删除。单击“修改”按钮以输入类似于图7的接口。在表格中获得每个输入框的值后，请使用图12中显示的代码完成指定新闻页面的修改。

iii。结论

随着微信平台的广泛应用和移动设备的普及，本文设计了一般新闻发布和显示系统。该系统采用WXML，WXSS和其他开发技术，这些技术可以完成前端新闻页面的浏览以及后端新闻页面的管理。该系统具有轻巧的用户体验“ In Ins tose”和“无使用”。开发和维护的成本要低得多，从而改善了用户体验。将来，我们还可以考虑使用云功能来完成对云数据库的访问，以通过微型程序来浏览数据库访问的许多限制并提高访问效率。

参考：

[1]周·温吉（Zhou ）。微信迷你计划开发的实际实践[M]。北京：大学出版社，2020年：333-344。

[2] Ma Jing。基于微信小计划[J]的购物购物中心系统的设计和实施。微型计算机应用，2021，37（03）：31-34。

[3] Ma ，Mou 。基于微信小计划的学术事务平台助理的分析和设计[J]。计算机知识和技术，2021，17（08）：81-82。

[4] Lin 。基于微信小计划的实验室安全教育系统的研究[J]。吉林大学杂志（信息科学版），2021，39（02）：223-228。

[作者资料]中海汉古（2005.07-）（2005.07-），汉族国籍，上海，上海中学的一年级高中学生。