基于微信小程序的圖書(shū)館座位預(yù)約系統(tǒng)設(shè)計(jì)

李昊楠 劉雅莉

摘? 要：由于各大高校的擴(kuò)招以及學(xué)生自主學(xué)習(xí)能力的提升，使得圖書(shū)館自習(xí)室座位求大于供，致使各高校圖書(shū)館占座現(xiàn)象嚴(yán)重，進(jìn)而導(dǎo)致座位利用率不高。而高校對(duì)于圖書(shū)館占座嚴(yán)重的現(xiàn)象，依然還在使用人工清空占座物品的傳統(tǒng)方法，費(fèi)時(shí)費(fèi)力還不能解決根本問(wèn)題。推出一種圖書(shū)館座位管理系統(tǒng)，基于微信小程序來(lái)完成查看空閑座位、提前預(yù)約、取消預(yù)約等功能，很好地解決了以上存在的問(wèn)題。

關(guān)鍵詞：微信小程序;座位預(yù)約系統(tǒng);圖書(shū)館

中圖分類(lèi)號(hào)：TP311.5;G250.7? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：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? 引? 言

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

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

1? 微信小程序的設(shè)計(jì)與實(shí)現(xiàn)

1.1? 開(kāi)發(fā)框架

視圖層（View）和邏輯層（APP Service）組成了本系統(tǒng)的微信小程序開(kāi)發(fā)框架。而視圖層的作用是渲染頁(yè)面，由WXML文件和WXSS文件構(gòu)建：WXML搭建頁(yè)面結(jié)構(gòu)是一套標(biāo)簽語(yǔ)言，WXSS用來(lái)展現(xiàn)頁(yè)面的樣式。在邏輯層中基于JavaScript達(dá)到平臺(tái)的交互、網(wǎng)絡(luò)請(qǐng)求、數(shù)據(jù)處理的目的是處理視圖層的各項(xiàng)事務(wù)。系統(tǒng)層（Native）的作用是邏輯層和視圖層傳遞信息的媒介，當(dāng)數(shù)據(jù)發(fā)生改變時(shí)，改變了的數(shù)據(jù)經(jīng)過(guò)邏輯層的相應(yīng)函數(shù)處理后通過(guò)系統(tǒng)層觸發(fā)WXML的頁(yè)面結(jié)構(gòu)也就是視圖層產(chǎn)生變化，發(fā)生頁(yè)面更新[3]。微信小程序開(kāi)發(fā)框架圖[4]如圖1所示，該項(xiàng)目基于微信小程序，使用JavaScript進(jìn)行開(kāi)發(fā)，基于vant-weapp輕量級(jí)移動(dòng)端Vue組件庫(kù)。Vue組件有著框架體積小、渲染能力強(qiáng)等的顯著優(yōu)勢(shì)。在Vue組件中具有更大優(yōu)勢(shì)的是其各部分獨(dú)立且可重復(fù)使用的組件模塊[5]。

1.2? 模塊分析及界面設(shè)計(jì)

1.2.1? 模塊設(shè)計(jì)

注冊(cè)登錄模塊：通過(guò)掃一掃或者搜索打開(kāi)小程序后，新用戶(hù)選擇注冊(cè)，填寫(xiě)相應(yīng)的信息，并在注冊(cè)后登錄界面。

密碼找回模塊：在注冊(cè)登錄模塊中有填寫(xiě)密保問(wèn)題的界面，若遺忘密碼可通過(guò)密保問(wèn)題找回密碼。

座位查詢(xún)模塊：用戶(hù)可以通過(guò)移動(dòng)設(shè)備快捷查詢(xún)座位的實(shí)時(shí)使用情況，隨時(shí)隨地獲取座位動(dòng)態(tài)信息，實(shí)時(shí)更新數(shù)據(jù)滿(mǎn)足用戶(hù)需求，節(jié)約用戶(hù)寶貴的時(shí)間。

座位預(yù)約模塊：用戶(hù)通過(guò)手機(jī)移動(dòng)終端在線實(shí)時(shí)預(yù)約空閑座位，預(yù)約座位成功以后，座位圖案改變，方便用戶(hù)進(jìn)館發(fā)現(xiàn)座位。

取消預(yù)約模塊：用戶(hù)在預(yù)約后在未到達(dá)預(yù)約時(shí)間內(nèi)可取消預(yù)約。

用戶(hù)反饋模塊：用戶(hù)在使用過(guò)程中若發(fā)現(xiàn)有違反圖書(shū)館預(yù)約系統(tǒng)使用規(guī)則的同學(xué)，可以在小程序中進(jìn)行反饋并舉報(bào)。

1.2.2? 頁(yè)面設(shè)計(jì)

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

（2）注冊(cè)及找回密碼頁(yè)面。若是未注冊(cè)的用戶(hù)應(yīng)選擇注冊(cè)按鈕，進(jìn)行信息填寫(xiě)，需要填寫(xiě)的信息有昵稱(chēng)、用戶(hù)名、密碼、郵箱賬號(hào)、密保問(wèn)題和答案，其中除昵稱(chēng)外的信息均必須填寫(xiě)。將必要的信息都填好后點(diǎn)擊下方注冊(cè)按鈕，完成則跳轉(zhuǎn)到登錄頁(yè)面。此外，當(dāng)用戶(hù)忘記密碼時(shí)，可通過(guò)注冊(cè)時(shí)填寫(xiě)的密保問(wèn)題和答案找回密碼。

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

（4）預(yù)定完成頁(yè)面。當(dāng)用戶(hù)選好預(yù)定的座位，即可完成預(yù)定。在此處應(yīng)注意只可預(yù)定沒(méi)有被預(yù)定的座位，座位被預(yù)定的圖像和未被預(yù)定的圖像有所不同，需注意觀察。完成預(yù)定后，為了避免忘記，用戶(hù)可以再次登錄小程序，在個(gè)人主頁(yè)中找到我的預(yù)定，即可查詢(xún)預(yù)定的相關(guān)信息。而取消預(yù)定這一功能的實(shí)現(xiàn)也是在我的預(yù)定中。

（5）個(gè)人主頁(yè)和反饋。在個(gè)人主頁(yè)中的最上端可以編輯個(gè)人信息，也可以查詢(xún)用戶(hù)預(yù)定、歷史記錄和信息反饋。在信息反饋功能中，用戶(hù)可以提出建議，或者舉報(bào)違反自習(xí)室規(guī)范的不良用戶(hù)。

1.3? 系統(tǒng)關(guān)鍵代碼與技術(shù)

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

plainsize="large"

type="info"

bindtap="login_url">登錄

or

plainsize="large"

type="warning"

bindtap="register_url">注冊(cè)

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

（2）邏輯層代碼。邏輯層的功能概括來(lái)講就是處理事務(wù)邏輯的區(qū)域。相對(duì)應(yīng)的首頁(yè)頁(yè)面代碼如下所示：

//index.js//獲取應(yīng)用實(shí)例

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）;

}

}）

}，

}）

此代碼中調(diào)用Page（）函數(shù)用來(lái)注冊(cè)一個(gè)頁(yè)面，接著又設(shè)置了兩個(gè)函數(shù)點(diǎn)擊可以鏈接到登錄或注冊(cè)頁(yè)面。

2? 結(jié)? 論

基于微信小程序的圖書(shū)館選座系統(tǒng)有著方便快捷，操作容易，節(jié)約資源的特點(diǎn)。本系統(tǒng)不僅提高了圖書(shū)館座位的利用率[6]，而且節(jié)省了用戶(hù)尋找座位的時(shí)間，微信小程序的人性化設(shè)計(jì)，增強(qiáng)了系統(tǒng)的實(shí)用性。

參考文獻(xiàn)：

[1] 王天泥.當(dāng)圖書(shū)館遇上微信小程序 [J].圖書(shū)與情報(bào)，2016（6）：83-86.

[2] 黎子達(dá)，鄧清華.基于微信小程序的教室預(yù)約系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) [J].電腦知識(shí)與技術(shù)，2019，15（13）：88-91.

[3] 郭毅棋.基于微信小程序的高校新生預(yù)報(bào)到系統(tǒng)設(shè)計(jì) [J].廈門(mén)城市職業(yè)學(xué)院學(xué)報(bào)，2017，19（4）：10-14.

[4] 熊普江，謝宇華.小程序，巧應(yīng)用：微信小程序開(kāi)發(fā)實(shí)戰(zhàn) [M].北京：機(jī)械工業(yè)出社，2017.

[5] 毛炎.基于Vue.js框架的Web方言地圖的設(shè)計(jì)與開(kāi)發(fā) [D].武漢：武漢大學(xué)，2018.

[6] 于琦.高校圖書(shū)館智能化管理研究——以河南財(cái)經(jīng)政法大學(xué)圖書(shū)館座位預(yù)約系統(tǒng)為例 [J].創(chuàng)新科技，2018，18（3）：93-96.

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