实验室管理系统WX小程序的设计与实现

0 引言得益于国家在数字经济领域的持续投入，通信网络、高性能计算、大数据等技术的快速发展，微信快速成长为国民应用。

截至2020年第一季度，微信及WeChat 的合并月活跃帐户数达12.025亿。

在校园环境中，微信成为大部分师生的常用工具。

张小龙将小程序定义为：小程序是一个不需要下载安装就可使用的应用，它实现了应用触手可及的梦想，用户扫一扫或者搜一下即可打开应用,也体现了用完即走的理念，用户不用关心是否安装太多应用的问题，应用将无处不在，随时可用，但又无需安装卸。

微信小程序自上线以来已经运营超过200万的程序，全面开放申请后，企业、个体、政府、媒体等各个职能部门的开发者都可以在微信平台研发小程序。

小程序相较于传统 APP，节省了用户的手机内存和运行空间，也节省了用户在各类 APP 切换和进行复杂操作的时间。

疫情期间，北京健康宝、行程查询等小程序的普及使用，加深了人们对小程序的认识和认可。

小程序能够实现消息通知、线下扫码、公众号关联等七大功能，使得微信小程序在高校教育教学中应用也就成了必然。

对于开发者而言，进行小程序开发的难度比较低，通过微信开发者工具，按照操作手册就能实现基本的需求。

本文借助小程序普及应用的优势和简单开发的特点，以微信小程序为系统实现的载体，设计开发一款师生教学管理系统。

1 需求分析在大学的校园生活中，教学工作和学生管理是重要的两部分内容。

高职院校一般是30左右的班容量，学生的学习管理主要以班级为单位，对于进行多班教学的教师以及管理多个班级的班主任或者辅导员来说，工作比较繁琐。

尤其是高职学校的学生，由于主观能动性及纪律性相对较差，在教学工作和学生管理中需要下更大的功夫，给予他们更多的关注。

教学活动中，主要考察学生课程的到课情况、完成情况以及学习状态、学习效果等。

目前在实际的教学过程中，尤其是受到疫情的影响，线上教学和线下教学成为了常态。

职教云、超星学习平台、蓝墨云班课、阿拉校园等APP 应用广泛。

基于微信小程序搭建实验室安全检查平台作者：付晓宁任光辉赵云来源：《中国科技纵横》2019年第21期摘要：实验室安全是高校实验室管理的重点工作之一，基于传统的安全检查已经不能满足师生们的操作需要和实验室管理部门的管理需求。

借助微信小程序构建实验室安全检查平台，推行“四级四查”安全管理制度，加强安全宣传教育，构建实验室安全责任体系，利用互联网日新月异的优势不断创新管理模式，为实验室安全管理提供了更加实时性、真实性、便捷性的途径。

关键词：微信小程序;实验室安全管理;安全检查中图分类号：TP311.56 文献标识码：A 文章编号：1671-2064（2019）21-0026-020 引言实验室安全管理是高校实验室管理的重要内容，实验室安全直接影响到学校教学与科研工作的正常运转和师生员工的生命和财产安全。

[1]国内外高校对实验室安全均十分重视，制定了严格的实验室安全管理规定，如：每个实验室人员必须完成的每日安全检查日志工作，实验室安全准入测试，危化品平台监督等。

但是高校实验室安全事故却时有发生，比如，2015年12月18日，清华大学化学系实验室发生一起爆炸事故，起因是一名博士研究生在实验室内使用氢气做化学实验时发生爆炸，后被确认身亡。

2018年12月26日，北京交通大学东校区实验室爆炸，3名学生死亡。

原因是环境工程实验室进行垃圾渗滤液污水处理科研实验期间，实验现场发生了爆炸。

这些沉重的案例给实验室安全管理带来了深刻警示，实验安全重于泰山，必须坚定地狠抓安全问题。

常见实验室安全管理制度中，安全检查通常是实验室安全管理的基本内容，通过检查结果，可以反映实验室的安全状态，及时发现不安全行为，对实验员和实验室管理者有警醒和教育的意义。

1 目前实验室安全管理常见措施和存在的问题1.1 实验室安全管理常见措施第一，制定实验室安全管理制度。

目前实验室安全制度建设基本成熟，各高校建立了符合校情的安全管理规定，主要涉及实验室危险化学品的安全使用、设备操作和保管、实验废弃物的处理、实验室水电安全使用、实验室消防安全管理等方面。

微信小程序开发基础及实战随着互联网的发展，人们的生活离不开移动设备，而移动应用也越来越受到人们的欢迎。

微信小程序作为一种轻量级应用，无需下载和安装，通过微信扫一扫即可打开，因此成为了越来越多企业和个人选择的应用开发方式。

本文将从微信小程序的基础知识开始，介绍如何开发微信小程序，以及实战案例分析。

一、微信小程序基础知识1.1 微信小程序的概念与特点微信小程序，是一种应用开发平台，是基于微信公众号开发的一种轻量级应用，具有轻便，无需下载和安装，无缝衔接微信社交生态等特点。

微信小程序可以直接在微信中使用，无需下载安装，用户只需要扫描二维码或者搜索即可使用，微信小程序的目前常见分类有8种，应用的覆盖面最有限为硬件控制小程序，最广为地铁购票、城市服务等。

在微信中，微信小程序的使用场景包括企业办公、教育学习、公共服务、生活服务等等，可以说微信小程序的潜力还有待挖掘。

1.2 微信小程序的优势微信小程序开发的优势在于以下几点:1）无需下载和安装，方便快捷。

2）适用于多种场景，例如商业、教育、生活服务、公共服务等。

3）应用功能丰富，包括图文、音视频、地图等多种媒体类型，具有较好的应用体验。

4）不需要消耗手机存储空间，企业可以通过微信公众号的方式推广自己的小程序。

5）高效的开发成本，企业在小程序开发上可以减少大量的开发成本和时间，不需要针对多个不同系统进行开发。

二、微信小程序的开发流程在微信小程序中创建一个小程序的整体开发流程包括开发工具的安装，代码编写、测试调试、部署发布等多个步骤，由一个整体的流程组成。

具体流程如下：2.1 安装开发工具在微信小程序项目中，开发者需要安装微信小程序开发工具，该工具提供了小程序的创建、编译、调试、发布功能，操作简单快捷。

下载后，打开开发工具并登录到微信的开发者中心。

2.2 创建小程序开发者通过工具创建项目并添加相应的信息，如小程序的名称，logo，作者等等，创建成功后便可以看到小程序的具体设置信息。

微信小程序的设计与开发随着移动互联网的普及，越来越多的人开始关注微信小程序的设计与开发。

微信小程序被广泛应用于各个领域，如电商、新闻资讯、社交娱乐等。

在这篇文章中，我们将探讨微信小程序的设计原则与开发技巧，以帮助开发者和设计人员更好地实现微信小程序的目标。

一、微信小程序的设计原则1.简洁易用微信小程序的设计应当简约易用，让用户轻松找到所需的内容。

为了实现这一目标，设计人员应当遵守经典的设计原则：减少不必要的元素，提高信息的可读性。

同时，在各个层级上使用清晰的标题与文字，让用户快速了解所点击的内容。

另外，考虑到用户在使用微信小程序时通常都是在移动设备上进行，所以界面的设计应当遵循移动端的特点，优化页面响应速度并减少用户操作所需要的步骤。

在实现这一原则的过程中，设计人员需要结合用户习惯与心理特点，以提供更符合用户需求的功能。

2.设计响应式布局微信小程序应该能够兼容各种尺寸的终端设备，包括手机、平板等。

设计人员应当能够以最佳的方式适应设备尺寸，并在各种设备上提供良好的用户体验。

同时，设计人员应遵循移动端设计的规范，确保小程序能够完美地适应各个屏幕分辨率。

3.重视与用户的互动微信小程序作为一种新兴的应用模式，其用户体验对于吸引和留住用户具有至关重要的意义。

因此，在微信小程序的设计中，应该考虑如何与用户进行互动，提升用户的使用体验。

设计人员应该为用户提供各种交互方式，以便实现更好的用户体验。

4.减少干扰微信小程序的设计应该以用户的体验为主要参考标准。

因此，在设计过程中，应该避免给用户带来干扰的元素。

一个好的微信小程序设计不应该包含显眼、闪烁、或其他自我表达的元素。

二、微信小程序的开发技巧1.了解微信小程序的基本结构在开发微信小程序之前，我们需要了解其基本的结构。

微信小程序由两个主要组成部分：视图层和逻辑层，分别负责展示视图和处理交互逻辑。

在微信小程序中，视图层采用了WXML和WXSS结构，其中WXML结构类似XML，而WXSS类似于CSS，两者结合显示用户界面。

本科毕业设计（论文）基于小程序的图书管理系统的设计与实现Design and implementation of library managementsystem based on small program毕业设计（论文）原创性声明本人郑重声明：所呈交的毕业设计（论文），是本人在指导老师的指导下，独立进行的设计（研究）工作及取得的成果，论文中引用他人的文献、数据、图件、资料均已明确标注出，论文中的结论和结果为本人独立完成，不包含他人已经发表或撰写的作品及成果。

对本文的研究作出贡献的个人和集体，均已在论文中作了明确的说明。

本人完全意识到本声明的法律结果由本人承担。

毕业论文作者（签字）：签字日期：年月日成绩评定注：毕业设计（论文）成绩按百分制评定。

答辩成绩不及格的（评分低于60分的），则该毕业设计（论文）总评成绩为答辩成绩。

内容摘要本设计是基于微信平台，mysql数据库的图书管理系统小程序，主要供普通读者和管理员进行使用。

微信小程序在移动网络时代越来越受到人们的认可，其即扫即用的服务特性与图书馆系统移动服务，随时借阅的特点非常适合，基于微信小程序的产品特性构建图书馆微信小程序的服务模式能为用户提供全新的用户体验。

本设计界面做到简洁明了，操作简单易懂，系统使用方便，运行稳定。

有助于师生快捷操作该图书系统。

本文围绕系统部署的全过程，包括可行性分析，需求分析，概要设计，数据库设计等行文。

对用户和图书管理员的实际使用需求进行细致分析，最终结合微信小程序的特性进行系统设计，系统研发，系统测试，记叙了将图书馆“搬到”线上，进驻微信平台的实现过程，利用微信小程序为图书馆量身打造了一套移动式综合管理系统。

关键词：图书借阅微信数据库小程序AbstractThis design is based on wechat platform, MySQL database library management system applet, mainly for ordinary readers and administrators to use. Wechat applets are more and more recognized by people in the era of mobile network. The service characteristics of "scan and use" and library system mobile service and "borrow at any time" are very suitable. Building the service mode of Library wechat applets based on the product characteristics of wechat applets can provide users with a new user experience. The design interface is simple and clear, the operation is simple and easy to understand, the system is easy to use, and the operation is stable. It is helpful for teachers and students to operate the book system quickly.This paper focuses on the whole process of system deployment, including feasibility analysis, requirement analysis, outline design, database design and so on. This paper makes a detailed analysis of the actual needs of users and librarians, and finally combines the characteristics of wechat applet with system design, system research and development, system testing, and describes the realization process of "moving" the library to the online and entering the wechat platform, and uses wechat applet to build a set of mobile integrated management system for the library.Key words: Book Borrowingt WeChat database Wechat applet目录第一章绪论 (1)1.1 系统开发的背景、目的及意义 (1)1.2 系统在国内外发展的概况 (1)第二章本课题涉及的技术 (3)2.1 技术分析 (3)2.2 系统的技术介绍 (3)2.3 系统开发平台工具及运行环境 (5)第三章图书管理微信小程序的系统分析 (7)3.1 系统功能概况 (7)3.2 系统架构分析 (7)3.3 系统功能模块设计 (7)3.4 系统用例分析 (9)第四章图书管理微信小程序的系统设计 (7)4.1数据库设计 (14)4.2 前端模块设计 (18)4.3管理员模块设计 (22)第五章图书管理微信小程序的实现 (27)5.1 用户登录功能 (27)5.2 系统主界面的实现 (28)5.3 图书详情展示的实现 (29)5.4 图书搜索的实现 (30)5.5 图书分类功能实现 (32)5.9 图书分类管理功能实现 (43)第六章系统测试 (46)6.1 系统测试的目的 (46)6.2 测试的准则 (46)6.3 测试方法 (47)6.4 测试用例 (47)6.5 测试结论 (49)第七章结论 (50)参考文献............................. 错误!未定义书签。

微信小程序制作方案及流程从运营的角度讲制作，不是从程序的角度讲开发，所以简单明晰，通俗易懂。

（一）微信小程序背景作用微信小程序十分火热，传闻说是要和应用市场竞争，这不可能。

除非你替代IOS系统和安卓系统的手机，载体已经决定了性质。

其实，微信小程序功能，更多的是未了给用户提供更优质的服务。

微信试图在商业服务领域进一步开发社交平台的商业价值。

微信开放平台，接入了京东，滴滴打车，外卖等，这些平台本身已经拥有较大的影响力和价值，但却没有像淘宝那样，把线下的所有商家都尽可能的搬到移动端平台上。

这才是微信小程序的目的。

微信小程序其实很久以前就有，记得刚开始搜索附近人的时候，微信已经开通了门店功能，附近的优质门店就会展示出来，小程序，正是把这一功能单独提炼出来，把它做大做好。

微信公众号有很多功能，此前流行微信公众号开发，微官网，微店，微营销等，甚至，微信不能链接淘宝店，有的链接是移动官网，好像似乎都不尽人意。

其实，微信小程序，就是拿来供微信链接用的，进一步提升并解决微信开发，微店，微官网等没有做好的地方。

你可以试试做一个好的微信小程序，来推广你的业务或服务，以及一些有趣的应用。

这正是微信小程序的作用和目的。

（二）微信小程序制作从运营的角度讲制作，不是从程序的角度讲开发，所以简单明晰，通俗易懂，小白也能按照流程完成制作。

微信小程序制作流程1.确定好微信小程序的的定位和目的如行业，功能，内容，目标用户，目标市场，意向名单，专业作用等。

2.落实小程序的程序制作公司，或者团队若是外部团队，要签订合同，打款之前，到公司实地考察情况。

小程序制作的公司很多，并不是每家公司都会制作出你心仪的小程序。

这要考察，更要好好沟通。

3.确定好小程序制作文案资料包括设计需求，功能项目，表格表单，广告语言，模板栏目，按钮，跳转链接，运行逻辑，计算公式，展现手段等。

4.小程序设计方案，设计图片出炉交付美工设计，保持沟通，按照文案和沟通内容进行设计。

高校实验室信息管理系统的设计与实现作者：张琴来源：《中国信息化》2022年第12期近年来，随着信息技术的迅速发展，数字化校园已成为高校信息化建设发展的迫切需求，同时，现在的实验室管理工作日趋复杂，实验室的仪器设备、试剂耗材的科技含量高，结构复杂。

为了更好地集中统一管理，提高实验室资源使用率，这就要求提高实验室管理与开放效率，实现实验室智能信息化管理。

目前，市面上的管理系统存在很多弊端。

一方面，实验室信息无法有效共享，实践教学课程无法有效落实，无法统一安排管理；另一方面，实验员的实验室管理工作效率低，实验室资源使用率低，资源没有得到充分利用。

综上所述，一款适配性高、功能全面、高效易用的实验室管理软件是目前高校迫切需要的。

（一）Web前端开发技术项目利用web开发技术，研发出高校实验室信息管理系统。

一方面，系统运用了Adobe Photoshop CC软件设计网站所用到的各种图片，Adobe Photoshop CC平台是美工功能最强大的平台；另一方面，它也利用WebStorm软件作为前端编程与测试的工具，WebStorm是JetBrains公司旗下一款JavaScript 开发工具。

已经被广大中国JS开发者誉为"Web前端开发神器"。

项目采用性能稳定、安全、扩展性强的前端框架Vue ，搭配饿了么研发的ElementUI的前端技术框架，此外，还通过HTML技术、CSS技术、JAVASCRIPT技术，搭建了系统的前端。

（二）Web后端开发技术项目利用Springboot框架作为后端开发的主要框架，Spring Boot是由Pivotal团队提出的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。

该框架通过特定的方式来进行配置，从而使开发人员不再需要“定义样板化”的配置。

通过这种方式，Spring Boot 致力于成为在蓬勃发展的快速应用开发领域的领导者。

（三）MySQL数据库技术该项目中采用Mysql作为高校实验室信息管理系统的数据库，它用来保存相关的实验室数据。

第 40 卷第 2 期 2021 年 2 月Vol. 40 No. 2 Feb. 2021ISSN 1006 -7167CN 31 -1707/T宝參生科弦占摇虑RESEARCH AND EXPLORATION IN LABORATORY-实验室建设与科学管理-DOI ：10. 19927/j. cnki. syyt. 2021.02.052基于微信小程序实验室资源开放平台探索栗琳，温薇，孙朝阳(北京科技大学机械工程学院，北京'00083)摘 要：实验室的开放符合高校培养创新实践人才的需要，而传统实验室资源管理 模式不能满足当前学生对实践资源的获取需求。

为了能高效便捷地获得实验室共 享资源，对比分析了目前移动端开发技术优缺点，在微信被广泛使用的背景下，提出基于微信小程序的实验室资源共享模式，在小程序云开发技术基础上开发了实 验室开放平台。

该平台实现了实验课表、共享设备、实验室空间等基础模块的查询功能和实验课内容的共享，并且完成了共享资源的预约交互。

满足当前学生用户需求的同时提升了实验室资源管理效能，为实验室资源管理与开放的探索进行了 有益的实践。

关键词：微信小程序；共享资源；开放实验室中图分类号:G 642. 0 文献标志码:A文章编号：'006 -7167(2021 )02 -0248 -04Exploration on Open Platform of Laboratory Resources Based on WeChat Mini-programLI Lin , WEN Wei , SUN Chaoyang(School of Mechanical Engineering , University of Science and Technology Beijing , Beijing 100083, China )Abstract : Laboratory opening is required in the university education for the purpose of innovative personnel training.The traditional laboratory resource management cannot meet the requirement of student in acquiring lab information resource. In order to obtain shared resource conveniently and effectively , and under the background that WeChat is usedwidely by students , a new model of shared resources based on WeChat mini-program is developed after contrastiveanalyses of several kinds of mobile development techniques. An open platform of laboratory which is designed based on mini-program cloud can achieve basic query and reserve functions such as class schedule , sharing devices and labs as well as laboratory class information. The platform satisfied students observably , improved the efficiency of laboratorymanagement , and was also a useful practice on the continuous exploration of the open laboratory resources management.Key words ： WeChat mini-program ； shared resources ； open laboratory0引言实验教学是高校人才培养的重要环节;通过实验课程和项来学生理论知识得以强化，实践能力得到锻收稿日期：2020-04-25基金项目：中央高校基本科研业务费专项资金(FRF-DF-20-28) 作者简介:栗 琳('986 -、，女，北京人，博士，工程师，主要研究方向为机器视觉与模式识别。

微信小程序的开发流程及实践经验随着互联网的发展，移动端应用在我们的日常生活中扮演着越来越重要的角色，微信作为一款最受欢迎的社交工具，其生态系统已经涉及到支付、公众号、小程序等各个领域。

其中，微信小程序作为一种轻量级应用，逐渐受到了越来越多开发者的关注。

本文将介绍微信小程序的开发流程及实践经验。

一、开发前准备1.注册小程序账号在开始微信小程序的开发之前，我们需要先注册一个小程序的账号。

直接进入微信公众平台，注册时需提供相应材料和证件，完成实名认证之后，即可进入小程序的后台管理页面。

2.下载开发者工具微信小程序开发者工具是进行小程序开发所必须的工具，我们可以直接在官方下载页面中下载对应版本的工具。

开发者工具不仅提供了代码编辑功能、调试功能，还提供了模拟器以及调试工具，相当于是小程序开发的一条龙服务。

3.开发文档研究在进行微信小程序的开发前，我们还需要进行相关的学习和了解。

微信小程序提供了详细的开发文档，我们可以通过阅读该文档来深入了解开发小程序的流程和技能。

二、开发流程1.创建小程序登录微信小程序后台管理页面，选择创建小程序。

需要填写小程序名称、所属分类等基本信息。

需要注意的是，注册名称和小程序名称不能相同，所属分类需要选对应的类型。

2.配置开发环境完成小程序的创建之后，我们需要配置开发环境。

在开发者工具中，需要选择新建项目，然后填写小程序的appid和所属目录，其他配置也可按需设置。

3.编写代码开发者工具中自带代码编辑器，我们可以在其中直接编写代码。

微信小程序采用的是WXML+WXSS+JavaScript的编程模式，其中WXML和WXSS是微信小程序自己定义的标签和样式表，JavaScript则是实现交互和逻辑的核心语言。

4.调试测试完成代码的编写之后，我们需要进行调试测试。

开发者工具提供了模拟器和真机调试功能，可以方便地进行测试和调试。

在进行调试测试之后，可以将代码提交到小程序的后台管理页面进行审核和发布。

一、实验目的1. 熟悉小程序的开发环境和工具；2. 掌握小程序的基本开发流程；3. 提高编程能力和问题解决能力。

二、实验环境1. 操作系统：Windows 102. 开发工具：微信开发者工具3. 编程语言：JavaScript、WXML、WXSS4. 数据存储：云数据库三、实验内容1. 小程序概述2. 小程序开发流程3. 小程序界面设计4. 小程序功能实现5. 小程序调试与优化四、实验步骤1. 创建小程序项目（1）打开微信开发者工具，点击“新建项目”；（2）填写项目名称、项目目录、AppID等信息；（3）选择开发语言，点击“确定”创建项目。

2. 小程序界面设计（1）在项目目录下，找到pages文件夹，创建一个名为index的文件夹；（2）在index文件夹下，创建index.wxml和index.wxss文件；（3）编写WXML代码，设计小程序的页面布局；（4）编写WXSS代码，设置页面的样式。

3. 小程序功能实现（1）在pages文件夹下，创建一个名为index.js的文件；（2）编写JavaScript代码，实现页面的功能；（3）在index.js文件中，引入云数据库的API，实现数据的增删改查操作。

4. 小程序调试与优化（1）在微信开发者工具中，点击“运行”按钮，预览小程序效果；（2）根据预览效果，修改代码，调整页面布局和样式；（3）优化小程序性能，提高用户体验。

五、实验结果1. 成功创建了一个小程序项目；2. 完成了小程序界面设计，实现了基本的页面布局和样式；3. 实现了小程序功能，包括数据展示、增删改查等操作；4. 通过调试和优化，提高了小程序的性能和用户体验。

六、实验总结1. 通过本次实验，熟悉了小程序的开发环境和工具；2. 掌握了小程序的基本开发流程，包括界面设计、功能实现、调试与优化；3. 提高了编程能力和问题解决能力，为以后的小程序开发打下了基础。

七、实验拓展1. 学习小程序的更多组件和API，丰富小程序的功能；2. 研究小程序的性能优化方法，提高用户体验；3. 尝试开发更多类型的小程序，积累实践经验。