方言資源采錄與展示平臺的設計與實現

巫湘林 梁為瓊 刁禮智

摘 ?要：賀州地處三省交界處，自古以來是多民族聚居地，當地語言種類豐富多樣。賀州學院積極響應中國語言資源保護工程的號召，建設了賀州學院語言博物館方言資源采錄與展示平臺，以保護本地方言資源。平臺主要采用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 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"）

@ResponseBody

public 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/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—），男，漢族，湖南醴陵人，講師，碩士研究生，研究方向：計算機網絡、計算機教育。