一款在線藏文化博物館平臺的設(shè)計與實現(xiàn)

王 超，倪勝巧,2，普 尺

（1.西藏大學(xué)信息科學(xué)技術(shù)學(xué)院，拉薩 850000；2.四川大學(xué)計算機學(xué)院，成都 610065）

0 引言

隨著藏民族地區(qū)經(jīng)濟和社會的發(fā)展，藏民族文化在圖書、報刊、電視等紙質(zhì)媒介和普通電子媒體上開始向外部傳播，但是民族文化流傳度僅局限于固定的區(qū)域。如此模式下的藏文化傳播，無論是傳播內(nèi)容或傳播形式都被主流媒體把控，受眾一直處于被動接受狀態(tài)，易導(dǎo)致外界對藏文化產(chǎn)生刻板的印象。迄今為止國內(nèi)外還不曾有系統(tǒng)、深入的對藏網(wǎng)絡(luò)文化的研究成果和著述，國內(nèi)藏文化網(wǎng)絡(luò)內(nèi)容重復(fù)，特色不夠鮮明。盡管各個藏文化網(wǎng)絡(luò)所開設(shè)的頻道欄目不一樣，內(nèi)容卻大致相同，相互之間缺乏差異性。而且在國內(nèi)的一些藏文化網(wǎng)站，內(nèi)容冗雜，多是線下博物館的線上產(chǎn)品，以展示藏品為主，沒有對藏文化做一個比較全面、統(tǒng)一的整理，對其進行保留、展示和宣傳，沒有文化內(nèi)涵，不能滿足大部分瀏覽用戶的需求。本文針對該現(xiàn)象設(shè)計實現(xiàn)了一款具有藏歷史、藏語言、藏服飾、藏戲藏舞等多個內(nèi)容模塊的藏文化博物館平臺，促進藏文化的保留、傳承和發(fā)揚。

1 平臺選用框架技術(shù)介紹

在平臺的前后端框架技術(shù)方面，后端開發(fā)選用了Spring Boot，主要為前端提供數(shù)據(jù)接口及服務(wù)器支撐;后臺管理和前端模塊選用Vue，實現(xiàn)了數(shù)據(jù)及頁面視圖的雙向綁定更新。

1.1 Spring Boot介紹

Spring Boot是由Pivotal團隊提供的開源后端框架，設(shè)計目的在于簡化新Spring應(yīng)用的初始搭建以及開發(fā)過程，提供了一種新的編程范式，可以更加快速、便捷地開發(fā)Spring項目，具有控制反轉(zhuǎn)和面向切面兩大核心，框架內(nèi)部能有效管理所有的對象創(chuàng)建，并維護著對象之間的依賴關(guān)系，是現(xiàn)在后端服務(wù)器應(yīng)用開發(fā)的主要框架。

1.2 Vue介紹

Vue是于2014年在Github上公開的一款用于創(chuàng)建用戶界面的漸進式Java Script框架，也是用于創(chuàng)建單頁應(yīng)用SPA的Web應(yīng)用框架?；贛VVM原理，使得Vue可以對頁面上需要使用的數(shù)據(jù)進行統(tǒng)一管理，并能夠很方便地獲取數(shù)據(jù)的更新，實現(xiàn)頁面視圖與數(shù)據(jù)模型的交互。

2 平臺的設(shè)計與實現(xiàn)

2.1 平臺總體設(shè)計

平臺通過SSM的設(shè)計模式和前后端分離的方式進行開發(fā)。對于前端，使用VUE框架將平臺各個功能模塊設(shè)計為一個個組件，這樣具有相同功能的模塊直接調(diào)用組件就可以起到相同的效果，減少了重復(fù)代碼，不但節(jié)約開發(fā)的時間成本，也有利于平臺內(nèi)容動態(tài)的實現(xiàn)。對于后端，使用Spring Boot做整合，并且在持久層結(jié)合使用Mybatis框架，實現(xiàn)對數(shù)據(jù)的存儲和訪問管理。

平臺的整體結(jié)構(gòu)如圖1所示，其中面向用戶的功能主要有通過文化百科了解藏族起源、藏醫(yī)、藏歷等相關(guān)歷史文化，認識學(xué)習(xí)藏語語言，了解藏族的特色服飾文化和傳統(tǒng)節(jié)日，欣賞藏族的藏戲、藏舞等；同時，用戶還可以對平臺內(nèi)容進行收藏，并提供日程安排和提醒功能。面向后臺管理員的主要功能有用戶權(quán)限管理以及通過可視化接口實現(xiàn)對平臺內(nèi)容的動態(tài)增刪、修改；還可以在用戶信息模塊通過餅圖、地圖、柱狀圖了解用戶的部分基本信息，以此來了解藏文化的受眾。

圖1 平臺整體結(jié)構(gòu)

用戶登錄后在當(dāng)天第一次進入平臺后，系統(tǒng)會為用戶進行還未完成日程的提醒。首頁上，提供當(dāng)前點擊率較高的平臺內(nèi)容并且提供藏族起源、藏歷、藏醫(yī)等的介紹。在文化欣賞模塊，用戶可以選擇進入自己當(dāng)前感興趣的欄目，學(xué)習(xí)藏語言、了解藏族服飾等，用戶對于自己喜歡的內(nèi)容可以進行收藏，以便于下次直接瀏覽。

管理員登錄后可以在管理模塊對已注冊用戶和平臺基本內(nèi)容進行增刪、修改操作；并且可以在用戶信息模塊借助一款基于Java-Script的百度開源可視化圖表庫Echarts生成的圖表，了解用戶基本信息，分析藏文化受眾，如圖2所示。

圖2 用戶信息模塊

2.2 數(shù)據(jù)庫設(shè)計

本平臺采用MySQL數(shù)據(jù)庫，為了保證數(shù)據(jù)庫設(shè)計的合理性和減少數(shù)據(jù)不必要的冗余，數(shù)據(jù)庫表結(jié)構(gòu)嚴格遵循數(shù)據(jù)庫表的三大范式，保證屬性的原子性、記錄的唯一性。平臺根據(jù)圖1的整體結(jié)構(gòu)設(shè)計數(shù)據(jù)庫各表，詳細信息見表1。

表1 數(shù)據(jù)庫設(shè)計

2.3 重要技術(shù)模塊實現(xiàn)

SM.MS圖床是一個在線圖片存儲平臺，支持的圖片格式包括JPG、JPEG、GIF、PNG及BMP，單檔不超過5 MB，單次最多可上傳10張圖片。本平臺將本地所有的圖片存儲到SM.MS中，通過將生成的在線地址存儲到數(shù)據(jù)庫，實現(xiàn)平臺加載圖片時為加載在線鏈接，減輕了平臺服務(wù)器的存儲壓力。

阿里云視頻點播服務(wù)（ApsaraVideo VoD，簡稱VOD）是集視頻采集、編輯、上傳、媒體資源管理、自動化轉(zhuǎn)碼處理、視頻審核分析、分發(fā)加速于一體的一站式音視頻點播解決方案。本平臺所有音頻通過該服務(wù)設(shè)置轉(zhuǎn)碼方案和工作流，上傳視頻生成音頻編碼保存到數(shù)據(jù)庫，通過在Spring Boot的pom文件中引入依賴com.aliyun.oss.aliyun-sdk-oss調(diào)用GetPlayInfoRequest和GetPlayInfoResponse接口獲取解密后的音頻地址。

CDN（Content Delivery Network，即內(nèi)容分發(fā)網(wǎng)絡(luò)）是構(gòu)建在現(xiàn)有網(wǎng)絡(luò)基礎(chǔ)之上的虛擬網(wǎng)絡(luò)，依靠部署在各地的服務(wù)器，通過中心平臺的負載均衡、內(nèi)容分發(fā)等功能模塊，使訪問的用戶就近獲取到自己所需要的內(nèi)容，降低網(wǎng)絡(luò)的擁堵，提高用戶訪問的響應(yīng)速度。本平臺通過借助阿里云上的CDN技術(shù)，將用戶訪問時服務(wù)器上存儲的平臺靜態(tài)內(nèi)容緩存到CDN節(jié)點上，當(dāng)用戶訪問靜態(tài)內(nèi)容時，就可以不直接通過訪問服務(wù)器，而是訪問就近的CDN節(jié)點。以這樣的方式達到用戶訪問平臺時加速內(nèi)容加載的效果，也減輕了服務(wù)器源站的壓力。

Axios支持Promise API，可以在客戶端支持防御XSRF攻擊、轉(zhuǎn)換前端請求的數(shù)據(jù)和后端響應(yīng)的數(shù)據(jù)等的特性。本平臺通過VUE掛載Axios，使用axios.defaults.baseURL綁定訪問根路徑，簡化了代碼和向客戶端發(fā)送請求和轉(zhuǎn)換數(shù)據(jù)的過程。

3 結(jié)語

本文主要論述了基于Spring Boot和VUE框架的一款藏文化博物館平臺的設(shè)計與實現(xiàn)，重點介紹了平臺架構(gòu)設(shè)計、數(shù)據(jù)庫設(shè)計等內(nèi)容。通過使用阿里云的視頻點播技術(shù)、SM.MS、CDN等方式來減小平臺存儲壓力、提升性能，達到了預(yù)期目標(biāo)。