基于微信小程序的校友会系统的设计与实现

1需求分析

校友会平台的目标用户可分为毕业生与校方管理者两类角色。毕业生的主体需求在于阅读学校的各类信息,获取能够在出入学校时证明校友身份的校友卡,查看校友信息。因此毕业生使用本程序应具备的基本功能包括:注册校友卡,可展示校友卡证明身份;获取学校资讯,收藏校内新闻;查看校友录,查询及收藏校友名片。校方管理者的主体需求在于收集毕业学生的资料,能够发布学校信息,因此校方管理者具备的基本功能应包括:验证并保存校友卡注册信息;发布校内新闻并进行管理;管理毕业校友用户。

2系统架构

系统设计采用MVC(即模型-视图-控制器)模式,在设计时采用前后端分离的方式,前端通过调用微信小程序平台及后端提供的基于HTTPS的API接口进行数据交换。系统架构如图1所示,用户登录信息存储在Redis数据库,图片数据交由七牛云服务器进行存储,其余数据存储在Postgres数据库中。

图1系统架构

2.1微信小程序

前端使用微信小程序开发工具进行开发,其中主目录app.js 文件负责全局逻辑设计,app.json文件负责全局页面布局, app.wxss文件负责全局样式设置。各个具体页面均采用四文件形式,即js文件控制页面逻辑,json文件进行页面配置,wxml 文件布置页面结构,wxss文件设置页面样式。

2.2Rails-pangu框架

后端选择Rails-pangu框架进行开发,Rails-pangu是一个基于Design、JWT、Postgres、Redis和Rails技术开发的后台Rails API模板框架。系统的主要功能模块包括登录与主页模块、校友卡模块、新闻模块、校友录模块。

2.3数据库设计

为实现数据库实体数量及关系的简化,将校方管理员与毕业生并为用户角色,在前端实现管理员身份验证,数据库实体划分为用户表和新闻文章表,各表包含字段信息如下:

用户表:用户编号、姓名、手机号、学号、邮箱、科系、年级、头像、毕业证书、微信openid、校友卡认证状态、工作城市、工作种类、收藏新闻、已读文章、收藏名片、手机号可见、邮箱可见、城市可见、职类可见。

文章表:文章编号、标题、副标题、内容、预览图片、种类、发布时间、阅读量、收藏量。

3系统功能实现

3.1登录与主页模块

用户通过微信或扫描二维码首次打开微信小程序时可通过微信实现自动登录,后端rails-pangu框架中融合了直接使用JSON创建访问令牌的高效分布式解决方案JWT,能够更好地进行用户身份验证。系统用户登录流程如图2,微信小程序首次启动时将读取用户的wx_code参数,并将该参数传至后端通过JWT生成用户的专属token存储于Redis数据库中保存十日, token回传至前端后调用wx.setStorageSync穴雪接口将token保存至本地并跳转至主页面。用户再次打开小程序时将调用wx.getStorageSync穴雪接口获取本地token,获取成功后向Redis 数据库发起校验,Redis数据库中的token与本地token匹配时用户将保留登录状态,否则将调用wx.removeStorageSync穴雪接口删除本地token后重新进行登录操作。

微信小程序主页面展示系统的主要功能并提供快速跳转入口,页面逻辑如图3,主页在小程序登录成功后调用onLoad穴雪方

基于微信小程序的校友会系统的设计与实现

Alumni Association System Based on Wechat Mini Program 周家骎龚兰兰冯杰周谊成李嘉伟(苏州大学文正学院,江苏苏州215104)

摘要:随着互联网时代的发展,传统的网页或软件版的校友会系统存在注册安装复杂,用户留存率低的问题。微信小程序具备通过微信一键登录的优势,符合用户对使用方便、快捷的需求。该系统基于微信小程序与Rails-pangu框架开发,设计并实现了一款轻量级、功能全的校友会系统。

关键词:微信小程序;校友会系统;Rails-pangu;JWT

Abstract押With the development of Internet era熏traditional alumnus systems of Web or software form are faced with prob⁃lems of complicated sign-in or install operations and low user retention rate.Wechat mini program has the advantage of one-click login via Wechat and meets user's demand for convenience and rapidity well.The system designs and implements a light-weighted and all-round alumni association system based on Wechat mini program and Rails-pangu framework.

Keywords押wechat mini program熏alumni association

system熏Rails-pangu熏JWT

基于微信小程序的校友会系统的设计与实现

128

《工业控制计算机》2019年第32卷第11期

法对页面进行渲染,对于已注册校友卡的用户不再开放校友卡注册页面入口转而调用wx.showToast穴雪接口显示提示信息。页面静态图片与导航栏分别绑定wx.navigateTo穴雪与wx.switchTab穴雪接口实现页面间的跳转。

图3主页面逻辑

3.2校友卡模块

校友卡是校友用户使用本系统的主要功能之一,同时校友卡注册信息的收集是校方管理者的最主要需求。校友卡注册页面仅对未注册用户开放,校友卡页面渲染将随校友卡认证状态变化。校友卡认证状态存储于用户表中,用户进入主页面时js 文件中的onLoad穴雪方法将向服务器发起http 请求,通过传递当前用户的wx_openid 参数在后端数据库用户表中搜索用户并将匹配结果回传至前端app.js 中的全局变量self 中,获取self 变量中的status 字段即可获取校友卡注册状态。未注册用户可通过校友卡注册页面进行注册,注册信息提交时将头像及毕业证书图片上传至七牛云服务器并获得返回的字符串参数,随后发起http 请求将全部数据传送至后端对数据库用户表数据进行更新。

用户提交的注册认证信息将交由管理员进行认证,管理员身份的认证方式为在“我的页面”获取全局数据的self 变量中的wx_openid (微信公众平台用户的唯一id ,首次打开小程序时自动生成)字段并与预先设定的管理员的wx_openid 进行匹配,匹配成功则确认为管理员身份,此时页面中的验证用户入口可见,管理员验证后将验证结果传送至服务器并对用户表中的校园卡认证状态进行更新。认证成功的用户可在出入校园时扫描二维码或打开微信小程序展示通过认证的校友卡。3.3新闻模块

新闻模块是校方发布新闻,用户获取新闻的重要功能模块。新闻模块的功能实现如图4所示。新闻列表页面在首次渲染时将调用onLoad穴雪方法向服务器发起http 请求获取新闻列表,并在

请求成功后获得数据库中新闻文章表作为回传数据,通过wxml 文件对新闻文章进行页面布局显示。新闻列表页面提供搜索栏,用户输入参数进行搜索时向服务器发起http 请求在数据库文章表的标题字段中对输入参数进行模糊匹配检索,并将匹配结果回传至前端完成搜索结果显示。页面搜索栏下方含有新闻类别的筛选按钮,点击时将向服务器发起http 请求在数据库新闻文章表中进行种类的匹配,并将匹配结果回传完成筛选结果显示。

图4新闻模块功能实现

新闻页面展示新闻的标题、副标题、预览图及新闻内容。新闻内容的文字众多且可能包含数量不等的图片,无法通过wxml 和wxss 文件对其进行统一化格式处理,系统选择了在新闻文章发布时将新闻内容转化为html 格式后,利用富文本解析组件WxParse 将html 转换为微信小程序的可视化方案。发布新闻页面入口位于“我的页面”并仅对管理员可见。新闻页面提供收藏按钮,反选可取消收藏,点击将向服务器发起http 请求并将当前新闻编号与用户表中的新闻收藏数组进行查询匹配,若未查询到则加入数组,反之从数组中删除,用户可在“我的页面”中点击收藏按钮查看已收藏的新闻。系统的主页面及新闻列表页面如图5所示。

图5小程序主页面及新闻列表页面

3.4校友录模块

校友录模块是用户查看、搜索校友、保存校友名片的重要功能模块。校友录页面与名片夹页面共享同一页面路径,并根据不

(下转第160页

)

图2用户登录流程

129

(上接第129页)

同的入口参数配置页面渲染方案。名片夹页面默认展示收藏校友名片,校友录页面默认展示同班级校友名片并提供校友搜索栏,用户输入参数进行搜索时,向服务器发起http 请求在数据库用户表的姓名与班级字段中对输入参数进行匹配,并将匹配结果回传至前端完成搜索结果显示。在页面中点击任意校友名片可跳转至校友信息页面,校友信息页面展示校友的基本信息并提供收藏名片按钮,用户可在“我的页面”中编辑个人信息并设置其是否可见。4结束语

该系统后台目前正常运行,小程序已通过微信审核上线,各功能模块能够正常运转,并将在测试优化后正式在苏州大学文

正学院推行使用,今后将对该系统进行进一步完善。

参考文献

[1]程海峰.基于微信小程序的图片分享系统的设计与实现[J ].工业控制计算机,2019,32(2):97-98

[2]涂相华,薛锡雅,曾志平,等.“WECO 课堂”押基于微信小程序的师生交互系统[J ].现代教育技术熏2018,28(5):109-114[3]葛偲涵,刘毅,陈健.BLE 技术在智能公寓门锁微信小程序中的开发与实现[J ].工业控制计算机,2018,31(6):112-113,116[4]刘霖,李德帅,胡家麟,等.基于微信小程序的高校图书服务系统的设

计[J ].智能计算机与应用,2018,8(4):178-181

[收稿日期:2019.9.2]

当速率不变时,压辊的速度都时跟随机器速度变化的,改变其中一个压辊的速率,后面辊的速度也是跟随的。调试时只要根据面带的张力情况,分别调节好压面辊的速比,各压辊的速度就能很好跟随了,这样级联的速度控制,能够很好地快速调整面皮的张力平衡。当调试完毕,设定好所有的速度比例后,面带在压面辊上运行正常时,可以打开此功能,功能按钮位于生产画面。图10显示一个压辊张力自动调节的程序段。为了防止压辊由自动调节时速度可能低于压辊的最低转速,造成压辊堵转,需要将驱动变频器的最低频率设置在3~5Hz 左右。

图10张力控制部分程序段

2.1.5PLC 通讯设置

两个控制柜的PLC 需要进行数据交换,当主站的联机开关接通,主站或从站修改速度设定值,两个控制柜的速度值同步修改。从站设备故障,主站设备自动停止,从站可以启动无故障的主站设备。

PLC 通讯采用N押N 网络通讯,其中主站号D8176设为0,从站个数D8177设为1,模式D8178设为1,重试次数D8179设为3,监视时间D8180设为5ms 。2.2叠皮和冲皮工艺控制

满足工艺流程功能共需要19个输入点、18个输出点和4个模拟量输出点,设计需要预留20%的输入输出点数冗余,实际需要24点的输入,20点的输出。按客户要求选用三菱FX3U 系列PLC ,可选择FX3U-48MT+1块FX3U-4DA-ADP 组合。需要与上游的压面工艺控制PLC 通讯,选用FX3U-485-BD 通讯板。

冲皮输送机是由带减速机的伺服电机带动齿轮,齿轮驱动

水平齿条,平台安装在水平齿条正上方,电机转动,平台就顺着导轨水平运动。不考虑机械传动的间隙问题,控制伺服的脉冲数与冲皮输送机的行走距离成正比,即将实际的距离换算为脉冲数,就可以获得精确的位置值。增量型编码器不能做绝对位置测量,停电时,如果移动了机械位置,可能引起下次开机时,定位不准问题。为了避免这个问题出现,设置了让冲皮输送回到起始位置,并自动置为原点。从叠皮、冲皮的工作流程可以得出顺控程序如图11所示。3结束语

本文遵循PLC 控制系统的设计流程和原则,逐步展开对大型饺子皮自动生产线的工艺流程进行分析,将一个较复杂的工艺流程理清和细化到

能够容易编制程序的程度。按

照设计可靠、功能完善、操作便捷、经济实用的原则,设计了整套电气控制系统,对关键的技术和设计要点进行了说明。PLC 控制系统设计的可塑性强,相同系统可以采用不同的设计方案,本方案并非最优方案,其需要改进的地方还有很多,还需要在实际生产中不断完善。

参考文献

[1]梁耀光,余文烋.工业控制新技术教程[M ].广州:华南理工大学出版社,2015

[2]郭琼,姚晓宁.现场总线技术及其应用[M ].北京:机械工业出版社,2015[3]三菱电机.三菱FX3U 编程手册[K ],2012[4]三菱电机.三菱FX3U 通讯手册[K ],2006

[5]中达电通.台达DOP-B 系列人机界面使用手册[K ],2010

[6]倪远平.现代低压电器及其控制技术[M ].重庆:重庆大学出版社,

2013

[收稿日期:2019.9.16

]

图11叠皮冲皮顺控程序

饺子皮自动生产线PLC 控制系统设计

160