基于微信小程序的圖書館座位預約系統設計

李昊楠 劉雅莉

摘? 要：由于各大高校的擴招以及學生自主學習能力的提升，使得圖書館自習室座位求大于供，致使各高校圖書館占座現象嚴重，進而導致座位利用率不高。而高校對于圖書館占座嚴重的現象，依然還在使用人工清空占座物品的傳統方法，費時費力還不能解決根本問題。推出一種圖書館座位管理系統，基于微信小程序來完成查看空閑座位、提前預約、取消預約等功能，很好地解決了以上存在的問題。

關鍵詞：微信小程序;座位預約系統;圖書館

中圖分類號：TP311.5;G250.7? ? ? 文獻標識碼：A 文章編號：2096-4706（2020）06-0004-03

Abstract：Due to the expansion 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 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 the 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;library

0? 引? 言

根據對于玉溪師范學院圖書館自習情況的調查研究后發現，近些年來由于本校擴大招生和圖書館面積無法擴建，因此圖書館座位就出現了一座難求的現象，特別是到考試前一個月。伴隨著社會競爭的加劇，大量的同學為了各類考試，不斷地奔向圖書館，提高自己。但是，隨著越來越多的同學去圖書館，就難以避免發生一系列問題，如座位占而不用，導致座位利用率變低，同時也引發了同學之間的矛盾，為此發生口舌，更有甚者與圖書館人員爭論不休，使學習的場所變得烏煙瘴氣。針對一系列事情，發現了學生占座的諸多原因，如學生的道德素質有待提高、圖書館有待規范、基礎設施進一步提升等，針對解決圖書館座位資源的管理和利用率的問題，圖書館一直在著手努力解決。

隨著科技的大力發展，如今越來越多的管理傾向于軟件管理。微信是騰訊公司推出的基于智能手機終端的即時通訊應用，使用者可以與好友進行一系列交流，比如文字、語音、圖片的發送。根據小程序發展的歷程來看，小程序在字面雖說是程序，但實則是比現在任何應用程序更加方便快捷的一種新的應用組織形態[1]。微信作為當代智能手機上的必備軟件之一，越來越容易融入人們的生活，而大學生是微信用戶中最多的一個群體。微信小程序作為微信應用中的一部分，既可以體現即用即走的理念，也可以實現不常用程序免下載、節省空間的功能需求。相比傳統APP，小程序具有操作方便快捷、運行快、開發維護成本低等特點[2]。微信小程序的開發，給予開發者一個實現各種各樣功能的不一樣的平臺，將圖書館管理改變成微信管理，方便了學生使用，也方便了圖書館管理。

1? 微信小程序的設計與實現

1.1? 開發框架

視圖層（View）和邏輯層（APP Service）組成了本系統的微信小程序開發框架。而視圖層的作用是渲染頁面，由WXML文件和WXSS文件構建：WXML搭建頁面結構是一套標簽語言，WXSS用來展現頁面的樣式。在邏輯層中基于JavaScript達到平臺的交互、網絡請求、數據處理的目的是處理視圖層的各項事務。系統層（Native）的作用是邏輯層和視圖層傳遞信息的媒介，當數據發生改變時，改變了的數據經過邏輯層的相應函數處理后通過系統層觸發WXML的頁面結構也就是視圖層產生變化，發生頁面更新[3]。微信小程序開發框架圖[4]如圖1所示，該項目基于微信小程序，使用JavaScript進行開發，基于vant-weapp輕量級移動端Vue組件庫。Vue組件有著框架體積小、渲染能力強等的顯著優勢。在Vue組件中具有更大優勢的是其各部分獨立且可重復使用的組件模塊[5]。

1.2? 模塊分析及界面設計

1.2.1? 模塊設計

注冊登錄模塊：通過掃一掃或者搜索打開小程序后，新用戶選擇注冊，填寫相應的信息，并在注冊后登錄界面。

密碼找回模塊：在注冊登錄模塊中有填寫密保問題的界面，若遺忘密碼可通過密保問題找回密碼。

座位查詢模塊：用戶可以通過移動設備快捷查詢座位的實時使用情況，隨時隨地獲取座位動態信息，實時更新數據滿足用戶需求，節約用戶寶貴的時間。

座位預約模塊：用戶通過手機移動終端在線實時預約空閑座位，預約座位成功以后，座位圖案改變，方便用戶進館發現座位。

取消預約模塊：用戶在預約后在未到達預約時間內可取消預約。

用戶反饋模塊：用戶在使用過程中若發現有違反圖書館預約系統使用規則的同學，可以在小程序中進行反饋并舉報。

1.2.2? 頁面設計

（1）起始及登錄頁面。首先，當用戶通過搜索或者掃一掃打開小程序后顯示出的第一個頁面如圖2所示，起始頁面上共有兩個按鈕，一是登錄，二是注冊。如果是已經注冊過的用戶可直接選擇登錄按鈕進行登錄，如圖3所示。另外在登錄頁面中的右下角設置了管理員登錄，只有在數據庫中保存過的管理員信息才能通過認證。

（2）注冊及找回密碼頁面。若是未注冊的用戶應選擇注冊按鈕，進行信息填寫，需要填寫的信息有昵稱、用戶名、密碼、郵箱賬號、密保問題和答案，其中除昵稱外的信息均必須填寫。將必要的信息都填好后點擊下方注冊按鈕，完成則跳轉到登錄頁面。此外，當用戶忘記密碼時，可通過注冊時填寫的密保問題和答案找回密碼。

（3）座位預定頁面。本程序一共部署了四個自習室，分別為一樓、二樓、三樓、四樓自習室，如圖4所示，在界面的頂端可以更改預定的起始時間和結束時間。點擊自習室右下角的現在預訂后就會顯示圖5的座位模擬圖。每行有四個座位，每列有十個座位，共四十個座位。與此同時，我們也可以看到在頁面的最下方有一個備注顯示的是預訂時間，這里設定的是一個彈出式備注框，有著提醒的作用。

（4）預定完成頁面。當用戶選好預定的座位，即可完成預定。在此處應注意只可預定沒有被預定的座位，座位被預定的圖像和未被預定的圖像有所不同，需注意觀察。完成預定后，為了避免忘記，用戶可以再次登錄小程序，在個人主頁中找到我的預定，即可查詢預定的相關信息。而取消預定這一功能的實現也是在我的預定中。

（5）個人主頁和反饋。在個人主頁中的最上端可以編輯個人信息，也可以查詢用戶預定、歷史記錄和信息反饋。在信息反饋功能中，用戶可以提出建議，或者舉報違反自習室規范的不良用戶。

1.3? 系統關鍵代碼與技術

（1）視圖層關鍵代碼。在小程序中視圖層是指所有 .wxml文件和.wxss文件的集合。視圖層將設計好的樣式通過數據的形式傳到邏輯層，數據的顯示是通過組件完成的[3]。以首頁頁面代碼設計為例：

plainsize="large"

type="info"

bindtap="login_url">登錄

or

plainsize="large"

type="warning"

bindtap="register_url">注冊

為視圖容器，是vue-vant組件庫里的一個組件代表按鈕的意思。此頁面設置了兩個按鈕：登錄和注冊。

（2）邏輯層代碼。邏輯層的功能概括來講就是處理事務邏輯的區域。相對應的首頁頁面代碼如下所示：

//index.js//獲取應用實例

const app = getApp（）

Page（{

data： {

active： 'home'

}，

onChange（event） {

console.log（event.detail）;

}，

login_url： function（）{

wx.navigateTo（{

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? 結? 論

基于微信小程序的圖書館選座系統有著方便快捷，操作容易，節約資源的特點。本系統不僅提高了圖書館座位的利用率[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.

作者簡介：李昊楠（1997-），女，漢族，遼寧朝陽人，學士學位，研究方向：自動化控制;通訊作者：劉雅莉（1988.06-），女，漢族，云南昆明人，講師，碩士，研究方向：智能控制算法。