一款在线藏文化博物馆平台的设计与实现

王 超，倪胜巧,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应用框架。基于MVVM原理，使得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等方式来减小平台存储压力、提升性能，达到了预期目标。