基于SSM+Vue的贛西儺資源數(shù)字化系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

楊章偉，肖異騏

（1.萍鄉(xiāng)學(xué)院，江西 萍鄉(xiāng) 337055；2.中國(guó)農(nóng)業(yè)大學(xué)，北京 100091）

0 引 言

贛西儺文化起源于本土農(nóng)耕文化，是中國(guó)儺文化中最重要的地域文化之一，也是我國(guó)非物質(zhì)文化遺產(chǎn)的重要組成部分。贛西儺文化資源主要分布于萍鄉(xiāng)市、萬(wàn)載縣等地，其中的儺舞、儺面和儺廟被譽(yù)為“儺文化三寶”，是研究我國(guó)古代文化的活化石[1]。隨著時(shí)代發(fā)展和歷史變遷，贛西儺文化不斷受到外來(lái)文化和現(xiàn)代文明的沖擊，這一燦爛的民族文化產(chǎn)生了適應(yīng)危機(jī)而瀕臨失傳，儺廟失修毀壞、儺面具丟失、儺舞失傳等問(wèn)題頻發(fā)，因此，對(duì)贛西儺資源的保護(hù)是當(dāng)前非物質(zhì)文化遺產(chǎn)研究的重要課題[2]。其中，對(duì)贛西儺資源數(shù)字化采集、處理已經(jīng)取得了一系列成果，是實(shí)現(xiàn)儺文化保護(hù)和傳承的發(fā)展趨勢(shì)之一。

1 技術(shù)路線

贛西儺資源數(shù)字化系統(tǒng)以地理標(biāo)識(shí)為主線，將贛西地區(qū)范圍內(nèi)所有儺文化資源串聯(lián)起來(lái)，借助互聯(lián)網(wǎng)和大數(shù)據(jù)相關(guān)技術(shù)，構(gòu)建立體化的贛西儺文化資源體系。系統(tǒng)以萍鄉(xiāng)行政區(qū)域地圖為藍(lán)本，在地圖上以儺面具、儺舞、儺廟三種資源為元素進(jìn)行地理標(biāo)識(shí)，同時(shí)為每個(gè)資源元素建立對(duì)應(yīng)的數(shù)據(jù)元組，由來(lái)自文獻(xiàn)資料和田野調(diào)查中獲取的文本、圖片、三維息影、音視頻等形式構(gòu)成。

贛西儺文化資源地理標(biāo)識(shí)作前端，是最終呈現(xiàn)在互聯(lián)網(wǎng)上的用戶界面，后端則由關(guān)系型數(shù)據(jù)庫(kù)提供支撐，數(shù)據(jù)元組根據(jù)資源類別由不同字段、不同形式的元數(shù)據(jù)組成，而對(duì)田野調(diào)研所搜集、整理和挖掘而來(lái)的資源進(jìn)行數(shù)字化則是基礎(chǔ)數(shù)據(jù)來(lái)源。針對(duì)不同的贛西儺資源類別，以文本、圖片、三維息影、音視頻為分類進(jìn)行數(shù)字化工作，為每個(gè)資源設(shè)計(jì)一個(gè)不同形式構(gòu)成的數(shù)據(jù)元組，以關(guān)系型數(shù)據(jù)庫(kù)實(shí)現(xiàn)數(shù)據(jù)存儲(chǔ)和檢索。

在實(shí)現(xiàn)過(guò)程中，贛西儺資源數(shù)字化系統(tǒng)基于B/S（瀏覽器/服務(wù)器）模式，終端用戶無(wú)須安裝客戶端，直接使用瀏覽器即可訪問(wèn)資源。系統(tǒng)后臺(tái)使用SSM 框架（Spring+Spring MVC+MyBatis）實(shí)現(xiàn)[3，4]，前臺(tái)頁(yè)面使用Vue 框架完成信息展示，采用MySQL 作為數(shù)據(jù)庫(kù)管理系統(tǒng)，實(shí)現(xiàn)分布式、可移植的儺資源數(shù)字化平臺(tái)。

2 系統(tǒng)分析與設(shè)計(jì)

贛西儺資源數(shù)字化系統(tǒng)通過(guò)田野調(diào)查采集資源，加工處理后建立資源數(shù)據(jù)庫(kù)，在互聯(lián)網(wǎng)上以“地理標(biāo)識(shí)+數(shù)字資源”的形式直觀地展現(xiàn)贛西形態(tài)各異的儺文化。基于此目的，系統(tǒng)的主要功能可分為前臺(tái)信息資源分類展示、數(shù)據(jù)庫(kù)安全設(shè)置和后臺(tái)數(shù)據(jù)庫(kù)平臺(tái)管理維護(hù)三個(gè)部分[5，6]。其中，后臺(tái)數(shù)據(jù)庫(kù)平臺(tái)管理維護(hù)可細(xì)分為資源錄入、資源維護(hù)和數(shù)據(jù)庫(kù)角色管理三個(gè)子模塊，如圖1 所示。

圖1 系統(tǒng)功能設(shè)計(jì)

前臺(tái)數(shù)據(jù)展示：主要將來(lái)自文獻(xiàn)資料和田野調(diào)查中獲取的儺面具、儺舞、儺廟等贛西儺資源以文本、圖片、三維息影、音視頻等形式在首頁(yè)或?qū)ｎ}欄目上予以展示，并允許用戶對(duì)資源進(jìn)行模糊檢索。

后臺(tái)數(shù)據(jù)庫(kù)管理：主要實(shí)現(xiàn)對(duì)贛西儺資源數(shù)字化處理，包括數(shù)據(jù)的上傳、撤銷和管理，對(duì)資源進(jìn)行分類和關(guān)鍵字匹配，對(duì)不同角色的用戶進(jìn)行權(quán)限和口令管理等功能。

3 數(shù)據(jù)庫(kù)設(shè)計(jì)

根據(jù)贛西儺資源數(shù)字化系統(tǒng)的功能需求，數(shù)據(jù)庫(kù)設(shè)計(jì)主要涉及儺資源、用戶、類別和角色四個(gè)實(shí)體，其中儺資源實(shí)體與用戶實(shí)體之間構(gòu)成多對(duì)多（N：M）的關(guān)聯(lián)關(guān)系，儺資源實(shí)體和類別實(shí)體之間構(gòu)成一對(duì)多（1：N）的關(guān)聯(lián)關(guān)系，用戶實(shí)體和角色實(shí)體之間構(gòu)成一對(duì)多（1：N）的關(guān)聯(lián)關(guān)系，系統(tǒng)E-R 關(guān)系如圖2 所示。

圖2 系統(tǒng)E-R 圖

根據(jù)如上實(shí)體聯(lián)系圖，采用MySQL 數(shù)據(jù)庫(kù)管理系統(tǒng)構(gòu)建基本表，涉及儺資源信息表、資源類別表、用戶表和角色表。儺資源信息表主要實(shí)現(xiàn)對(duì)贛西儺資源的描述，包括名稱、地理標(biāo)識(shí)、具體內(nèi)容、發(fā)布時(shí)間等字段，資源類別表主要用于確定資源屬于儺面具、儺研究、儺藝、儺俗、儺舞、儺廟中的何種分類。此外，用戶表通過(guò)roleId（角色I(xiàn)D）字段與角色表構(gòu)成關(guān)聯(lián)關(guān)系，資源信息表通過(guò)categoryId（類別ID）字段與資源類別表構(gòu)成關(guān)聯(lián)關(guān)系，資源信息表還通過(guò)userId（用戶ID）字段與用戶表構(gòu)成關(guān)聯(lián)關(guān)系。儺資源信息表如表1 所示。

表1 儺資源信息（t_resourceInfo）

titlePicUrl VarChar 120 標(biāo)題圖（路徑） —content Text—資源內(nèi)容—contentAbstract VarChar 300內(nèi)容摘要—keywords VarChar 100關(guān)鍵詞—categoryId Int 32資源類別ID外鍵userId Int 32發(fā)布用戶ID外鍵author VarChar 30作者（來(lái)源）—publishTime DataTime—發(fā)布時(shí)間—clicks Int 32瀏覽次數(shù)—publishStatus Char 1發(fā)布狀態(tài)‘1’：發(fā)布；‘2’：撤稿

（2）資源類別表如表2 所示。

表2 資源類別表（t_category）

（3）用戶表如表3 所示。

表3 用戶表（t_user）

（4）角色表如表4 所示。

表4 角色表（t_role）

4 系統(tǒng)實(shí)現(xiàn)

4.1 前端展示實(shí)現(xiàn)

贛西儺資源數(shù)字化系統(tǒng)針對(duì)的主要用戶是儺文化愛(ài)好者和研究者，因此前臺(tái)展示設(shè)計(jì)需體現(xiàn)儺文化特色，同時(shí)具有較好的可操作性和人機(jī)界面。因此，系統(tǒng)首頁(yè)采用T 型布局，首頁(yè)上方是菜單欄，下方左側(cè)是導(dǎo)航區(qū)，右側(cè)是內(nèi)容展示區(qū)?？紤]到技術(shù)的先進(jìn)性和系統(tǒng)安全性，前臺(tái)采用Vue 框架來(lái)實(shí)現(xiàn)。Vue 是專用于構(gòu)建用戶界面的漸進(jìn)式框架，能夠快速與第三方庫(kù)或既有項(xiàng)目進(jìn)行整合[7，8]。

在項(xiàng)目文件組織結(jié)構(gòu)中創(chuàng)建項(xiàng)目相關(guān)的目錄（包）及文件，如相關(guān)類和接口的包、Vue 文件對(duì)應(yīng)的文件夾、Vue 文件等，并引入項(xiàng)目開發(fā)需要的相關(guān)文件資源，如圖3 所示。

圖3 項(xiàng)目文件資源

以用戶登錄鮮明為例，在項(xiàng)目src/views/login 目錄下創(chuàng)建login.vue頁(yè)面文件。login.vue 主要實(shí)現(xiàn)了用戶登錄到后臺(tái)的功能，其關(guān)鍵實(shí)現(xiàn)代碼為：

4.2 后臺(tái)功能實(shí)現(xiàn)

贛西儺資源數(shù)字化系統(tǒng)后臺(tái)的主要功能模塊是儺資源和用戶的管理，也包含對(duì)儺資源的模糊檢索。在進(jìn)入管理后臺(tái)前，需要對(duì)用戶的角色和權(quán)限進(jìn)行驗(yàn)證登錄，為提高安全性，贛西儺資源數(shù)字化系統(tǒng)創(chuàng)建一個(gè)登錄攔截器防止未授權(quán)用戶繞過(guò)登錄界面進(jìn)入數(shù)據(jù)庫(kù)進(jìn)行操作。在src 目錄下創(chuàng)建一個(gè)com.ssm.interceptor 包，并在包中創(chuàng)建登錄攔截器類LoginInterceptor 來(lái)實(shí)現(xiàn)用戶登錄的攔截功能，主要實(shí)現(xiàn)代碼為：

在贛西儺資源數(shù)字化系統(tǒng)后臺(tái)的功能模塊中，儺資源的管理是最為關(guān)鍵的，主要實(shí)現(xiàn)資源的上傳、修改、注銷，主要針對(duì)MySQL 的數(shù)據(jù)庫(kù)基本表進(jìn)行操作，以下是SSM 框架下上傳資源的部分實(shí)現(xiàn)代碼。

以贛西儺廟漫游資源為例，前期通過(guò)對(duì)儺廟的建筑構(gòu)造進(jìn)行數(shù)字化解析，制作三維結(jié)構(gòu)的儺廟息影，在儺資源數(shù)字化系統(tǒng)后臺(tái)通過(guò)管理員將資源上傳后，用戶可以通過(guò)瀏覽器身臨其境的觀看儺廟構(gòu)造，如圖4 所示。

圖4 儺資源展示

5 結(jié) 論

基于SSM+Vue 的贛西儺資源數(shù)字化系統(tǒng)既具備典型的J2EE 三層結(jié)構(gòu)優(yōu)勢(shì)，又有效實(shí)現(xiàn)了系統(tǒng)前后端分離，具有可用性強(qiáng)、易于升級(jí)、安全性高的特點(diǎn)。通過(guò)實(shí)際運(yùn)行，后臺(tái)管理員能夠方便快捷的將采集處理后的文本、圖片、音視頻和三維動(dòng)畫等形式的儺資源上傳到系統(tǒng)中，實(shí)現(xiàn)贛西儺資源的數(shù)字化，為贛西地區(qū)的儺面具、儺舞、儺廟等資源的保護(hù)和展示提供了一個(gè)可視化共享平臺(tái)。