基于SSM+Vue的赣西傩资源数字化系统设计与实现

杨章伟，肖异骐

（1.萍乡学院，江西 萍乡 337055；2.中国农业大学，北京 100091）

0 引 言

赣西傩文化起源于本土农耕文化，是中国傩文化中最重要的地域文化之一，也是我国非物质文化遗产的重要组成部分。赣西傩文化资源主要分布于萍乡市、万载县等地，其中的傩舞、傩面和傩庙被誉为“傩文化三宝”，是研究我国古代文化的活化石[1]。随着时代发展和历史变迁，赣西傩文化不断受到外来文化和现代文明的冲击，这一灿烂的民族文化产生了适应危机而濒临失传，傩庙失修毁坏、傩面具丢失、傩舞失传等问题频发，因此，对赣西傩资源的保护是当前非物质文化遗产研究的重要课题[2]。其中，对赣西傩资源数字化采集、处理已经取得了一系列成果，是实现傩文化保护和传承的发展趋势之一。

1 技术路线

赣西傩资源数字化系统以地理标识为主线，将赣西地区范围内所有傩文化资源串联起来，借助互联网和大数据相关技术，构建立体化的赣西傩文化资源体系。系统以萍乡行政区域地图为蓝本，在地图上以傩面具、傩舞、傩庙三种资源为元素进行地理标识，同时为每个资源元素建立对应的数据元组，由来自文献资料和田野调查中获取的文本、图片、三维息影、音视频等形式构成。

赣西傩文化资源地理标识作前端，是最终呈现在互联网上的用户界面，后端则由关系型数据库提供支撑，数据元组根据资源类别由不同字段、不同形式的元数据组成，而对田野调研所搜集、整理和挖掘而来的资源进行数字化则是基础数据来源。针对不同的赣西傩资源类别，以文本、图片、三维息影、音视频为分类进行数字化工作，为每个资源设计一个不同形式构成的数据元组，以关系型数据库实现数据存储和检索。

在实现过程中，赣西傩资源数字化系统基于B/S（浏览器/服务器）模式，终端用户无须安装客户端，直接使用浏览器即可访问资源。系统后台使用SSM 框架（Spring+Spring MVC+MyBatis）实现[3，4]，前台页面使用Vue 框架完成信息展示，采用MySQL 作为数据库管理系统，实现分布式、可移植的傩资源数字化平台。

2 系统分析与设计

赣西傩资源数字化系统通过田野调查采集资源，加工处理后建立资源数据库，在互联网上以“地理标识+数字资源”的形式直观地展现赣西形态各异的傩文化。基于此目的，系统的主要功能可分为前台信息资源分类展示、数据库安全设置和后台数据库平台管理维护三个部分[5，6]。其中，后台数据库平台管理维护可细分为资源录入、资源维护和数据库角色管理三个子模块，如图1 所示。

图1 系统功能设计

前台数据展示：主要将来自文献资料和田野调查中获取的傩面具、傩舞、傩庙等赣西傩资源以文本、图片、三维息影、音视频等形式在首页或专题栏目上予以展示，并允许用户对资源进行模糊检索。

后台数据库管理：主要实现对赣西傩资源数字化处理，包括数据的上传、撤销和管理，对资源进行分类和关键字匹配，对不同角色的用户进行权限和口令管理等功能。

3 数据库设计

根据赣西傩资源数字化系统的功能需求，数据库设计主要涉及傩资源、用户、类别和角色四个实体，其中傩资源实体与用户实体之间构成多对多（N：M）的关联关系，傩资源实体和类别实体之间构成一对多（1：N）的关联关系，用户实体和角色实体之间构成一对多（1：N）的关联关系，系统E-R 关系如图2 所示。

图2 系统E-R 图

根据如上实体联系图，采用MySQL 数据库管理系统构建基本表，涉及傩资源信息表、资源类别表、用户表和角色表。傩资源信息表主要实现对赣西傩资源的描述，包括名称、地理标识、具体内容、发布时间等字段，资源类别表主要用于确定资源属于傩面具、傩研究、傩艺、傩俗、傩舞、傩庙中的何种分类。此外，用户表通过roleId（角色ID）字段与角色表构成关联关系，资源信息表通过categoryId（类别ID）字段与资源类别表构成关联关系，资源信息表还通过userId（用户ID）字段与用户表构成关联关系。傩资源信息表如表1 所示。

表1 傩资源信息（t_resourceInfo）

titlePicUrl VarChar 120 标题图（路径） —content Text—资源内容—contentAbstract VarChar 300内容摘要—keywords VarChar 100关键词—categoryId Int 32资源类别ID外键userId Int 32发布用户ID外键author VarChar 30作者（来源）—publishTime DataTime—发布时间—clicks Int 32浏览次数—publishStatus Char 1发布状态‘1’：发布；‘2’：撤稿

（2）资源类别表如表2 所示。

表2 资源类别表（t_category）

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

表3 用户表（t_user）

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

表4 角色表（t_role）

4 系统实现

4.1 前端展示实现

赣西傩资源数字化系统针对的主要用户是傩文化爱好者和研究者，因此前台展示设计需体现傩文化特色，同时具有较好的可操作性和人机界面。因此，系统首页采用T 型布局，首页上方是菜单栏，下方左侧是导航区，右侧是内容展示区。考虑到技术的先进性和系统安全性，前台采用Vue 框架来实现。Vue 是专用于构建用户界面的渐进式框架，能够快速与第三方库或既有项目进行整合[7，8]。

在项目文件组织结构中创建项目相关的目录（包）及文件，如相关类和接口的包、Vue 文件对应的文件夹、Vue 文件等，并引入项目开发需要的相关文件资源，如图3 所示。

图3 项目文件资源

以用户登录鲜明为例，在项目src/views/login 目录下创建login.vue页面文件。login.vue 主要实现了用户登录到后台的功能，其关键实现代码为：

4.2 后台功能实现

赣西傩资源数字化系统后台的主要功能模块是傩资源和用户的管理，也包含对傩资源的模糊检索。在进入管理后台前，需要对用户的角色和权限进行验证登录，为提高安全性，赣西傩资源数字化系统创建一个登录拦截器防止未授权用户绕过登录界面进入数据库进行操作。在src 目录下创建一个com.ssm.interceptor 包，并在包中创建登录拦截器类LoginInterceptor 来实现用户登录的拦截功能，主要实现代码为：

在赣西傩资源数字化系统后台的功能模块中，傩资源的管理是最为关键的，主要实现资源的上传、修改、注销，主要针对MySQL 的数据库基本表进行操作，以下是SSM 框架下上传资源的部分实现代码。

以赣西傩庙漫游资源为例，前期通过对傩庙的建筑构造进行数字化解析，制作三维结构的傩庙息影，在傩资源数字化系统后台通过管理员将资源上传后，用户可以通过浏览器身临其境的观看傩庙构造，如图4 所示。

图4 傩资源展示

5 结 论

基于SSM+Vue 的赣西傩资源数字化系统既具备典型的J2EE 三层结构优势，又有效实现了系统前后端分离，具有可用性强、易于升级、安全性高的特点。通过实际运行，后台管理员能够方便快捷的将采集处理后的文本、图片、音视频和三维动画等形式的傩资源上传到系统中，实现赣西傩资源的数字化，为赣西地区的傩面具、傩舞、傩庙等资源的保护和展示提供了一个可视化共享平台。