Oray上的小程序教学辅助平台设计与实现

2019-09-24廖海玲何明昌李梅杨宇豪张睿张盼

电脑知识与技术 2019年19期

廖海玲何明昌李梅杨宇豪张睿张盼

摘要：目前大多数高校的教学平台都是网站形式，也有一些提供手机APP以实现部分功能。随着微信的流行与便捷，师生们使用微信的比例越来越高。为此开发了一款基于微信小程序的教学辅助平台，并自建管理后台，开发语言使用PHP，采用MySQL构建数据库，结合Oray上的https域名发布。平台涵盖了课表查询、成绩查询、在线考试、视频教学、社区讨论，并独创课堂坐标位置考勤功能，同时满足了学生们碎片化学习的需求。

关键词：微信;小程序;辅助;坐标;考勤;Oray

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

文章编号：1009-3044（2019）19-0090-03

Abstract： At present， most of the teaching platforms in colleges and universities are in the form of websites， and some provide mobile apps to realize some functions. With the popularity and convenience of WeChat， more and more teachers and students use WeChat. For this purpose， a teaching assistant platform based on WeChat small program was developed， and a management background was built. development language used PHP， MySQL was used to build the database， and the HTTPS domain name on Oray was published. The platform covers course schedule query， score query， online examination， video teaching， community discussion， and the original classroom coordinate position attendance function， while meeting the needs of students in fragmented learning.

Key words： WeChat; Small program; Auxiliary; Coordinates; Attendance; Oray

1 引言

通過基于Android的APP教育平台模式开发出的教育平台，虽然可以定制完善功能，但其客户量、重复的登陆、退出、安装、卸载等，给用户带来的烦冗工作是非常麻烦的，手机的容量就是那么大，不可能无休止地安装手机APP，于是基于微信的手机应用越来越多，也越来越受用户喜爱。调查显示2018年微信活跃用户达到10.4亿人，巨大的市场资源是微信小程序蓬勃发展的主要因素，但是由于技术局限性，微信小程序使用起来也存在功能局限性，其主因还在于必须借助微信的管理，基于微信平台二次开发的应用程序显示出越来越明显的市场优势[1]，为此，使用微信小程序开发，拥有自己的管理后台是非常必要的。

2 技术结构

微信小程序的整体技术架构大概从以下几个方面来说：视图层和逻辑层分离，通过数据驱动，事件交互，不直接操作DOM;视图层负责渲染页面结构，逻辑层负责逻辑处理、数据请求、接口调用等。如图1所示：

3 技术实现

3.1 前端设计

微信小程序的前端设计最大特点就是代码逻辑清晰简单，微信小程序首先初始项目，要求把每个页面相关的js、wxss、wxml放在各自的文件中，使得结构清晰明朗，这种设计理念，使得微信小程序整齐划一，职责明确，减轻代码设计复杂度。在小程序设计中，主要的文件app.json作用是对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等，而入口文件app.js则注册一个小程序，接受一个 object 参数，通过其指定小程序的生命周期函数，通过全局方法getApp（）获取app实例，进而直接调用它的属性或方法。

平台基于小程序进行开发，主要开发语言是 JavaScript。小程序的开发与普通的网页开发相比有很大的相似性。网页开发渲染线程和脚本线程是互斥的，长时间的脚本运行可能会导致页面失去响应，而在小程序中，二者是分开的，分别运行在不同的线程中。网页开发者可以使用到各种浏览器暴露出来的 DOM API，进行 DOM 选中和操作，使系统易于维护，易于测试。

3.2 后台架构设计

适用于Web开发领域前后台用的开发语言有以下几种：java，Python，php，asp.net，c++，rubyon rails等。PHP是运行在服务器的脚本，在语法上吸收了C语言、Java的特点，利于学习，使用广泛，其特点是灵活，上手快，易修改，发布快捷，环境好部署，可以运行在UNIX、LINUX、WINDOWS、Mac OS、Android等平台。ThinkPHP是一个快速、兼容而且简单的轻量级国产PHP开发框架，使用面向对象的开发结构和MVC模式，融合了Struts的思想和TagLib（标签库）、ROR的ORM映射和ActiveRecord模式，提高了代码的重用率[3]，可以支持Windows/Unix/Linux等服务器环境，支持MySQL、PgQL、Sqlite多种数据库以及PDO扩展。作为一个整体开发解决方案，ThinkPHP能够解决应用开发中的大多数需要，其自身包含了底层架构、兼容处理、基类库、数据库访问层、模板引擎、缓存机制、插件机制、角色认证、表单处理等常用的组件，并且对于跨版本、跨平台和跨数据库移植都比较方便。

MySQL是一个小型关系型数据库管理系统，是开源的，目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低，开放源码，因此平台中我们采用MySQL进行数据处理。

4 系统需求分析

平台采用HTML5、java进行前端设计，用PHP+MYSQL数据库进行后台开发，平台力求给每个用户最贴心的学习服务，主要功能有信息查找、资料分享，视频学习，社区讨论、视频直播等，根据业务流程，系统内分三大板块：教师手机客户端、学生手机客户端和管理员后台。功能区有四个模块：分别为教学辅助模块，消息接收模块，社区讨论模块，个人中心模块，如图3所示：

5 系统实现

5.1 JSON数据交换格式

JSON（Java Script Object Notation）是一種轻量级的独立语言的文本数据交换格式，基于Java Script编程语言的一个子集，具备良好的读写性能，并且方便机器进行解析和生成[4]，这些特性使得JSON成为理想的数据交换语言，所以系统在手机客户端采用JSON数据交换格式。JSON作为数据的交换格式，在客户端和服务器端都要有对应的转换过程，如图4所示：

5.2 坐标位置考勤实现

教师登录系统后，向服务器发出学生考勤请求，系统接到指令，向学生发出登录指令，学生登录后，系统得到学生位置信息，系统根据学生位置信息，识别学生是否在指定位置，得出考勤结果，流程如图5所示：

5.3 动态网站服务器

因为设计的网站是动态的，相关的功能需要有大量的数据上传等，如果找一些付费的服务器的话，除了增加成本外，还要考虑一些运行成本以及网站维护等问题，而且在发布运行过程中随时都有可能要调试修改。基于上面的问题我们选择了花生壳Oray作为平台用的动态域名解析。

下载花生壳动态域名软件安装后，输入账号密码登录，设置内网穿透，绑定自己的IP提交，花生壳客户端会记录ADSL拨号后所分配的动态IP地址，然后返还给花生壳服务器端，并把IP地址写入用户在花生壳网站注册的域名记录里[5]，这样非常方便平台的调试与维护。

6 结束语

随着互联网的深入发展，教学辅助工具也应该与时俱进，平台通过强大的互联网技术，通过微信小程序，使用坐标定位考勤，极大提高了学生到课率平台还分享优秀的学习资料，开设课程直播、点播等功能，为师生们提供一个高质量、体验优的学习平台。

参考文献：

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

[2] 歉信君.浅谈微信小程序架构[EB/OL].https：//www.cnblogs.com/kenshinobiy/p/6724867.html.

[3] 孙武，陈涛，王凡，刘炳楠，刘春.基于ThinkPHP框架的学习共享资源平台的设计与实现[J].电脑迷，2018（5）：208.

[4] 王华志. 基于JSON的异构数据源数据交换技术研究[D].武汉：武汉理工大学，2015.