一款在線藏文化博物館平臺的設計與實現

王 超，倪勝巧,2，普 尺

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

0 引言

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

1 平臺選用框架技術介紹

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

1.1 Spring Boot介紹

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

1.2 Vue介紹

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

2 平臺的設計與實現

2.1 平臺總體設計

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

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

圖1 平臺整體結構

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

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

圖2 用戶信息模塊

2.2 數據庫設計

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

表1 數據庫設計

2.3 重要技術模塊實現

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

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

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

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

3 結語

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