APP下载

辅导员助手微信小程序的开发与实现

2022-09-13白龙温王振兴

河北软件职业技术学院学报 2022年3期
关键词:后台页面程序

白龙温,贾 铭,王振兴

(1.天津机电职业技术学院,天津 300350;2.河北工业大学,天津 300401)

0 引言

学生日常事务管理、职业规划与就业创业指导、理论和实践研究是《普通高等学校辅导员队伍建设规定》中明确的辅导员主要职责,一个辅导员通常要面对150~200个学生,工作非常琐碎繁多。通过对一线辅导员调研分析,发现一些重复性咨询工作占比较高,比如涉及就业的三方协议、五险一金、简历制作,涉及日常事务的奖学金助学金、各类评优等[1]。主要原因是学生信息获取难、查找慢。目前校园网站多按照部门分类,信息分散度高,各个模块功能冗余,为了查询信息或使用某个功能需要进行诸多复杂操作,加之手机端适配性不好,学生容易忘记密码甚至网站域名,最终导致学生产生畏难情绪,不愿自己查找,依赖于“等靠要”,导致辅导员工作量增加。

在信息高速发展的时代,随着智能手机、5G以及便捷校园网络的普及,手机小程序的发展进入快车道,尤其是微信小程序发展更为迅速,2017年才正式上线,而2020年微信小程序的日活跃用户已经超4亿[2]。微信小程序秉持着用完即走的理念,具有无需安装、无需注册登录(点击授权即可)、入口便利(微信扫码或者搜索)、操作简单(手机端点击查看)、可运行平台较多等优点,可以有效解决上述学生获取信息不方便的问题[3]。

为此从学生和辅导员的实际需求出发,开发一款集成各类信息的学生自主服务微信小程序是非常有必要的。

1 系统总体设计

系统从总体架构角度分为微信小程序和后台管理系统两部分,两部分之间通过HTTPS协议通信,整体架构如图1所示[2,5]。

1.1 微信小程序

微信小程序包括视图层、逻辑层和系统层三部分。视图层使用自己的描述语言Wxml(微信标签语言,WeiXin Markup Language)、Wxss(微信样式表,WeiXin Style Sheets)开发,完成数据接收和渲染功能;逻辑层使用JavaScript进行开发,实现逻辑处理功能;系统层包括本地存储、网络调用等功能。微信官方提供了丰富的开发组件,大大提高了程序开发效率。使用微信官方提供的开发工具,可更方便地进行软件调测试、代码管理和真机模拟等,进一步降低了程序开发门槛和开发成本。

图1 总体架构设计图

小程序文件结构包含一个描述整体程序的app和多个描述各自页面的page,小程序主体部分由app.js、app.json、app.wxss三个文件组成。每一个小程序页面由js、wxml、json、wxss组成。

1.2 后台管理系统

后台管理系统主要使用PHP语言完成核心功能处理,数据库为MySQL,页面显示使用HTML、JavaScript和CSS语言,整个系统采用MVC模式进行设计,即将PHP逻辑代码与HTML代码分开,将数据库操作与业务逻辑分开,使用流行的ThinkPHP框架结构和Bootstrap前端UI框架。

系统整体部署到阿里云ECS服务器上,配置环境为LAMP(Linux+Apache+MySQL+PHP)。

2 系统功能设计

2.1 微信小程序设计

微信小程序是学生的应用端,整体设计力求简单快捷,根据学生需求分析和辅导员建议对功能进行了合理的分类,并设计了常用功能的快捷查询入口。学生登录后可完成信息搜索、查询、下载、上传等功能。微信小程序功能如图2所示。

图2 微信小程序功能

小程序首页如图3所示,页面顶部依次为快捷登录(登录成功则显示个人信息)和搜索框。页面上方为轮播图设计,自动循环播放学校的校园景观图以及校训,页面中间为用户功能模块入口,页面下方为常用功能模块快捷入口。底部的导航菜单分别跳转首页、用户功能分类界面以及我的用户界面。

图3 微信小程序首页

2.1.1 登录注册模块

用户进入小程序后,检查本地缓存的账号信息。如果已有账号信息会直接登录,否则提醒用户登录,并获取用户唯一的openid,来判断该用户是否已经注册绑定。

(1)未注册绑定用户,需输入学号、姓名申请注册绑定,经后台核实后绑定用户的openid完成注册,然后自动登录。

(2)已注册绑定用户,根据openid查询账号信息后自动登录,无需密码验证。

登录成功后本地将缓存用户账号信息,以便下次直接登录。未登录只能进行简单的浏览查询,小程序其他功能无法正常使用。

2.1.2 用户功能分类

用户功能主要有6个分类模块,分别为大三就业、学业成绩、疫情防控、作业提交、毕业离校、奖助贷。各个分类模块下有更详细的子菜单,如图4所示。

图4 用户功能分类模块

以大三就业分类模块为例,包括三方协议、顶岗实习、招聘网站、五险一金、简历制作等5个子菜单,左侧为分类模块目录,右侧主页面为各个子菜单信息。点击子菜单会进入到相应的详情页面,如图5所示。

在详情页面,用户可查看图片、视频,浏览文字,获取联系电话,下载或者上传文档等。为方便学生使用,联系电话为一键拨号,点击后自动调用手机拨号界面输入号码。点击“获取下载文档”图标,将显示所有相关文档列表,单击文档可进行下载。下载完成后的文档会显示在“下载到本地的文件列表”,可避免重复下载。上传图片、视频、文件后,后台会按照上传内容、学号、班级分类保存。

图5 大三就业分类模块与子菜单

2.1.3 其他模块

搜索模块:在首页上方的搜索框内输入关键字,可以快速查找所需信息,同时缓存搜索历史,极大地提高了查询效率。

快捷入口模块:在首页设置常用功能模块的快捷入口,方便学生快速查询。

班级信息模块:根据学生登录信息,接收班级重要通知和校内重大新闻事件,消息内容由后台辅导员编辑推送,该模块可让学生获悉更多学校新闻资讯。

意见反馈:为用户提供留言功能,意见建议以及查询不到的功能可告知管理员,便于管理员有针对性地回复。

2.2 后台管理系统介绍

2.2.1 功能设计

后台管理系统主要用于实现学生信息管理、辅导员权限设置、学生上传文件的查看、数据库配置、提供微信小程序API接口等功能。

管理员输入账号密码进入系统后台管理系统。后台管理系统主要包括三个页面,即起始页、辅导员权限管理、学生管理,如图6所示。

起始页页面汇总所有数据的简图,可查看并点击进入相应页面。在辅导员权限管理页面,超级管理员账户可管理辅导员权限,并进行增、改、删等操作。学生管理页面可管理学生信息,发布消息,查看留言,查看学生健康码、行程码、作业的上传详情,excel导入学生信息等[4]。

图6 后台管理系统页面

2.2.2 数据库设计

由于权限管理模块使用了RBAC权限模型(Role-Based Access Control),故设计了角色表、权限菜单表、权限表3个表,来实现不同角色下的权限和显示菜单的区别。班级消息列表用于推送班级消息。用户表用于管理学生信息,登录信息表用于管理学生的上传情况,如表1所示。

表1 登录信息表WX_Sign

3 结语

本文介绍了辅导员助手微信小程序,学生通过手机微信方便获取各类信息,解决了学生获取信息难的问题,针对当代辅导员工作的痛点,为辅导员提供了一个功能强大的信息平台,初步实现了辅导员管理工作的信息化和专门化,为其他校园小程序的开发提供了思路。

猜你喜欢

后台页面程序
刷新生活的页面
答案
让Word同时拥有横向页和纵向页
给Windows添加程序快速切换栏
试论我国未决羁押程序的立法完善
Wu Fenghua:Yueju Opera Artist
后台暗恋
“程序猿”的生活什么样
英国与欧盟正式启动“离婚”程序程序
互联网思维下的汽车服务连锁后台支撑系统