李昊楠 劉雅莉

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

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

中圖分類號：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? 引? 言

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

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

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

1.1? 開發(fā)框架

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

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

1.2.1? 模塊設(shè)計

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

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

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

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

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

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

1.2.2? 頁面設(shè)計

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

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

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

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

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

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

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

plainsize="large"

type="info"

bindtap="login_url">登錄

or

plainsize="large"

type="warning"

bindtap="register_url">注冊

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

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

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

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ù)用來注冊一個頁面，接著又設(shè)置了兩個函數(shù)點擊可以鏈接到登錄或注冊頁面。

2? 結(jié)? 論

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

參考文獻：

[1] 王天泥.當圖書館遇上微信小程序 [J].圖書與情報，2016（6）：83-86.

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

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

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

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

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

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