薛國(guó)鵬，李金忠，劉 宇，羅玉盤(pán)

基于Flask和Spring Boot框架的校園點(diǎn)歌平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)

薛國(guó)鵬1，*李金忠1，劉 宇1，羅玉盤(pán)2

(1. 井岡山大學(xué)電子與信息工程學(xué)院，江西，吉安 343009；2. 井岡山大學(xué)網(wǎng)絡(luò)信息中心，江西，吉安 343009)

當(dāng)前，市場(chǎng)上的點(diǎn)歌系統(tǒng)大部分都是針對(duì)KTV的點(diǎn)歌系統(tǒng)，較少針對(duì)校園點(diǎn)歌系統(tǒng)，而且實(shí)現(xiàn)技術(shù)多為PHP和C#等，在開(kāi)發(fā)難度、開(kāi)發(fā)效率和易維護(hù)性等方面具有一定的缺陷。本文采用新近的主流輕量級(jí)框架技術(shù)，包括Spring Boot框架、Flask框架、Vue和Element-ui前端框架，還采用了騰訊云的人臉識(shí)別接口和語(yǔ)音合成接口、富文本編輯和PDFKit等前沿技術(shù)以及MySQL等數(shù)據(jù)庫(kù)技術(shù)，開(kāi)發(fā)了一個(gè)基于B/S模式的校園點(diǎn)歌平臺(tái)。該平臺(tái)包括手機(jī)用戶(hù)端和電腦管理員端兩套系統(tǒng)，手機(jī)端可使用戶(hù)快速點(diǎn)歌和投稿，電腦端能夠方便地進(jìn)行用戶(hù)管理、點(diǎn)歌管理和稿件管理，并在稿件管理中，設(shè)計(jì)了一種基于敏感詞過(guò)濾技術(shù)的稿件審核算法以自動(dòng)過(guò)濾掉包含有敏感詞的稿件。本平臺(tái)操作簡(jiǎn)單、易于維護(hù)和易于擴(kuò)充功能，具有較高的可靠性和可擴(kuò)展性，可滿(mǎn)足大多數(shù)高校對(duì)于校園點(diǎn)歌的需求，充分地推動(dòng)校園文化的建設(shè)。

校園點(diǎn)歌平臺(tái)；Flask框架；Spring Boot框架；Vue框架；點(diǎn)歌管理；稿件管理

0 引言

校園廣播站是高校在推進(jìn)校園文化建設(shè)方面的重要機(jī)構(gòu)，而校園廣播站進(jìn)行校園文化宣傳時(shí)最重要的兩個(gè)大功能即為點(diǎn)歌和播稿。然而，目前在許多高校，校園點(diǎn)歌依舊采用傳統(tǒng)的點(diǎn)歌模式，通過(guò)社交工具進(jìn)行面對(duì)面點(diǎn)歌。此種方式不僅使得廣播站工作人員任務(wù)繁重，還會(huì)使得高校學(xué)生不方便點(diǎn)歌。在傳統(tǒng)的校園點(diǎn)歌模式下，高校學(xué)生進(jìn)行點(diǎn)歌和投稿的興趣普遍不高，高校廣播站對(duì)于校園文化的建設(shè)也著實(shí)有限，難以滿(mǎn)足現(xiàn)代高校校園文化建設(shè)的需求。

要實(shí)現(xiàn)校園廣播站擁抱時(shí)代的現(xiàn)代化、便捷化，其有效的方式是使用互聯(lián)網(wǎng)技術(shù)，提供一個(gè)更加便捷的校園點(diǎn)歌、投稿的平臺(tái)，使得高校的學(xué)生可以方便快捷地參與校園文化建設(shè)，并且通過(guò)平臺(tái)可以減輕廣播站工作人員的工作壓力。為此，本文采用Flask和Spring Boot框架技術(shù)，設(shè)計(jì)與實(shí)現(xiàn)了一個(gè)校園點(diǎn)歌平臺(tái)，開(kāi)發(fā)了基于B/S模式的手機(jī)用戶(hù)端和電腦管理員端的兩套系統(tǒng)，手機(jī)端實(shí)現(xiàn)了快捷地點(diǎn)歌和投稿等功能，電腦端實(shí)現(xiàn)了歌單管理和稿件管理等功能。本平臺(tái)功能豐富，可滿(mǎn)足大多數(shù)高校對(duì)于點(diǎn)歌和投稿的需求，可有效推動(dòng)高校校園文化的建設(shè)。

1 相關(guān)工作

目前，有較多的研究者采用不同的技術(shù)開(kāi)發(fā)了有關(guān)點(diǎn)歌平臺(tái)方面的系統(tǒng)。王琴[1]----使用SQL Server和C#技術(shù)設(shè)計(jì)了一種基于C/S模式的KTV點(diǎn)歌系統(tǒng)。豆利[2]以Delphi和SQL Server為開(kāi)發(fā)工具，利用ADD技術(shù)開(kāi)發(fā)KTV點(diǎn)歌管理系統(tǒng)。陳國(guó)鋒[3]采用PHP和MySQL的開(kāi)發(fā)方法，使用Dreamweaver對(duì)頁(yè)面進(jìn)行優(yōu)化，設(shè)計(jì)與實(shí)現(xiàn)了一套基于PHP的在線(xiàn)點(diǎn)歌系統(tǒng)。

當(dāng)前，市場(chǎng)上的點(diǎn)歌系統(tǒng)大部分都是針對(duì)KTV的點(diǎn)歌系統(tǒng)，較少針對(duì)校園點(diǎn)歌，而且實(shí)現(xiàn)技術(shù)多為PHP和C#等，在開(kāi)發(fā)難度、開(kāi)發(fā)效率和易維護(hù)性等方面具有一定的缺陷。不同于上述傳統(tǒng)的點(diǎn)歌系統(tǒng)，本文所設(shè)計(jì)的點(diǎn)歌系統(tǒng)是針對(duì)校園點(diǎn)歌的需求，采用新近的主流輕量級(jí)框架Flask和Spring Boot框架，開(kāi)發(fā)了基于B/S模式的手機(jī)端用戶(hù)web app和電腦端的管理系統(tǒng)。使用Flask和Spring Boot框架開(kāi)發(fā)本平臺(tái)具有一定的優(yōu)勢(shì)：(1)Flask和Spring Boot框架所秉承的理念為開(kāi)箱即用，相對(duì)于傳統(tǒng)的開(kāi)發(fā)框架開(kāi)發(fā)效率更高，開(kāi)發(fā)成本更低。(2)Flask和Spring Boot框架具有良好的復(fù)用性、維護(hù)性和擴(kuò)展性，便于開(kāi)發(fā)、維護(hù)和功能擴(kuò)展。目前Flask和Spring Boot框架也應(yīng)用于諸多web系統(tǒng)開(kāi)發(fā)，如物資管理系統(tǒng)[4]、成品油銷(xiāo)售系統(tǒng)[5]、房屋租賃系統(tǒng)[6]和電子招投標(biāo)系統(tǒng)[7]等。但據(jù)調(diào)研的情況來(lái)看，將Flask和Spring Boot框架用于開(kāi)發(fā)點(diǎn)歌平臺(tái)且針對(duì)解決校園點(diǎn)歌問(wèn)題的工作仍然較少。再者，本文所開(kāi)發(fā)的校園點(diǎn)歌平臺(tái)采用了騰訊云的人臉識(shí)別接口去實(shí)現(xiàn)用戶(hù)的登錄，并且采用了騰訊云的語(yǔ)音合成接口去模擬不同音色播放留言，從而實(shí)現(xiàn)一鍵自動(dòng)播放；還設(shè)計(jì)了一種基于敏感詞過(guò)濾技術(shù)的稿件審核算法以自動(dòng)過(guò)濾掉包含有敏感詞的稿件，該算法思想也可針對(duì)評(píng)論管理模塊去過(guò)濾掉包含有敏感詞的評(píng)論。這些優(yōu)勢(shì)在現(xiàn)有同類(lèi)軟件平臺(tái)中是不具備的。

2 開(kāi)發(fā)環(huán)境與技術(shù)介紹

本文所開(kāi)發(fā)的校園點(diǎn)歌平臺(tái)采用的數(shù)據(jù)庫(kù)服務(wù)器為MySQL 5.5，使用前后端分離的開(kāi)發(fā)模式，手機(jī)端在JDK8的開(kāi)發(fā)環(huán)境下，使用IntelliJ IDEA和HBuilderX作為開(kāi)發(fā)工具，Java編程語(yǔ)言實(shí)現(xiàn)；電腦端在Python 3.7的開(kāi)發(fā)環(huán)境下，使用開(kāi)發(fā)工具PyCharm和HBuilderX，Python編程語(yǔ)言實(shí)現(xiàn)。開(kāi)發(fā)本系統(tǒng)所使用的關(guān)鍵技術(shù)主要有Flask和Spring Boot框架技術(shù)，以及Vue和Element-ui等前端框架技術(shù)。

Spring Boot是一種全新的Web架構(gòu)，設(shè)計(jì)宗旨是簡(jiǎn)化Spring 應(yīng)用的搭建和開(kāi)發(fā)過(guò)程。Spring Boot通過(guò)“習(xí)慣優(yōu)于配置”的思想實(shí)現(xiàn) Web 項(xiàng)目的快速搭建，從而避免開(kāi)發(fā)人員定義樣板化的配置[8]。

Flask是使用Python語(yǔ)言、基于Werkzeug 工具箱編寫(xiě)的輕量級(jí)Web開(kāi)發(fā)框架，它本身相當(dāng)于一個(gè)內(nèi)核，其他幾乎所有的功能都要用到 Flask-extension來(lái)進(jìn)行彈性擴(kuò)展。Flask自由、靈活，可擴(kuò)展性強(qiáng)，再加上第三方庫(kù)的選擇面廣，開(kāi)發(fā)人員可以按照自己最熟練的開(kāi)發(fā)經(jīng)驗(yàn)，去結(jié)合最流行最強(qiáng)大Python庫(kù)來(lái)完成開(kāi)發(fā)需求。Flask 入門(mén)相對(duì)簡(jiǎn)單，即便沒(méi)有多少Web開(kāi)發(fā)經(jīng)驗(yàn)，也能很快做出網(wǎng)站，F(xiàn)lask 同樣能勝任大型網(wǎng)站的開(kāi)發(fā)[9]。

Vue框架是一套用于構(gòu)建用戶(hù)界面的漸進(jìn)式框架，其核心庫(kù)只關(guān)注視圖層，具有易于上手和便于與第三方庫(kù)或既有項(xiàng)目整合的優(yōu)點(diǎn)。

3 系統(tǒng)設(shè)計(jì)

3.1 系統(tǒng)框架結(jié)構(gòu)設(shè)計(jì)

本平臺(tái)是基于Flask和Spring Boot框架搭建后端，Vue框架設(shè)計(jì)前端，MySQL數(shù)據(jù)庫(kù)用于存儲(chǔ)數(shù)據(jù)，Redis數(shù)據(jù)庫(kù)用于緩存。本平臺(tái)分為手機(jī)端和電腦端兩套系統(tǒng)，手機(jī)端在MVC模式下，為表現(xiàn)層、控制層和持久層，通過(guò)相應(yīng)的接口編程實(shí)現(xiàn)各層之間的通信；電腦端分為服務(wù)層和視圖層，通過(guò)Flask框架來(lái)提供服務(wù)，Vue框架來(lái)渲染數(shù)據(jù)，兩層之間僅以數(shù)據(jù)進(jìn)行交互，耦合度低。本平臺(tái)總的框架如圖1所示。

圖1 校園點(diǎn)歌平臺(tái)總框架

3.2 系統(tǒng)功能模塊設(shè)計(jì)

校園點(diǎn)歌平臺(tái)分為電腦端和手機(jī)端兩套系統(tǒng)，手機(jī)端所具有的功能模塊有點(diǎn)歌、投稿、我的信息三大模塊，如圖2所示。用戶(hù)可以先注冊(cè)手機(jī)端的賬號(hào)，并在手機(jī)端登陸，進(jìn)入系統(tǒng)后，可以修改個(gè)人信息，查看自己的點(diǎn)歌、投稿情況和閱讀精品稿件。點(diǎn)歌是手機(jī)端的核心功能，用戶(hù)可以在點(diǎn)歌界面獲得歌曲推薦，并且顯示播放次數(shù)以供點(diǎn)歌者參考；用戶(hù)可以直接在本平臺(tái)進(jìn)行歌曲試聽(tīng)，防止誤點(diǎn)成自己不想要的歌曲，試聽(tīng)歌曲結(jié)束后可以進(jìn)行點(diǎn)歌操作。在點(diǎn)歌操作中，只需填寫(xiě)相關(guān)的表單信息，同時(shí)可以附上自己的留言。在投稿操作中，手機(jī)端支持富文本編輯投稿，用戶(hù)可以在手機(jī)端界面進(jìn)行編輯，從而使得所投稿件排版整齊，方便廣播工作人員進(jìn)行評(píng)審處理。電腦端所具有的功能模塊有賬戶(hù)管理、用戶(hù)管理、點(diǎn)歌管理、稿件管理和評(píng)論管理，每個(gè)模塊下又分為若干子模塊，如圖3所示。電腦端系統(tǒng)提供兩種登陸方式，一種為傳統(tǒng)的輸入賬號(hào)、密碼登陸方式，另一種為使用騰訊云的人臉識(shí)別接口所實(shí)現(xiàn)的人臉識(shí)別快速登陸方式。登錄系統(tǒng)后，首映的是后臺(tái)主頁(yè)，該主頁(yè)以可視化圖表形式直觀展現(xiàn)本平臺(tái)使用的相關(guān)數(shù)據(jù)信息。高校的廣播站管理員可以在賬戶(hù)管理中對(duì)所登錄的賬戶(hù)進(jìn)行操作，如更換頭像、修改密碼和修改其他相關(guān)信息。在本系統(tǒng)的側(cè)邊欄區(qū)域枚舉了本系統(tǒng)的功能，管理員用戶(hù)可以在用戶(hù)管理中對(duì)手機(jī)端的用戶(hù)進(jìn)行授權(quán)和取消授權(quán)管理，在歌單管理中對(duì)本校學(xué)生用戶(hù)的點(diǎn)歌請(qǐng)求進(jìn)行處理，且提供一鍵播放的功能。在稿件管理中管理員可以查看本校學(xué)生的來(lái)稿信息，并可進(jìn)行相應(yīng)的處理，將稿件劃分為精品、合格和不合格三個(gè)等級(jí)，且能對(duì)精品稿件導(dǎo)出為PDF文件，便于對(duì)精品稿件的宣傳。在評(píng)論管理模塊，可以刪除不良評(píng)論，規(guī)范言論環(huán)境。

圖2 校園點(diǎn)歌平臺(tái)手機(jī)端功能模塊圖

圖3 校園點(diǎn)歌平臺(tái)電腦端功能模塊圖

3.3 數(shù)據(jù)庫(kù)設(shè)計(jì)

本平臺(tái)緊扣點(diǎn)歌功能這一需求，主要涉及學(xué)校和用戶(hù)兩大主體，為此本平臺(tái)的數(shù)據(jù)庫(kù)設(shè)計(jì)以用戶(hù)表和學(xué)校表為核心，向其他功能模塊擴(kuò)展，形成了賬戶(hù)管理、用戶(hù)管理、點(diǎn)歌、投稿和評(píng)論等功能。電腦端和手機(jī)端共同使用一個(gè)數(shù)據(jù)庫(kù)，在數(shù)據(jù)上嚴(yán)格統(tǒng)一，不會(huì)出現(xiàn)電腦端和手機(jī)端數(shù)據(jù)不匹配的情況。依據(jù)本平臺(tái)主要功能需求，設(shè)計(jì)了賬戶(hù)管理模塊、點(diǎn)歌管理模塊、稿件和評(píng)論管理模塊相應(yīng)的三大物理模型，分別如圖4至圖6所示。

圖4 賬戶(hù)管理模塊物理模型

圖5 點(diǎn)歌管理模塊物理模型

圖6 投稿和評(píng)論管理模塊物理模型

4 系統(tǒng)主要功能實(shí)現(xiàn)

校園點(diǎn)歌平臺(tái)包括電腦端和手機(jī)端兩個(gè)系統(tǒng)，各端系統(tǒng)主要功能模塊的實(shí)現(xiàn)闡述包括電腦端的點(diǎn)歌管理、稿件管理和評(píng)論管理模塊，手機(jī)端的點(diǎn)歌和投稿模塊。

4.1 電腦端點(diǎn)歌管理模塊

點(diǎn)歌管理模塊提供了管理員處理點(diǎn)歌歌單的功能，管理員可以在此模塊對(duì)手機(jī)端用戶(hù)的點(diǎn)歌請(qǐng)求進(jìn)行處理。管理員登錄電腦端系統(tǒng)后，點(diǎn)擊點(diǎn)歌管理下的未處理歌單，則可以看到需要處理的歌單，如圖7所示。該模塊提供兩種播歌方式，管理員既能夠進(jìn)行手動(dòng)播歌，又能夠進(jìn)行一鍵自動(dòng)播歌，并同時(shí)可以顯示用戶(hù)的附加需求。管理員如果選擇手動(dòng)播歌，則會(huì)將需要念誦的留言顯示在窗口中，方便管理員進(jìn)行留言的念誦，手動(dòng)播歌的界面如圖8所示。在本模塊提供的一鍵自動(dòng)播歌中，其設(shè)計(jì)思路為：（1）管理員在播歌方式選擇界面，選擇一鍵播歌，跳轉(zhuǎn)至播歌音色選擇界面。（2）在播歌音色選擇界面，使用了騰訊云的語(yǔ)音合成接口，可以模擬出6種不同的音色來(lái)進(jìn)行播放留言，管理員可以選擇合適的音色進(jìn)行播放留言。（3）管理員在選擇完音色進(jìn)行播放留言時(shí)，系統(tǒng)會(huì)發(fā)送郵件告知點(diǎn)歌者所點(diǎn)的歌曲即將播放。（4）留言播放完成后，系統(tǒng)將會(huì)自動(dòng)進(jìn)行歌曲的播放，歌曲播放結(jié)束后，將歌單的狀態(tài)改變?yōu)橐烟幚砀鑶?，本次播歌的流程結(jié)束。該模塊的選擇聲音音色的界面如圖9所示。

圖7 查看未處理歌單界面

圖8 管理員手動(dòng)念留言界面

Fig. 8. The interface for administrator to read message manually

圖9 選擇聲音音色界面

4.2 電腦端稿件管理模塊

稿件管理模塊主要提供了管理員查看稿件和審核稿件等功能，系統(tǒng)管理員可以管理學(xué)生投稿的相關(guān)信息。

查看稿件功能支持富文本稿件，使得稿件美觀，審稿人員更不會(huì)產(chǎn)生視覺(jué)疲勞，其功能界面如圖10所示。

圖10 查看稿件界面

審核稿件功能是讓管理員對(duì)所投稿件的內(nèi)容進(jìn)行審核處理，其流程設(shè)置了兩道審核程序：

第一道審核程序：電腦端系統(tǒng)在手機(jī)端用戶(hù)投稿完成后自動(dòng)進(jìn)行敏感詞過(guò)濾，對(duì)于具有敏感詞的稿件不寫(xiě)入數(shù)據(jù)庫(kù)中，并在前端給出提示信息，提示給投稿者稿件含有敏感詞的頁(yè)面如圖11所示。為了實(shí)現(xiàn)該功能，我們?cè)O(shè)計(jì)了一種基于敏感詞過(guò)濾技術(shù)的稿件審核算法，該算法思路的步驟如下：

步驟一：使用python的第三方分詞庫(kù)jieba庫(kù)對(duì)稿件的文本內(nèi)容進(jìn)行分詞。

步驟二：將文本分詞后得到的詞語(yǔ)與緩存中預(yù)先定義的敏感詞詞組進(jìn)行模糊比對(duì)。

步驟三：如果比對(duì)成功，則在前端提示投稿人所投稿件含有敏感詞，不將稿件寫(xiě)入數(shù)據(jù)庫(kù)；若失敗，則表明投稿人所投稿件不包含有敏感詞，將稿件寫(xiě)入數(shù)據(jù)庫(kù)。

第二道審核程序：高校廣播站管理人員進(jìn)行人工審核以確定稿件是否被錄用。

高校的廣播站管理人員登錄本平臺(tái)的電腦端系統(tǒng)，在稿件審核界面可以看到稿件的內(nèi)容，并且可以將稿件歸為精品稿件、普通稿件和不合格稿件。對(duì)于評(píng)為不合格的稿件，則廣播站不會(huì)錄用，管理員需要填寫(xiě)詳細(xì)的稿件問(wèn)題說(shuō)明，其界面如圖12所示，同時(shí)平臺(tái)也將以郵件的形式告知投稿者，其界面如圖13所示。

圖11 稿件內(nèi)容含有敏感詞的提示界面

Fig. 11. The prompt interface that the content of the manuscript contains sensitive words

圖12 管理員填寫(xiě)稿件問(wèn)題說(shuō)明界面

Fig. 12. The interface for administrator to fill in the description of manuscript problems

圖13 給不合格稿件發(fā)送郵件消息界面

對(duì)于精品稿件，具有導(dǎo)出成PDF文件的功能，其導(dǎo)出稿件功能是借助于pdfkit技術(shù)將HTML文檔轉(zhuǎn)換為PDF文檔再導(dǎo)出該文檔，實(shí)現(xiàn)該功能的核心代碼如下所示。

4.3 電腦端評(píng)論管理模塊

評(píng)論管理模塊主要用于管理手機(jī)端用戶(hù)對(duì)點(diǎn)歌、投稿使用體驗(yàn)的評(píng)論，從而更為有效地收集對(duì)于本平臺(tái)使用的用戶(hù)體驗(yàn)，并且促進(jìn)手機(jī)端用戶(hù)之間的交流與溝通。手機(jī)端用戶(hù)在點(diǎn)歌或者投稿完成后，可以進(jìn)行相應(yīng)的評(píng)論，平臺(tái)管理員在電腦端進(jìn)行監(jiān)督。為了防止用戶(hù)進(jìn)行惡意評(píng)論，在評(píng)論提交時(shí)同樣具有敏感詞過(guò)濾的功能，對(duì)于涉及敏感詞的評(píng)論將不會(huì)寫(xiě)入數(shù)據(jù)庫(kù)中，評(píng)論管理模塊中的敏感詞過(guò)濾技術(shù)與上文中審核稿件中的敏感詞過(guò)濾技術(shù)的設(shè)計(jì)思路一致。平臺(tái)管理員登錄電腦端系統(tǒng)，點(diǎn)擊我校評(píng)論按鈕，則可以看到我校學(xué)生的評(píng)論信息，并且點(diǎn)擊具體的評(píng)論信息后可以查看評(píng)論者的學(xué)生信息，對(duì)于不合規(guī)的評(píng)論，管理員可以在此功能模塊中進(jìn)行刪除，刪除后將會(huì)有郵件通知評(píng)論者。查看評(píng)論的界面如圖14所示。

圖14 查看評(píng)論界面

4.4 手機(jī)端點(diǎn)歌模塊

在手機(jī)端能夠進(jìn)行點(diǎn)歌，用戶(hù)登錄系統(tǒng)后點(diǎn)擊音樂(lè)符號(hào)的圖標(biāo)即可進(jìn)入點(diǎn)歌界面，在點(diǎn)歌界面可以搜索歌曲或者是點(diǎn)擊熱歌推薦，便可進(jìn)入歌曲的試聽(tīng)。試聽(tīng)結(jié)束后進(jìn)行點(diǎn)歌表單的填寫(xiě)，填寫(xiě)完成后就完成了點(diǎn)歌操作，點(diǎn)歌界面如圖15所示，點(diǎn)歌表單填寫(xiě)界面如圖16所示。

圖15 點(diǎn)歌界面

圖16 點(diǎn)歌表單填寫(xiě)界面

4.5 手機(jī)端投稿模塊

在手機(jī)端，高校學(xué)生用戶(hù)可以進(jìn)行投稿的相關(guān)操作。學(xué)生用戶(hù)登錄后便進(jìn)入投稿的主頁(yè)面，在投稿主頁(yè)面中，布局了“投稿”、“投稿排行榜”和“最佳稿件”的選項(xiàng)，如圖17所示。

圖17 投稿主頁(yè)面

Fig. 17. The main interface for submitting manuscripts

點(diǎn)擊圖17中的“投稿”按鈕，便可進(jìn)入稿件編輯界面，如圖18所示。本平臺(tái)稿件支持富文本編輯技術(shù)，便于用戶(hù)所投的稿件進(jìn)行排版。

圖18 編輯稿件界面

Fig. 18. The interface for editing manuscripts

5 總結(jié)和展望

為了更好地建設(shè)數(shù)字化校園，推進(jìn)校園文化建設(shè)，本文采用Flask、Spring Boot、Vue和Element-ui等新穎框架，騰訊云的人臉識(shí)別接口和語(yǔ)音合成接口、富文本編輯和PDFKit等前沿技術(shù)，以及我們所提出的基于敏感詞過(guò)濾技術(shù)的稿件審核算法，開(kāi)發(fā)了一套校園點(diǎn)歌平臺(tái)以致力于解決高校傳統(tǒng)校園點(diǎn)歌不方便的痛點(diǎn)問(wèn)題，努力打造一套便捷和普適的校園點(diǎn)歌平臺(tái)。該平臺(tái)可以極大地方便高校學(xué)生用戶(hù)進(jìn)行點(diǎn)歌、投稿和評(píng)論等操作，并可減輕高校廣播站工作人員管理用戶(hù)、點(diǎn)歌、稿件和評(píng)論等工作壓力，使得校園點(diǎn)歌更加輕松快捷。

本平臺(tái)的特色主要體現(xiàn)在：（1）針對(duì)性強(qiáng)，在市場(chǎng)上少見(jiàn)有同類(lèi)產(chǎn)品。（2）專(zhuān)用性強(qiáng)，專(zhuān)門(mén)用于校園點(diǎn)歌，充分從高校點(diǎn)歌模式的角度進(jìn)行分析，使得高校的點(diǎn)歌模式可以緊跟時(shí)代的潮流。

本文所開(kāi)發(fā)的基于Flask和Spring Boot框架的校園點(diǎn)歌平臺(tái)，還有待于在高校進(jìn)行運(yùn)行測(cè)試，以期不斷地完善平臺(tái)。對(duì)于后期，本平臺(tái)也會(huì)升級(jí)許多增強(qiáng)用戶(hù)體驗(yàn)的功能以達(dá)到更完美的用戶(hù)體驗(yàn)，例如：

（1）增加聽(tīng)歌識(shí)曲功能，使得用戶(hù)在路邊聽(tīng)到好聽(tīng)的歌曲就可以快速地使用本平臺(tái)進(jìn)行識(shí)別，達(dá)到快速點(diǎn)歌的目的。

（2）結(jié)合大數(shù)據(jù)技術(shù)，采用更為智能的個(gè)性化推薦算法，依據(jù)用戶(hù)的個(gè)性化推薦幫助具有選擇困難癥的用戶(hù)推薦出滿(mǎn)意的歌曲以輔助用戶(hù)進(jìn)行點(diǎn)播。

[1] 王琴.基于C#的KTV點(diǎn)歌系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].福建電腦, 2015,31(8):96-97.

[2] 豆利,王卿海.點(diǎn)歌管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn)[J].電腦知識(shí)與技術(shù), 2013,9(36):8207-8208.

[3] 陳國(guó)鋒,王超.基于PHP的在線(xiàn)點(diǎn)歌系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].硅谷, 2012,5(14):53-54.

[4] 吳桐. 基于Flask框架的物資管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].南京:南京大學(xué), 2016.

[5] 王譯慶. Flask框架下成品油銷(xiāo)售系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[D].西安:西安電子科技大學(xué), 2015.

[6] 武海龍,李國(guó)平.基于SpringBoot的房屋租賃系統(tǒng)設(shè)計(jì)[J].電腦與信息技術(shù), 2019,27(3):76-78.

[7] 焦鵬琿. 基于SpringBoot和Vue框架的電子招投標(biāo)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].南京:南京大學(xué),2018.

[8] 楊錦山,王輝.基于SpringBoot的項(xiàng)目信息管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 電子技術(shù)與軟件工程,2020(9): 38-39.

[9] 牛作東,李捍東.基于Python與flask工具搭建可高效開(kāi)發(fā)的實(shí)用型MVC框架[J]. 計(jì)算機(jī)應(yīng)用軟件, 2019, 36(7):21-25.

DESIGN AND IMPLEMENTATION OF A CAMPUS SONG-ON-DEMAND PLATFORM BASED ON FLASK AND SPRING BOOT FRAMEWORK

XUE Guo-peng1,*LI Jin-zhong1, LIU Yu1, LUO Yu-pan2

(1. School of Electronic and Information Engineering，Jinggangshan University，Ji'an, Jiangxi 343009, China;2. Network Information Center, JinggangshanUniversity,Ji’an, Jiangxi 343009, China)

At present, most of the song-on-demand systems are aimed at KTV VOD systems, and few of the song-on-demand systems are aimed at campus song-on-demand systems in the market. Moreover, the implementation technologies are mostly PHP and C#, which have certain defects in development difficulty, development efficiency and easy maintenance, etc. In this paper, a campus song-on-demand platform based on the B/S model is developed by using the latest mainstream lightweight framework technologies, including Spring Boot framework, Flask framework, Vue and Element-ui front-end framework, and some frontier technologies, including face recognition interface and speech synthesis interface of Tencent Cloud, rich text editing and PDFKit, as well as MySQL and other database technologies.The platform includes two sets of systems: the mobile client terminal and the computer administrator terminal. The mobile client terminal enables users to quickly request song-on-demand and submit manuscripts. The computer administrator terminal can facilitate user management, song-on-demand management and manuscript management. In the manuscript management, a manuscript checking algorithm based on sensitive words filtering technology is designed to automatically filter out the manuscripts containing sensitive words. This platform is simple to operate, easy to maintain and expand in functions, and has high reliability and scalability. It can meet the needs of most colleges and universities for campus songs, and fully promote the construction of campus culture.

campus song-on-demand platform；Flask framework；Spring Boot framework；Vue framework；song-on-demand management; manuscript management

TP393.092

A

10.3969/j.issn.1674-8085.2020.05.010

1674-8085(2020)05-0049-0

2020-07-19；

2020-08-28

薛國(guó)鵬(1999-)，男，江西贛州人，井岡山大學(xué)電子與信息工程學(xué)院網(wǎng)絡(luò)工程專(zhuān)業(yè)2018級(jí)本科生(E-mail:xuegtopeng@jgsu.deu.cn);

*李金忠(1976-)，男，江西吉安人，副教授，博士，主要從事大數(shù)據(jù)與人工智能、信息檢索研究(E-mail：lijinzhong@jgsu.edu.cn);

劉 宇(2000-)，女，江西贛州人，井岡山大學(xué)電子與信息工程學(xué)院計(jì)算機(jī)科學(xué)與技術(shù)專(zhuān)業(yè)2018級(jí)本科生(E-mail:ly2289176794@163.com);

羅玉盤(pán)(1987-)，女，江西吉安人，助理實(shí)驗(yàn)師，碩士，主要從事網(wǎng)絡(luò)大數(shù)據(jù)分析、計(jì)算機(jī)啟用系統(tǒng)開(kāi)發(fā)方面的研究(E-mail：lyp@jgsu.edu.cn);