方言资源采录与展示平台的设计与实现
2020-11-06巫湘林梁为琼刁礼智
巫湘林 梁为琼 刁礼智
摘 要：贺州地处三省交界处，自古以来是多民族聚居地，当地语言种类丰富多样。贺州学院积极响应中国语言资源保护工程的号召，建设了贺州学院语言博物馆方言资源采录与展示平台，以保护本地方言资源。平台主要采用Java语言和Spring Boot技术，结合MySQL数据库，实现了方言资源的存储和展示。通过计算机技术来收集相关语言资料数据并进行展示，极大地方便了管理人员对方言资源的管理以及公众用户的浏览。
关键词：方言资源;Java;Spring Boot;MySQL
中图分类号：H004;TP391.1 文献标识码：A 文章编号：2096-4706（2020）12-0105-05
Abstract：Hezhou is located at the junction of the three provinces. It has been a multi-ethnic settlement with a variety of languages since ancient times. Hezhou University actively responds to the call of China language protection project，construct the dialect resources collection and exhibition platform of Hezhou University language museum and protect the local dialect resources. The platform mainly uses Java language，Spring Boot technology，and MySQL database，so it realizes the storage and display of dialect resources. Collecting and displaying relevant language data with the computer technology which will greatly facilitate the management of dialect resources and public usersrowsing.
Keywords：dialect resources;Java;Spring Boot;MySQL
0 引 言
近年来，世界的语言种类在逐渐减少，中国的方言种类也在随着使用人数的减少而递减。汉语方言研究与保护工作是一项持久且复杂的工作，虽然从现在来看没有多少直接利益，但从长远来看，语言资源将是无价之宝，保护语言资源意义非凡。在广西政府制定了《广西壮族自治区非物质文化遗产保护条例》，其中包括非物质文化遗产代表性项目名录和非物质文化遗产的保护与合理利用等内容。如何把现有的资源分门归类整理，形成能突显出地方各种方言语言特点与特色、社会容易接受的语言资源展示平台，显得非常迫切。自从2015年启动中国语言资源保护工程以来，贺州学院语言博物馆积极参与，开展过不同规模的方言调查，并取得了不错的成果。根据贺州学院语言博物馆的总体规划，为了更好地全方位展示方言资料，也为了更好地保护方言，采用現代的计算机技术来实现方言资料的长久保存。数字化平台的接入将为方言资源的采录、管理、研究、展示重新注入活力。
贺州学院语言博物馆方言资源采录与展示平台利用互联网面向公众用户采集方言资源，将所采集到的方言资源通过网页形式进行展示。该平台主要由方言资源、方言地图、相关新闻等部分组成，能很好地将方言信息展示给群众观看，展现出中国方言独特的魅力，呼吁更多人传承优秀传统文化，致力于保护方言，促进文化多样性。
1 平台的设计与实现
1.1 平台架构设计
本文采用Spring Boot+MyBatis作为后端集成框架，前端展示使用Vue.js来实现展示，使用轻量级的MySQL数据库来存储数据，采用通过浏览器来访问页面内容的B/S结构。开发模式使用MVC模式，其将软件系统分为模型、视图、控制器三层来开发。使用前后端分离模式，即用JSON技术将后台数据封装成特定的格式，让前端通过Vue.js来接收数据并根据需要进行显示，这样使得逻辑思路清晰，也便于管理与应用。
1.2 系统需求分析
贺州学院语言博物馆方言资源采录与展示平台的主要功能是将现存的方言资源通过网页的形式展示给社会大众，让群众不受时间和地点的影响利用互联网浏览信息，同时方便那些想留下乡音的采录志愿者进行采录。平台由前台和后台两大模块组成。前台模块主要向公众用户展示各类信息浏览与乡音资源采录内容。后台模块主要是为了方便管理员对方言资源信息、方言地图信息、相关新闻信息等管理。
1.2.1 平台主要模块概述
（1）登录管理模块：为了后台管理系统安全性的考虑，采用MD5加密算法对管理员的密码进行加密。管理员需要填写正确的用户名和密码才能进入到后台管理界面进行管理，否则停留在登录界面，并得到错误提示信息。
（2）方言资源管理模块：主要是在后台对方言资源信息进行管理，方便管理员对其进行新增、查看、修改、删除的操作。
（3）方言地图管理模块：方言地图的实现原理是利用百度地图API获取地点经纬度，定位好坐标，然后在其位置上添加覆盖物并设置信息说明标签框，后台模块则管理这些坐标信息。
（4）相关新闻管理模块：管理员可在后台对新闻进行新增、查看、修改、删除的操作。公众用户仅可以访问指定的页面查看新闻的内容。新闻编辑平台通过融合百度编辑器UEditor以实现文字、图片、文件、视频、音频等内容形式，实现新闻内容的丰富化。
（5）乡音资源采录模块：为了方便采录志愿者而设立的一个功能模块，该采录界面在前台模块中，后台则通过方言资源管理模块对采录到的资源进行管理。
1.2.2 平台总体功能模型
采录与展示平台根据角色的不同，赋予其的权限也不同。公众用户只能执行浏览方言资源信息，观看方言地图、采录乡音和查看团队简介操作。后台管理員则可进入方言资源管理模块、相关新闻管理模块等进行管理。总体功能结构图如图1所示。
1.3 平台功能设计
为了保证数据库数据的安全性，本平台采用前后台分模块化开发，前台主要根据调用特定的API接收数据，负责数据的展示以及采录操作;后台则负责数据的管理及操作。平台详细功能设计模块图如图2所示。
1.4 功能实现
采录与展示平台使用IDEA作为开发工具，为了方便对数据库的操作，使用可视化工具SQLyog来操作数据库。该平台的前端模块采用Vue框架，界面可适应于PC端和手机端，方便广大群众的观看和操作。
1.4.1 方言资源分类展示模块
在展示平台首页的左侧栏采用多级菜单的方式为公众用户提供浏览界面，群众可根据特定的区域选择特定的方言种类，来查看对应方言的内容和多媒体资源。所有的方言种类与相关资料都是在后台进行增删与修改操作。前台在点击某一种具体方言后将展示当前方言的具体情况，包括方言名称、方言简介、谚语、歌谣、故事、禁忌、典藏，其中谚语、歌谣、故事、禁忌将以视频与音频的方式展示，典藏以PDF在线浏览方式展示。方言资源多级菜单栏如图3所示。
1.4.2 方言地图模块
本文设计的方言地图主界面，是在百度地图的基础上清除了多余的铁路网和标注点，采用自定义图标来标注特定位置的方言。左上角设定了地图放缩的地图控件，方便社会大众的浏览;右侧栏标明了每种方言的图标。该地图主要展示贺州市的村落方言分布，未来将展示更多地区的方言。方言地图如图4所示。
1.4.3 乡音采录模块
录音功能是系统的核心功能，团队结合Vue框架筛选使用的录音组件。该组件为多个事件提供了回调方法，如开始录音、完成录音等。通过向该组件传值的方式绑定上传文件的接口以及提供上传文件成功的回调函数，就可以实现文件的上传，并获取上传文件的URL链接，该链接作为表单的一部分与其他相关信息一起提交到服务器中。录音界面的中间为录音组件。当点击录音按钮后，该按钮变成红色，此时处于录音状态;再次点击该按钮就表示录音结束，最后输入姓名与方言名可进行存储。录音界面图如图5所示。
1.4.4 相关新闻模块
新闻由后台管理员手动发布并管理，前台通过由后台生成的API接收相关新闻的数据并通过HTML标签展示。新闻主要内容为方言文化的最新研究成果和语言博物馆的最新动态。新闻列表由标题部分、正文和摘要部分、封面图部分三个部分组成。新闻详情的实现方式为：从/news页面跳转到/new-detail页面，同时传递动态的ID到详情页面;进入到详情页面后，通过Vue Router获取到动态的ID，然后发送请求到服务器，获取该动态的完整信息。相关新闻如图6所示。
1.4.5 团队简介模块
此部分主要是对参与贺州学院语言博物馆建设的团队成员的个人相片、研究经历、个人论文与专著、获得奖项等的展示。
1.5 系统关键代码
方言地图功能部分关键后台代码：
public class MapAreaNameController {
private MapAreaNameService mapAreaNameService;
public void getbyId（Long id， Model model）{
MapAreaName mapAreaName=new MapAreaName （）;
if（id！=null）{
mapAreaName = mapAreaNameService.selectById （id）;
}
else{
mapAreaName=new MapAreaName（）;
}
model.addAttribute（"mapAreaName"，mapAreaName）;
}
//获取所有记录
@GetMapping（"/list"）
@ResponseBody
public Map
Map
List
resulst.put（"data"，mapAreaNames）;
return resulst;
}
//跳转列表
@GetMapping（"/mapList"）
private String mapLists（）{
return "map_area_list";
}
//跳转表单
@GetMapping（"/mapForm"）
private String mapform（）{
return "map_area_form";
}
//批量删除
@RequestMapping（"/deleteMapList"）
@ResponseBody
public Map
Map
long count = mapAreaNameService.deleteByList（ids）;
if（count>0）{
result.put（"msg"，"成功删除"+count+"记录！"）;
}else{
result.put（"msg"，"删除失败，请稍后再试！"）;
}
return result;
}
//单条删除
@GetMapping（"/deleteById"）
public String deleteById（long id）{
mapAreaNameService.deleteById（id）;
return "redirect：/map/area/mapList";
}
//根据id获取信息
@ResponseBody
@GetMapping（"/selectById"）
public MapAreaName selectById（long id）{
MapAreaName map=mapAreaNameService.selectById（id）;
return map;
}
//新增内容
@PostMapping（"/save"）
public String addContent（MapAreaName mapAreaName， Model model）{
if（mapAreaName.getId（）==null）{
int add = mapAreaNameService.insert（map AreaName）;
if（add！=0）{
model.addAttribute（"msg"，"新增内容成功！"）;
}else
{
model.addAttribute（"msg"，"新增内容失败！"）;
return "redirect：/map/area/mapForm";
}
}else{
mapAreaNameService.update（mapAreaName）;
}
return "redirect：/map/area/mapList";
}
}
1.6 功能测试与部署
测试主要由三个方面组成，一个是使用POSTMAN对接口进行测试，这些测试是为了确定接口所需要的字段、字段的类型、请求数据的格式，同时确定请求响应内容的格式、字段、字段的含义。除了确定正确请求的格式，还需要确定请求失败时的响应格式，以便在项目中判断请求的失败或成功。第二个方面是测试界面的显示，主要是测试每个界面能否获取到数据、数据有没有正确地显示、显示的样式是否符合预期，另外还有页面之间的跳转是否正常、页面之间的数据传递是否正常。最后测试录音功能是否正常，检查是否可以录制用户的声音，检查录音完成后能否正常提交。
考虑到平台的安全性和稳定性，团队使用LINUX系统来部署项目，并通过Tomcat对外提供服务，用户可根据指定IP地址来访问平台。
2 结 论
方言资源采录与展示平台使用Java Web技术实现了基于B/S模式的后台管理系统，为维护数据提供了一个良好的管理界面，同时也为前台展示提供了数据支持。顺应当今信息处理技术和多媒体的发展，该平台将方言资源有效地存储起来，同时也让更多人了解到方言是文化重要的载体和组成部分，是珍贵的非物质文化遗产和不可再生的宝贵资源，我们需要肩负起保护中国语言文化遗产的责任。
参考文献：
[1] 林佳庆，李涓子，张鹏.中国语言资源采录展示平台的关键技术及其应用 [J].语言文字应用，2019（4）：26-34.
[2] 杨璧菀，邓玉荣.贺州市的语言种类及地理分布 [J].贺州学院学报，2018，34（1）：51-60.
[3] 刘宗艳.语言资源富集地区语言博物馆建设的模式探索——以贺州学院语言博物馆为例 [J].贺州学院学报，2016，32（1）：70-72.
[4] 毛炎.基于Vue.js框架的Web方言地图的設计与开发 [D].武汉：武汉大学，2018.
作者简介：巫湘林（1984.09—），男，汉族，湖南醴陵人，讲师，硕士研究生，研究方向：计算机网络、计算机教育。
