基于小程序的工程训练设备管理系统设计

基于小程序的工程训练设备管理系统设计

吴应桦

河南工程学院  工程训练中心

【摘要】伴随着微信小程序信息化网络技术的发展和进步，信息化和数字化已经深入到了社会的各个层面，其中小程序以其独特的优势异军突起遍地开花。高校中工程训练管理方面也需要相应的利用新技术有针对性的将仪器设备管理数字化这项工作开展下去，以更好的节约成本提高工作效率。

关键词：设备管理系统；小程序；工程训练

1.微信小程序

传统的信息管理系统，需要备案域名以及搭建服务器网络环境，不仅建设的周期长，开发难度大，而且在后期对数据库和服务器还需要进行定期维护，建设和后期维护还需要持续不断的投入人力和物力成本，给一些资源不太充足的高校带来了一定的负担。而使用微信小程序依托于微信平台，不需要购置硬件设备以及注册域名，开发人员和管理人员可以节约出来部分精力专注于管理环节，极大的节约了成本。

微信小程序（Wechat Mini Program）是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用，也是一项创新，经过将近几年的发展，已经构造了新的微信小程序开发环境和开发者生态。而这些基础的资源是有一定的免费空间可以使用，例如小程序本身免费提供2G的数据库空间和5G的文件存储空间，如果后期可以通过缴费或者加入高级会员的方式加大空间。而对于本身就以文字数据为主图片视频为辅的实训设备数据来说，免费提供的2G和5G的空间完全可以满足管理系统的需求。

在实际应用中小程序所需要的服务器环境以及各种服务都由于微信平台提供而无需学校投入，而开发者和应用者也只需要专注于逻辑业务具体事宜，无需在环境安全以及硬件方面投入过多的精力，极大的降低了开发和使用门槛并提高了使用效率。

2.管理系统设计思路

2.1管理系统的框架思路

本管理系统主要分两大功能模块，一个是用户功能模块，一个是设备功能模块，每个模块下设若干子模块功能，子模块功能在后期可以随着功能的增加保留接口逐步增删对功能进行进一步完善。

2.2管理系统的具体功能设计

（1）用户功能模块

用户主要分三类，系统管理员、教师、学生，见图1

图1

其中系统管理员权限为最高权限，教师和学生注册用户信息后，系统管理员可以对其他师生的账户信息进行查询、修改、注销以及密码重置等操作。教师和学生用户则可以对自己的个人信息进行修改和维护，个人信息一般则包括姓名、专业、手机号等，其中工号或者学号为数据库主键，不允许随意更改。

用户模块可以对设备进行操作。例如新购置的设备需要进行新增登记处理，报废损坏的设备则需要进行删除处理，新增登记和删除等对设备进行大范围变动的操作则只能由管理员来进行。教师和学生对设备使用进行申请或者预约，申请发出之后则由管理员进行审核，审核通过之后设备则变更为使用状态，而教师和学生只能够针对处于空闲状态下的设备进行申请使用。另外如果在使用过程中设备出现损坏等情况，教师和学生用户也可以将设备的状态更改为损坏或者待维修。

（2）设备功能模块

设备功能模块主要是设备的各种性能参数以及入库时间生产厂家等设备相关的必要数据，并且可以根据设备的类型不同以及后台空间的大小在其中填入图片或者使用指南等教学视频，以方便教师和学生对设备的使用。每次设备使用完毕之后，设备的状态就自动更改为空闲，另外使用者还需要对设备使用前和使用后的情况进行日志记录。

3.管理系统的实现

3.1小程序的架构原理

其框架主要采用 JavaScript、CSS 和 HTML，而在微信小程序中，HTML 被替换为了一种名为 WXML 的类似语言。小程序的架构原理可以更深入地理解为其采用了类似微前端架构的设计模式。

客户端：这是小程序的前端部分，包括用户交互的界面和业务逻辑的处理。这部分主要使用WXML、WXSS和JavaScript技术进行开发。其中，WXML和WXSS负责描述小程序的页面结构和样式，类似于HTML和CSS；JavaScript则是小程序的核心语言，用于实现小程序的业务逻辑和交互操作。

微信服务器：这是小程序的中间层，主要负责小程序的身份认证、访问控制、数据缓存和运行时环境管理。微信服务器还负责管理小程序的生命周期和状态，例如小程序的启动、暂停、恢复和销毁等。

开发者服务器：这是小程序的后台部分，负责处理小程序的业务逻辑和数据存储。开发者服务器可以由开发者自行搭建或使用第三方服务，它需要与微信服务器进行数据交互，以实现小程序的各项功能。

此外，小程序还支持自定义组件和插件，开发者可以将一些常用的功能封装为组件或插件，以提高开发效率和代码复用性。这些组件和插件可以在不同的项目中重复使用，降低了开发成本。

小程序的UI视图和逻辑处理都是用多个webview实现的。逻辑处理的JS代码全部加载到一个Webview里面，称之为AppService，而整个小程序只有一个AppService且它的生命周期常驻内存。所有的视图都是单独的Webview来承载，称之为AppView。

总的来说，小程序的架构原理体现了前端和后端的分离，以及逻辑和数据的分离，这种设计模式使得小程序具有更好的可维护性、可扩展性和可重用性。同时，微信服务器作为中间层，为小程序提供了丰富的功能和支持，使得开发者可以更加便捷地开发出具有复杂功能的小程序。

3.2小程序的逻辑层和视图层

具体来说，小程序框架包括两个主要部分：View视图层和App Service逻辑层。View层主要负责渲染页面结构，而App Service层则负责逻辑处理、数据请求以及接口调用。这两层在两个不同的进程中运行。

视图层与逻辑层通过系统层的JSBridge进行通信。逻辑层把数据变化通知到视图层，触发视图层页面更新，而视图层则把触发的事件通知到逻辑层进行业务处理。小程序架构原理中的逻辑层和视图层通过系统层的JSBridge进行通信。视图层与逻辑层通过JSBridge进行通信。JSBridge是一个由微信提供的系统级别的通信框架，用于实现小程序的前端页面与后端业务逻辑的交互。逻辑层通过JSBridge将数据变化通知到视图层，触发视图层的页面更新。同时，视图层通过JSBridge将触发的事件通知到逻辑层进行业务处理。

视图层与逻辑层之间的通信是双向的。这意味着逻辑层可以向视图层发送数据和指令，而视图层也可以向逻辑层发送事件和反馈。JSBridge是小程序架构原理中重要的组成部分，它实现了逻辑层和视图层之间的通信，使得小程序的前端页面和后端业务逻辑能够相互交互、协同工作。

3.2小程序的开发流程

下面是一个基本的微信小程序框架的实现步骤：

1.注册小程序：在微信公众平台上注册一个小程序账号，获取小程序的 AppID。

2.设置开发环境：下载并安装微信开发者工具，用 AppID 创建一个新项目。

3.理解小程序的结构：小程序主要包括三个部分：逻辑层（JavaScript），视图层（WXML 和 WXSS），配置（JSON）。JS：用于处理小程序逻辑，包括数据、事件处理等。WXML：用于描述小程序的布局结构，类似于 HTML。WXSS：用于描述样式，类似于 CSS。JSON：用于对小程序的全局配置。

4.编写代码：在对应的文件中编写代码，实现小程序的功能。例如，你可以在 app.js 文件中编写小程序的逻辑代码，在 app.json 文件中配置小程序的全局设置，在 app.wxss 文件中编写全局样式等。

5.预览和调试以及发布：在微信开发者工具中，你可以预览你的小程序，并对代码进行调试。完成开发和调试后，你可以提交审核，发布你的小程序。

以上是一个基本的微信小程序框架和实现步骤。实际开发中，还需要学习和掌握更多的微信小程序 API 和组件，以便实现更复杂的功能。

4.结语

工程训练领域采用小程序来实现设备管理系统可以初步呈现出以下优势：

提升管理效率：该设备管理系统可以实现数据集成和共享，降低数据采集和处理的成本。

优化知识传承：实施该设备管理系统后，日常管理过程产生的“知识”，“经验”进行很好的积累梳理。

增强规范管理：该设备管理系统将检测机构的工作流程进行梳理优化，明确岗位职责，规范管理体系、固化业务流程。将各流程环节优化确认后，根据环节功能设置对应的岗位职责，定岗定责，结合信息运行提供的数据支持。

强化资源整合：实施该设备管理系统后，可以将试剂耗材供应商信息进行有效管控，保障各类耗材数据的库存处于合理的范围内。

总的来说，该设备管理系统对于提高工程训练中心管理水平和效率具有重要的意义。

参考文献：

【1】陈珺，金星，罗勋鹤，等. 电子信息类实验室信息化建设及开放管理[J]. 实验技术与管理， 2018, 35(5): 239–242.

【2】张国华，徐建军，彭晓寒，等. 基于微信公众平台的琴房管理系统设计与实现[J]. 实验室研究与探索， 2017, 36(10):
257–261.

【3】牛勇超，姜周曙，黄国辉，等. 基于 JavaEE 的开放实验管理系统的设计与实现[J]. 实验技术与管理， 2017, 34(1): 153–
156, 193.