基于云开发的“中国近现代史纲要”微信公众平台设计与开发

余瑾　朱小曼　赵俊爱

摘要：微信公众平台受众广泛、使用便捷、操作灵活、特点突出、功能强大，是新兴的移动学习终端载体。结合新时代大学生的接受规律、认知特点和交流习惯，在“中国近现代史纲要”课引入微信公众平台辅助教学，选择微信公众号作为实现平台功能的载体，建设基于云开发的微信小程序，开发过程简化并且性能稳定，符合教育信息化的要求。该文从需求分析、总体设计、详细设计几个方面对“中国近现代史纲要”课微信公众平台的开发加以探讨，有效帮助师生用户通过线上与线下相结合的方式学习“纲要”课，具有非常重要的应用价值。

关键词：云开发;node.js;微信小程序;在线学习平台

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

文章编号：1009-3044（2021）12-0105-03

微信是天然的用户接口。只要登录微信，系统即可获取位置、时间，并且支持富媒体交互、图片、二维码、视频、音频、NFC等，做到随时随地交互，并能对接任何系统，信息传达效率高。微信公众平台具有轻前端，重后端的特性。轻前端带来良好用户体验，重后端更是保证这种体验的前提。微信云开发采用Serverless架构，免去了软件构建中烦琐的服务器搭建和运维，具有运行成本低、易于维护的特点。

1 需求分析

当前，部分高校在“中国近现代史纲要”教学中引入了“微信公众平台”辅助教学的做法比较普及，这些平台在教学过程中发挥了重要的作用。通过前期调研，在校大学生反馈在平台运行、版块设计、功能发挥尤其等方面需要进一步的挖掘，需要充分调动学生的学习兴趣和热情，要满足以下需求：发布和显示课堂作业，推送课堂笔记和征求课堂笔记，展示和传播课堂观感，提供互联网版本的课堂知识等。

系统用例图如图1所示。

2 总体设计

2.1 “中国近现代史纲要”小程序主要页面及功能

“中国近现代史纲要”小程序页面概要图如图2所示。

1）权限选择：要进入小程序，首先进入权限选择界面。小程序为学生和教师设置了不同的界面和功能。确定js文件中是否授权了该用户。如果授权成功，则获取昵称时可以直接调用getUserInfo，而无需从弹出框中弹出。如果授权不成功，跳至授权页面。

2）首页：选择身份授权后进入主页。主页分为两个模块。顶部是轮播图。轮播示意图使用swiper插件，该插件显示有关现代历史的图片;作业笔记模块显示作业和笔记，也可以用于输入出色的作业和笔记。

3）学习资料：学习资料页面展示了课件、课堂视频、课外资料等，点击更多即可进入详情页面，可供教师，同学参考学习，教师用户可进行学习资料的录入。

4）“我的”：“我的”页面分为两个模块：“我的”和更多功能。“我的”模块根据学生用户的权限分为教务管理通知，我的班级和考试安排。学生用户可以自己输入班级时间表以查看班级时间表，同时可以查看有关课程的通知以及老师发布的考试安排。 “我的”模块分为教师用户权限;学生名单，出勤记录，时间表查询和教务通知管理。教师可以创建班级以生成唯一的课程编号，查看已加入班级的学生的列表和信息，添加出勤记录以供出勤，输入課程以进行查看，向学生发送教育管理通知以及进行在线实践分析。

在教师和学生的授权下，更多功能模块具有QR码，分享程序，关于我们和其他功能的信息。可以从使用该程序的老师和同学那里收集反馈，以促进程序的迭代和改进。同时，用户可以通过QR码和共享小程序等功能自发地传播程序。

5）历史上的今天小程序：

使用百度百科的api接口，获取json数据。用列表展示获取到的数据并且通过Webview组件展示详情页。该程序能够根据当天日期展示历史上同日期的重大事件，在用户点击后还可以跳转到百度百科查看详情。由于百度百科的接口返回的数据中具有富文本数据，运用rich-text组件来展示富文本。定义列表数组初始值为空，解析请求成功的数据后进行动态绑定。循环加载每条text文本，并在每条文本的标题上绑定点击事件。当用户点击时，获取数据中的link内容，得到获取详情页内容的地址。使用wx.navigateTo方法跳转到详情页。详情页运用了Webview组件，将之前获取的地址填入src属性。使用date.getday和date.getmonth获取当前日期。由于获取api数据时需要双位数字，判断获取到的月和日是否小于十，进行补零操作。将处理好的时间信息填入url属性中，获取完整数据。

2.2 小程序云开发后台主要功能

系统后端微信小程序云开发，开发者不需要搭建服务器，可免鉴权直接使用平台提供的 API 进行业务开发。在开发过程中将文字或图片上传至云存储，通过Javascrip进行业务逻辑代码编写。在用户管理方面能够进行查看小程序用户信息，在数据库方面可查看、增加、更新、查找、删除数据、管理索引、管理数据库访问权限等。

3 详细设计

3.1 系统流程图（见图3）

3.2 具体功能图（见图4）

3.3 系统概要模式（见图5）

3.4 部分关键数据库设计

1）班级表class表结构（见表1）

2）学生表student表结构（见表2）

3）教师表teacher表结构（见表3）

4）作业表homework表结构（见表4）

5）资料表knowledge表结构（见表5）

4 结束语

“中国近现代史纲要”微信公众平台为学生学习提供有效的平台。该平台基于微信小程序和微信云开发技术，具有界面简洁、功能全面、易于实现、易于维护和迭代等特点，它可以使师生之间的互动更加高效，在后续开发过程中会重视用户体验，不断进行改进以满足用户的需求，并为大学生创造一个可用且便捷的平台。

参考文献：

[1] 林洁明.基于微信云开发的空管固定资产管理系统[J].新商务周刊，2019（16）：63.

[2] 邓斌权，李剑波，瞿先超.基于云开发和微信小程序的垃圾分类系统实现[J].电脑知识与技术，2020，16（7）：82-84.

[3] 王金龙，宋斌，丁锐.Node.js：一种新的Web应用构建技术[J].现代电子技术，2015，38（6）：70-73.

[4] 刘琦，丁萍莉.基于微信小程序的互联网+教育学习平台的研究与设计[J].内江科技，2016，37（12）：45-46.

[5] 叶展航，苏伟根.微信小程序在高校思政课的应用[J].教育信息技术，2017（5）：19-22.

【通联编辑：谢媛媛】