方言资源采录与展示平台的设计与实现.docx

    方言资源采录与展示平台的设计与实现    巫湘林 梁为琼 刁礼智摘  要：贺州地处三省交界处，自古以来是多民族聚居地，当地语言种类丰富多样贺州学院积极响应中国语言资源保护工程的号召，建设了贺州学院语言博物馆方言资源采录与展示平台，以保护本地方言资源平台主要采用Java语言和Spring Boot技术，结合MySQL数据库，实现了方言资源的存储和展示通过计算机技术来收集相关语言资料数据并进行展示，极大地方便了管理人员对方言资源的管理以及公众用户的浏览Key：方言资源;Java;Spring Boot;MySQL：H004;TP391.1      ：A ：2096-4706（2020）12-0105-05Abstract：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;MySQL0  引  言近年来，世界的语言种类在逐渐减少，中国的方言种类也在随着使用人数的减少而递减。

汉语方言研究与保护工作是一项持久且复杂的工作，虽然从现在来看没有多少直接利益，但从长远来看，语言资源将是无价之宝，保护语言资源意义非凡在广西政府制定了《广西壮族自治区非物质文化遗产保护条例》，其中包括非物质文化遗产代表性项目名录和非物质文化遗产的保护与合理利用等内容如何把现有的资源分门归类整理，形成能突显出地方各种方言语言特点与特色、社会容易接受的语言资源展示平台，显得非常迫切自从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标签展示新闻主要内容为方言文化的最新研究成果和语言博物馆的最新动态新闻列表由标题部分、正文和Summary部分、封面图部分三个部分组成新闻详情的实现方式为：从/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"）@ResponseBodypublic Map list（） throws ParseException {Map resulst=new HashMap<>（）;List mapAreaNames = mapArea NameService.selectAll（）;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"）@ResponseBodypublic Map  deleteByTrap（String ids）{Map result=new HashMap<>（）;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/mapLi。