《基于微信小程序的图书馆座位预约系统设计》由会员分享，可在线阅读，更多相关《基于微信小程序的图书馆座位预约系统设计（12页珍藏版）》请在金锄头文库上搜索。
1、 基于微信小程序的图书馆座位预约系统设计 李昊楠 刘雅莉摘 要：由于各大高校的扩招以及学生自主学习能力的提升，使得图书馆自习室座位求大于供，致使各高校图书馆占座现象严重，进而导致座位利用率不高。而高校对于图书馆占座严重的现象，依然还在使用人工清空占座物品的傳统方法，费时费力还不能解决根本问题。推出一种图书馆座位管理系统，基于微信小程序来完成查看空闲座位、提前预约、取消预约等功能，很好地解决了以上存在的问题。关键词：微信小程序;座位预约系统;图书馆：TP311.5;G250.7 ：A ：2096-4706（2020）06-0004-03Abstract：Due to the expansion
2、of enrollment and the improvement of studentsautonomous learning ability，the demand for seats in the self-study room of the library is greater than the supply，which leads to the serious phenomenon of occupation of seats in the library of each university，and then leads to the low utilization rate of
3、seats. However，the traditional method of clearing the occupied items manually is still used in colleges and universities，which is time-consuming and hard to solve the fundamental problem. This paper introduces a kind of Library seat management system，which is based on the WeChat applet to complete t
4、he functions of checking the free seats，booking in advance，canceling the reservation，and so on，which solves the above problems.Keywords：WeChat applet;seat reservation system;library0 引 言根据对于玉溪师范学院图书馆自习情况的调查研究后发现，近些年来由于本校扩大招生和图书馆面积无法扩建，因此图书馆座位就出现了一座难求的现象，特别是到考试前一个月。伴随着社会竞争的加剧，大量的同学为了各类考试，不断地奔向图书馆，提高自
5、己。但是，随着越来越多的同学去图书馆，就难以避免发生一系列问题，如座位占而不用，导致座位利用率变低，同时也引发了同学之间的矛盾，为此发生口舌，更有甚者与图书馆人员争论不休，使学习的场所变得乌烟瘴气。针对一系列事情，发现了学生占座的诸多原因，如学生的道德素质有待提高、图书馆有待规范、基础设施进一步提升等，针对解决图书馆座位资源的管理和利用率的问题，图书馆一直在着手努力解决。随着科技的大力发展，如今越来越多的管理倾向于软件管理。微信是腾讯公司推出的基于智能手机终端的即时通讯应用，使用者可以与好友进行一系列交流，比如文字、语音、图片的发送。根据小程序发展的历程来看，小程序在字面虽说是程序，但实则是比
6、现在任何应用程序更加方便快捷的一种新的应用组织形态1。微信作为当代智能手机上的必备软件之一，越来越容易融入人们的生活，而大学生是微信用户中最多的一个群体。微信小程序作为微信应用中的一部分，既可以体现即用即走的理念，也可以实现不常用程序免下载、节省空间的功能需求。相比传统APP，小程序具有操作方便快捷、运行快、开发维护成本低等特点2。微信小程序的开发，给予开发者一个实现各种各样功能的不一样的平台，将图书馆管理改变成微信管理，方便了学生使用，也方便了图书馆管理。1 微信小程序的设计与实现1.1 开发框架视图层（View）和逻辑层（APP Service）组成了本系统的微信小程序开发框架。而视图层的
7、作用是渲染页面，由WXML文件和WXSS文件构建：WXML搭建页面结构是一套标签语言，WXSS用来展现页面的样式。在逻辑层中基于JavaScript达到平台的交互、网络请求、数据处理的目的是处理视图层的各项事务。系统层（Native）的作用是逻辑层和视图层传递信息的媒介，当数据发生改变时，改变了的数据经过逻辑层的相应函数处理后通过系统层触发WXML的页面结构也就是视图层产生变化，发生页面更新3。微信小程序开发框架图4如图1所示，该项目基于微信小程序，使用JavaScript进行开发，基于vant-weapp轻量级移动端Vue组件库。Vue组件有着框架体积小、渲染能力强等的显著优势。在Vue组件
8、中具有更大优势的是其各部分独立且可重复使用的组件模块5。1.2 模块分析及界面设计1.2.1 模块设计注册登录模块：通过扫一扫或者搜索打开小程序后，新用户选择注册，填写相应的信息，并在注册后登录界面。密码找回模块：在注册登录模块中有填写密保问题的界面，若遗忘密码可通过密保问题找回密码。座位查询模块：用户可以通过移动设备快捷查询座位的实时使用情况，随时随地获取座位动态信息，实时更新数据满足用户需求，节约用户宝贵的时间。座位预约模块：用户通过手机移动终端在线实时预约空闲座位，预约座位成功以后，座位图案改变，方便用户进馆发现座位。取消预约模块：用户在预约后在未到达预约时间内可取消预约。用户反馈模块：
9、用户在使用过程中若发现有违反图书馆预约系统使用规则的同学，可以在小程序中进行反馈并举报。1.2.2 页面设计（1）起始及登录页面。首先，当用户通过搜索或者扫一扫打开小程序后显示出的第一个页面如图2所示，起始页面上共有两个按钮，一是登录，二是注册。如果是已经注册过的用户可直接选择登录按钮进行登录，如图3所示。另外在登录页面中的右下角设置了管理员登录，只有在数据库中保存过的管理员信息才能通过认证。（2）注册及找回密码页面。若是未注册的用户应选择注册按钮，进行信息填写，需要填写的信息有昵称、用户名、密码、邮箱账号、密保问题和答案，其中除昵称外的信息均必须填写。将必要的信息都填好后点击下方注册按钮，完
10、成则跳转到登录页面。此外，当用户忘记密码时，可通过注册时填写的密保问题和答案找回密码。（3）座位预定页面。本程序一共部署了四个自习室，分别为一楼、二楼、三楼、四楼自习室，如图4所示，在界面的顶端可以更改预定的起始时间和结束时间。点击自习室右下角的现在预订后就会显示图5的座位模拟图。每行有四个座位，每列有十个座位，共四十个座位。与此同时，我们也可以看到在页面的最下方有一个备注显示的是预订时间，这里设定的是一个弹出式备注框，有着提醒的作用。（4）预定完成页面。当用户选好预定的座位，即可完成预定。在此处应注意只可预定没有被预定的座位，座位被预定的图像和未被预定的图像有所不同，需注意观察。完成预定后，
11、为了避免忘记，用户可以再次登录小程序，在个人主页中找到我的预定，即可查询预定的相关信息。而取消预定这一功能的实现也是在我的预定中。（5）个人主页和反馈。在个人主页中的最上端可以编辑个人信息，也可以查询用户预定、历史记录和信息反馈。在信息反馈功能中，用户可以提出建议，或者举报违反自习室规范的不良用户。1.3 系统关键代码与技术（1）视图层关键代码。在小程序中视图层是指所有 .wxml文件和.wxss文件的集合。视图层将设计好的样式通过数据的形式传到逻辑层，数据的显示是通过组件完成的3。以首页页面代码设计为例：van-buttonplainsize=largetype=infobindtap=lo
12、gin_url登录orvan-buttonplainsize=largetype=warningbindtap=register_url注册为视图容器，是vue-vant组件库里的一个组件代表按钮的意思。此页面设置了两个按钮：登录和注册。（2）逻辑层代码。逻辑层的功能概括来讲就是处理事务逻辑的区域。相对应的首页页面代码如下所示：/index.js/获取应用实例const app = getApp（）Page（data： active： home，onChange（event） console.log（event.detail）;，login_url： function（）wx.navigate
13、To（url： ./login/login），register_url：function（）wx.navigateTo（url： ./register/register），onLoad： function （options） var that=this;wx.getUserInfo（success： function （res） console.log（get_user_info， res.userInfo.avatarUrl）;），）此代码中调用Page（）函数用来注册一个页面，接着又设置了两个函数点击可以链接到登录或注册页面。2 结 论基于微信小程序的图书馆选座系统有着方便快捷，操作容易，
14、节约资源的特点。本系统不仅提高了图书馆座位的利用率6，而且节省了用户寻找座位的时间，微信小程序的人性化设计，增强了系统的实用性。参考文献：1 王天泥.当图书馆遇上微信小程序 J.图书与情报，2016（6）：83-86.2 黎子达，邓清华.基于微信小程序的教室预约系统的设计与实现 J.电脑知识与技术，2019，15（13）：88-91.3 郭毅棋.基于微信小程序的高校新生预报到系统设计 J.厦门城市职业学院学报，2017，19（4）：10-14.4 熊普江，谢宇华.小程序，巧应用：微信小程序开发实战 M.北京：机械工业出社，2017.5 毛炎.基于Vue.js框架的Web方言地图的设计与开发 D.武汉：武汉大学，2018.6 于琦.高校图书馆智能化管理研究以河南財经政法大学图书馆座位预约系统为例 J.创新科技，2018，18（3）：93-96. -全文完-
