基于HTML5技術(shù)的霹靂布袋戲文化傳播網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

基于HTML5技術(shù)的霹靂布袋戲文化傳播網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)DesignandimplementationofPilipuppetshowculturalspreadwebsitebasedonHTML5Technology摘要基于HTML5的霹靂布袋戲文化傳播網(wǎng)站開發(fā)是采用了Browser/Server結(jié)構(gòu)模式。使得網(wǎng)站不需安裝，更新并且跨平臺(tái)。在網(wǎng)站的開發(fā)過程中將前端和后臺(tái)結(jié)合，而不是一個(gè)靜止的網(wǎng)站，可以通過操作進(jìn)行增加刪除修改查詢等功能。后臺(tái)使用了java以及MYSQL數(shù)據(jù)庫進(jìn)行開發(fā)；這個(gè)網(wǎng)站的開發(fā)，對布袋戲文化的傳播和交流起到了促進(jìn)作用，使得這種民間藝術(shù)與互聯(lián)網(wǎng)相結(jié)合，它不再局限于當(dāng)?shù)鼗蛘卟糠值貐^(qū)，做到了傳統(tǒng)文化與現(xiàn)代化相結(jié)合。該系統(tǒng)前臺(tái)主要功能有：登錄注冊，用戶討論，收藏回復(fù)，發(fā)布信息和關(guān)注聊天等；后臺(tái)功能有：登錄，模塊管理，用戶管理，資訊管理和推薦消息等。本網(wǎng)站的設(shè)計(jì)也是為了讓傳統(tǒng)的布袋戲文化能夠更加適應(yīng)時(shí)代的潮流，加大傳播和宣傳的力度。我將專業(yè)所學(xué)用于此處，希望能通過自己的設(shè)計(jì)和網(wǎng)站建設(shè)讓這種中國傳統(tǒng)布袋戲文化能夠在現(xiàn)代進(jìn)一步發(fā)展。這也是為了讓一些關(guān)注布袋戲的同好能夠有一個(gè)互相交流文化的地方，為布袋戲和戲迷朋友們提供一個(gè)發(fā)揮的平臺(tái)。關(guān)鍵詞：布袋戲文化傳播javaMySQL數(shù)據(jù)庫

AbstractBasedonHTML5,thedevelopmentofPilipuppetshowculturecommunicationwebsiteadoptedBrowser/Serverstructuremode.Itmakesthewebsiteunnecessarytoinstall,updateandcrossplatform.Inthedevelopmentprocessofthewebsite,thefront-endandtheback-endarecombined,ratherthanastaticwebsiteandwhichcanbeadded,deleted,checkedandmodifiedthroughsomeoperation.JavaandMySQLdatabaseareusedfordevelopmentinthewebsiteback-end.Thedevelopmentofthiswebsitehasplayedaroleinpromotingthespreadandexchangeofpuppetshowculture.ItmadethisfolkartcombinedwiththeInternet.AndItisnolongerlimitedtolocalorpartoftheregion,sothatthecombinationoftraditionalcultureandmodernization.Themainfunctionsofthefront-endofthesystemare:loginregistration,userdiscussion,collectionandreply,releaseinformation,focusonchatandsoon;back-endfunctionsinclude:login,modulemanagement,usermanagement,informationmanagement,recommendationmessage,etc.Thiswebsiteisdesignedtomakethetraditionalpuppetshowculturemoreadaptedtothetrendofthetimes,increasethedisseminationandpublicityefforts.IusewhatIlearnedhereasmymajorinthehopethatthistraditionalChinesepuppetshowculturecanbefurtherdevelopedinmoderntimesthroughmyowndesignandthewebsiteconstruction.Thisisalsotoenablesomepuppetshowfanstohaveaplacetoexchangeculture,andtoprovideaplatformforpuppetshowandpuppetshowfanfriendstoplay.Keywords:puppetshowcultureJavaMySQLdatabase目錄第1章緒論 第1章緒論1.1背景及意義霹靂布袋戲文化傳播網(wǎng)站可以為傳統(tǒng)文化提供一個(gè)傳播的途徑，他可以上傳各種布袋戲相關(guān)的視頻資源、音頻資源和相關(guān)的訊息，并且能夠?yàn)橄矏鄄即鼞虻膽蛎耘笥褌儎?chuàng)造一個(gè)分享討論的平臺(tái)，讓人們可以在網(wǎng)站上獲取更多的資源實(shí)現(xiàn)資源共享，最后目的在于推進(jìn)我們傳統(tǒng)布袋戲文化的傳播，讓他不僅局限在一個(gè)區(qū)域，而是通過網(wǎng)站的傳播讓更多的人了解我們這個(gè)傳統(tǒng)文化?，F(xiàn)代社會(huì)快速發(fā)展發(fā)展，隨著人們生活水平的提高，思想文化方面也有所需求。而讓傳統(tǒng)布袋戲文化和互聯(lián)網(wǎng)技術(shù)相結(jié)合，即是讓布袋戲文化能夠隨著時(shí)代變化而順應(yīng)發(fā)展也是為了我們在這快節(jié)奏多元化的世界能夠通過現(xiàn)代人們所熟悉的手段來了解我們的傳統(tǒng)文化，做到傳統(tǒng)文化和現(xiàn)代文明的統(tǒng)一。也有利于文明的傳承與發(fā)展，我們可以在網(wǎng)站上討論自己對布袋戲文化的看法，和提出如何讓這個(gè)傳統(tǒng)文化更好的流傳下去，讓更多的人知道了解它。1.2課題研究現(xiàn)狀在現(xiàn)代的電視電影中依舊很少會(huì)播報(bào)布袋戲，這一般出現(xiàn)在廟會(huì)或者大型舞臺(tái)之上進(jìn)行公演，更加偏向于現(xiàn)場表演。如果不在這個(gè)地區(qū)或者不在這個(gè)時(shí)間段看是難以看到布袋戲的演出的。而霹靂布袋戲這是將布袋戲表演搬上電視銀幕，制作成DVD，讓觀眾們不局限演出的地區(qū)都可以觀看布袋戲，并且可以重復(fù)播放，注重觀看細(xì)節(jié)。但是單純的視頻形式和DVD在如今這個(gè)數(shù)據(jù)化的時(shí)代還是遠(yuǎn)遠(yuǎn)不夠的，這也有一定的區(qū)域局限性，而且制作影片的成本也不低，如果營業(yè)不當(dāng)可能陷入低谷，這個(gè)時(shí)候如何吸引更多的觀眾來觀看則成為一個(gè)主要問題。也是大部分的布袋戲文化的現(xiàn)狀“如何在外來文化沖擊，人們精神世界中占據(jù)一席之地?！爆F(xiàn)今社會(huì)互聯(lián)網(wǎng)迅速發(fā)展，網(wǎng)絡(luò)也成了我們不可分割的日常一部分，也是現(xiàn)代生活中的大背景，如何在此抓住機(jī)遇，讓布袋戲這項(xiàng)傳統(tǒng)文化也迅速發(fā)展呢，就要依靠現(xiàn)代的技術(shù)。這個(gè)網(wǎng)站的建立可以說是順應(yīng)了時(shí)代的變化，讓傳統(tǒng)文化加入了現(xiàn)代元素，比起傳統(tǒng)的演出模式，在網(wǎng)站上播放無疑減少了一些人力資源的負(fù)擔(dān)和資金的成本，將演出好的放上去，而且也能保證質(zhì)量，在網(wǎng)站通過與戲迷的互動(dòng)可以了解人們對布袋戲有哪方面的期待，有什么地方不足，有利于改進(jìn)也有利于解答一些戲中的問題，溝通更加方便及時(shí)，改進(jìn)也會(huì)越來越好。1.3網(wǎng)站開發(fā)初步方法與實(shí)施方案網(wǎng)站開發(fā)的初步方案：設(shè)計(jì)一個(gè)可以通過瀏覽器上傳資源和提供討論的網(wǎng)站，以此達(dá)到文化傳播和發(fā)展的目的。采用了Browser/Server結(jié)構(gòu)的模式，B/S結(jié)構(gòu)的優(yōu)點(diǎn)在于簡化了網(wǎng)站的開發(fā)，使用和后期的維護(hù)等作用。使用人員不需要安裝軟件就可以在web瀏覽器上觀看瀏覽，更新內(nèi)容也是數(shù)據(jù)庫實(shí)時(shí)更新不需要用戶自主更新，使用起來比起軟件系統(tǒng)更加簡單方便。網(wǎng)站建設(shè)的實(shí)施方案：在Windows10家庭版的操作系統(tǒng)中，通過HTML5，JAVA，SQL和SSH框架，使用Eclipse開發(fā)工具和NavicatforMySQL后臺(tái)數(shù)據(jù)庫建立一個(gè)可以交流分享平臺(tái)的網(wǎng)站。

第2章系統(tǒng)開發(fā)環(huán)境介紹2.1HTML5簡介HTML5是在原本HTML版本上的經(jīng)歷發(fā)展而演變成的新成果，

也是我們建設(shè)網(wǎng)站場景的一種語言之一，一般擴(kuò)展名為.html或.htm。HMTL5結(jié)合了HTML4.01的相關(guān)標(biāo)準(zhǔn)并革新了技術(shù)，HTML5有著一些新特性，比如智能表單，這可以實(shí)現(xiàn)后臺(tái)和客戶交互的一個(gè)組成部分；還有繪圖畫布通過canvas元素可以實(shí)現(xiàn)繪制一些圖像，以及讓瀏覽器不需要加載flash插件就可以將圖像或者圖形顯現(xiàn)出來。HTML5可以使網(wǎng)頁的多媒體內(nèi)容更加迅速方便的處理而且還與其他的元素相結(jié)合，對原本的功能方面進(jìn)行了調(diào)修，進(jìn)而做到標(biāo)準(zhǔn)化。對視頻、音頻、圖像等等都進(jìn)行了規(guī)范。而且HTML5擁有跨平臺(tái)的性質(zhì)，在不同的設(shè)備中都可以實(shí)現(xiàn)效果，兼容性和適應(yīng)性非常好，許多的網(wǎng)站也都選擇使用HTML5來做網(wǎng)頁前端。2.2B/S架構(gòu)B/S架構(gòu)是對C/S架構(gòu)的一種改變，B/S暨瀏覽器/服務(wù)器的一種模式，用戶可以直接通過web瀏覽器來瀏覽網(wǎng)站的內(nèi)容，而不需要下載任何軟件或者系統(tǒng)，這簡化了用戶電腦的載荷。由于將大部分系統(tǒng)核心通能集中在服務(wù)器上，所以這也簡化了系統(tǒng)的開發(fā)和維護(hù)，降低了成本，節(jié)約資源。當(dāng)服務(wù)器升級(jí)和維護(hù)的時(shí)候，用戶只需要刷新一下瀏覽器頁面即可，不需要做任何其他操作更新和維護(hù)，非常的便利且及時(shí)，用戶的操作也十分簡單方便，在瀏覽器前端操作后通過數(shù)據(jù)庫進(jìn)行數(shù)據(jù)的交互?，F(xiàn)在科技越來越發(fā)達(dá)，電子網(wǎng)絡(luò)也在我們身邊密不可分，B/S架構(gòu)有著很強(qiáng)的適應(yīng)范圍，它建立在廣域網(wǎng)之上，使用的范圍更加廣泛；并且B/S架構(gòu)是由構(gòu)件組成的可以對個(gè)別構(gòu)件進(jìn)行更換而不影響整體，實(shí)現(xiàn)系統(tǒng)的維護(hù)升級(jí)，將成本費(fèi)用降低至最少，客戶端也可以做到更快的服務(wù)響應(yīng)。B/S架構(gòu)數(shù)據(jù)主要保存在數(shù)據(jù)庫之中，而用戶的操作則在web瀏覽器上實(shí)現(xiàn)，是一種符合當(dāng)代發(fā)展的一種架構(gòu)。而且B/S架構(gòu)可以跨平臺(tái)，只需要在瀏覽器上就可以運(yùn)行，不同的操作系統(tǒng)也不影響它。B/S架構(gòu)主要分為三層：表現(xiàn)層，邏輯層，數(shù)據(jù)層。一般前端大部分做的是數(shù)據(jù)的渲染和少部分的事務(wù)邏輯，而大部分的邏輯還是由后臺(tái)來進(jìn)行實(shí)現(xiàn)的。下面分別介紹三個(gè)層級(jí)的作用。1.表示層：表示層主要是完成用戶在前端發(fā)出的指令和后臺(tái)的交互，以及在最后渲染出數(shù)據(jù)結(jié)果輸出在網(wǎng)頁上，讓用戶看見。發(fā)出請求指令之后會(huì)發(fā)送給web服務(wù)器以及受到應(yīng)答之后輸出。2.邏輯層：邏輯層主要工作是利用服務(wù)器完成客戶端的應(yīng)用邏輯功能。由用戶發(fā)出請求后接受到信息，從這一層接收后再傳給數(shù)據(jù)庫服務(wù)器，進(jìn)行sql請求。數(shù)據(jù)庫應(yīng)答之后傳輸回邏輯層，再由邏輯層將數(shù)據(jù)提交給web服務(wù)器。3.數(shù)據(jù)層：數(shù)據(jù)層主要是接收客戶端的請求之后再將數(shù)據(jù)進(jìn)行運(yùn)算。通過收到的請求對數(shù)據(jù)庫進(jìn)行一些操作而達(dá)到請求需要的效果，然后通過web服務(wù)器再傳送回表示層，最后將結(jié)果呈現(xiàn)在網(wǎng)頁之上。下面是圖2.2所示B/S架構(gòu)層。圖2.2B/S架構(gòu)層2.3MVC模式 MVC模式則是ModelViewController既模型、視圖和控制器。MVC的目的在于將模型和視圖的代碼實(shí)現(xiàn)分離，而控制器則是要用來確保模型和視圖的同步改變更新。這實(shí)現(xiàn)一種動(dòng)態(tài)的程序設(shè)計(jì)，是對后續(xù)程序的擴(kuò)展、修改有很大的的幫助，可以使程序的某一部分結(jié)構(gòu)重復(fù)利用，在對復(fù)雜的程序簡化的過程中是結(jié)構(gòu)更加簡潔直觀。MVC開發(fā)模式是層次分明，各司其職可以將HTML5代碼和后臺(tái)邏輯代碼分開，讓代碼更加清晰明了。2.4Eclipse簡介Eclipse是一個(gè)跨平臺(tái)的自由集成開發(fā)環(huán)境，最初主要用于開發(fā)java，但現(xiàn)在不僅如此，它還包括插件的開發(fā)環(huán)境，給廣大用戶提供一個(gè)統(tǒng)一的開發(fā)環(huán)境。通過不同的插件它也可以支持多樣的計(jì)算機(jī)語言，比如c++,php,Android，數(shù)據(jù)庫開發(fā)等等。Eclipse也是一個(gè)開放源代碼的平臺(tái)，人們可以在上面自主免費(fèi)得到，只需要下載對應(yīng)需要的需要插件。2.5MySQL數(shù)據(jù)庫簡介MySQL所用的SQL語言是訪問數(shù)據(jù)庫中最常用的一種標(biāo)準(zhǔn)化語言。他是一個(gè)關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，擁有體積小，速度快的優(yōu)點(diǎn)。由于它的開放源碼的特點(diǎn)，使它大大降低了開發(fā)的成本，所以一般中小型企業(yè)都可以選擇它，他的開源和傳播廣泛，本系統(tǒng)也是選擇使用MySQL數(shù)據(jù)庫。它是將數(shù)據(jù)都存放在數(shù)據(jù)庫之中，也有著很好地獨(dú)立性、靈活性和安全性。該系統(tǒng)是一個(gè)文化傳播網(wǎng)站所以需要進(jìn)行一些信息的存儲(chǔ)，并且在開發(fā)時(shí)可以將不同的數(shù)據(jù)起到溝通聯(lián)系的作用。2.6JAVA簡介JAVA是1995年被推出的JAVA面向?qū)ο蟪绦蛟O(shè)計(jì)語言和JAVA平臺(tái)的總稱，他在語法上和C++語言與C語言很相近。而且Java語言支持Internet應(yīng)用開發(fā)，也可以用來做網(wǎng)站開發(fā)，現(xiàn)在在使用上也具有廣泛性和普遍性。

第3章系統(tǒng)分析3.1系統(tǒng)可行性分析3.1.1技術(shù)可行性本系統(tǒng)在技術(shù)上使用了java進(jìn)行開發(fā)，網(wǎng)站前端使用了HTML5，后臺(tái)使用了MySQL數(shù)據(jù)庫，java和MySQL都是有著很好的兼容性，適用范圍也非常的廣泛，平臺(tái)也十分的自由。現(xiàn)在大部分的網(wǎng)站也是有java和MySQL的身影在其中，所以作為本系統(tǒng)技術(shù)的開發(fā)是可行的。3.1.2經(jīng)濟(jì)可行性本系統(tǒng)在開發(fā)的時(shí)候使用的是免費(fèi)的開發(fā)工具和自身帶有的win10系統(tǒng)電腦，給開發(fā)網(wǎng)站提供了一個(gè)環(huán)境和基礎(chǔ)，所以在支出方面支出是很微乎其微的。因?yàn)樯蟼髻Y源和用戶討論都是不收取任何費(fèi)用的，這也是一次畢業(yè)設(shè)計(jì)的項(xiàng)目，所以暫時(shí)沒有考慮收費(fèi)，但后期如果在系統(tǒng)方面有所升級(jí)或者功能有擴(kuò)展改進(jìn)可能會(huì)有一定的經(jīng)濟(jì)收益。3.1.3操作可行性該系統(tǒng)是使用java技術(shù)進(jìn)而開發(fā)的一個(gè)霹靂布袋戲文化傳播網(wǎng)站，操作和類似與論壇網(wǎng)站但是沒有論壇那么多復(fù)雜的功能，用戶直接通過web瀏覽器就可以實(shí)現(xiàn)，不需要了解代碼數(shù)據(jù)庫等知識(shí)。對現(xiàn)代電器操作不熟練的人也能在簡單的自我操作中實(shí)現(xiàn)，并且在網(wǎng)站中尋找自己需要的東西進(jìn)行觀看，還能與志同道合的人進(jìn)行討論。通過技術(shù)、經(jīng)濟(jì)和操作的可行性分析，本系統(tǒng)的開發(fā)實(shí)現(xiàn)是具有可行性的。3.2系統(tǒng)功能需求分析隨著科技發(fā)展，本系統(tǒng)將傳統(tǒng)文化和現(xiàn)代信息傳播手段相結(jié)合，既符合了傳統(tǒng)文化的需求也符合將文化下去的需求。這是一個(gè)布袋戲文化傳播網(wǎng)站，根據(jù)用戶的需求分為網(wǎng)站前端和后臺(tái)兩個(gè)部分。網(wǎng)站前端可以實(shí)現(xiàn)注冊登錄，用戶瀏覽、消息搜索、用戶討論以及用戶個(gè)人賬號(hào)管理等功能；后臺(tái)則是對有著一定權(quán)限的人開放的，它有著幾個(gè)功能，包括后臺(tái)登錄，用戶的信息管理，資訊管理，模塊管理。3.2.1網(wǎng)站前端（1）注冊登錄點(diǎn)開網(wǎng)站之后首先需要注冊登錄，如果沒有進(jìn)行過注冊的用戶那么要先進(jìn)行注冊之后才能登錄。第一次注冊的用戶需要填寫用戶名、密碼、電話、地址和性別。提交通過之后就可以進(jìn)入登錄界面進(jìn)行登錄了。登錄只需要填寫用戶名和密碼就可以了。（2）用戶瀏覽登錄后用戶可以通過進(jìn)入網(wǎng)站進(jìn)行瀏覽?？梢酝ㄟ^需要在首頁分類進(jìn)行瀏覽，分別有文化、名人、討論和其他。首頁一般都是推薦消息，好的資源、演出或者文章都會(huì)出現(xiàn)，也可以通過用戶討論板塊瀏覽用戶對布袋戲的討論和觀看資訊板塊的資訊。（3）消息搜索這是為了簡便用戶使用，可以提煉關(guān)鍵字以達(dá)到在許多的信息中提取自己感興趣或者對自己有用的消息的一個(gè)便捷操作。只需要在搜索欄打上自己想看的關(guān)鍵字就可以查詢到了。（4）用戶討論用戶可以在登錄之后在別人或者自己的帖子下進(jìn)行留言回復(fù)，進(jìn)行和他人的互動(dòng)和對布袋戲的看法，促進(jìn)和諧交流的氣氛。也可以自己發(fā)表帖子，發(fā)表自己的意見或者看法，對自己喜歡的帖子進(jìn)行收藏。（5）個(gè)人賬號(hào)管理用戶可以設(shè)置自己的個(gè)人信息并且實(shí)現(xiàn)對信息的修改等功能。也可以看到自己發(fā)布的帖子、收藏和關(guān)注用戶。具體可看下方前端示意圖3.2.1網(wǎng)站前端頁面思維導(dǎo)圖。3.2.1網(wǎng)站前端頁面思維導(dǎo)圖3.2.2網(wǎng)站后臺(tái)后臺(tái)登錄管理員打開后臺(tái)登錄界面，然后輸入用戶名和密碼進(jìn)行后臺(tái)的登錄，轉(zhuǎn)跳到管理操作界面。用戶信息管理可以通過后臺(tái)看到用戶列表，有用戶名電話生日密碼等等記錄，可以通過管理員權(quán)限對用戶的資料進(jìn)行修改，新增或者刪除，如有必要也可以將用戶的權(quán)限進(jìn)行修改。也可以對用戶發(fā)表的帖子進(jìn)行管理。資訊管理資訊管理可以通過后臺(tái)發(fā)布一些重要的公告或者感興趣的資訊，只有管理員有權(quán)限發(fā)布，修改和刪除。模塊管理首頁一共分為四個(gè)模塊，文化、名人、討論、其他，管理員有權(quán)限對模塊進(jìn)行新增，修改和刪除。而且可以對一些用戶或者官方寫的好的帖子進(jìn)行推薦，之后會(huì)出現(xiàn)在推薦列表里，前端顯示在首頁。具體可看下方前端示意圖3.2.2網(wǎng)站后臺(tái)頁面思維導(dǎo)圖圖3.2.2網(wǎng)站后臺(tái)頁面思維導(dǎo)圖3.3系統(tǒng)流程設(shè)計(jì) 首先用戶都可以直接觀看網(wǎng)站前端，瀏覽前端的內(nèi)容消息，比如最新資訊推薦的消息，個(gè)人的信息還有用戶的討論等等，前端的每個(gè)版塊都可以瀏覽，如果用戶想要在線與其他用戶回復(fù)或者發(fā)帖則需要注冊之后登陸，如果之前已經(jīng)注冊過了那只需要登錄就可以進(jìn)行正常的發(fā)帖回復(fù)。用戶也可以在登錄后對自己的個(gè)人資料進(jìn)行管理和修改。管理員在后臺(tái)進(jìn)行登錄就可以對用戶的信息管理，資訊管理，模塊管理進(jìn)行修改等操作然后修改后的結(jié)果會(huì)通過服務(wù)器反饋給網(wǎng)頁前端，也就是客戶瀏覽到的信息。具體如下圖3.3系統(tǒng)流程設(shè)計(jì)圖所示。圖3.3系統(tǒng)流程設(shè)計(jì)圖3.4系統(tǒng)運(yùn)行環(huán)境CPU：英特爾i5-6300HQCPU@2.30GHz內(nèi)存：4G以上硬盤：可用208G操作系統(tǒng)：Windows10開發(fā)工具：Eclipse數(shù)據(jù)庫：NavicatforMySQL第4章系統(tǒng)設(shè)計(jì)4.1系統(tǒng)架構(gòu)設(shè)計(jì)本系統(tǒng)的架構(gòu)設(shè)計(jì)主要分為前端和后臺(tái)，如果按照面向?qū)ο髤^(qū)分則是用戶和管理員。用戶和管理員都可以訪問前端網(wǎng)頁進(jìn)行瀏覽頁面和對自己的個(gè)人資料進(jìn)行修改，而管理員則在后臺(tái)比用戶多一些權(quán)限，可以通過添加、修改和刪除資訊消息，用戶消息和首頁的消息來對網(wǎng)站進(jìn)行適當(dāng)?shù)墓芾砗途S護(hù)。下圖4.1是系統(tǒng)的各個(gè)架構(gòu)的流程圖。圖4.1系統(tǒng)架構(gòu)流程圖4.2數(shù)據(jù)庫設(shè)計(jì)4.2.1E-R圖E-R模型是在數(shù)據(jù)庫設(shè)計(jì)中廣為使用的一種數(shù)據(jù)模型工具，能實(shí)現(xiàn)一對多的數(shù)據(jù)表達(dá)，將數(shù)據(jù)都清除的表現(xiàn)出來。用矩形框來表示實(shí)體集，用橢圓形表示實(shí)體的屬性。本系統(tǒng)的E-R模型圖如下圖4.2.1數(shù)據(jù)庫E-R圖所示。圖4.2.1數(shù)據(jù)庫E-R圖以下是實(shí)體集細(xì)化的實(shí)體-關(guān)系模型E-R圖：用戶實(shí)體屬性如圖4.2.1-2用戶實(shí)體屬性圖所示。圖4.2.1-2用戶實(shí)體屬性圖咨詢類實(shí)體屬性如圖4.2.1-3所示。圖4.2.1-3咨詢類實(shí)體屬性圖推薦列表類實(shí)體屬性圖，如圖4.2.1-4所示。圖4.2.1-4推薦列表類實(shí)體屬性圖4.2.2數(shù)據(jù)表因?yàn)榻⒌氖且粋€(gè)論壇網(wǎng)站所以數(shù)據(jù)庫名叫做weibovideoluntan8cor2bankuai。本系統(tǒng)中使用到的表有wct_user，wct_type，wct_replay，wct_notice和wct_good等。具體如下圖所示：圖4.2.2-1wct_user表圖4.2.2-2wct_type表表4.2.2-3wct_replay表表4.2.2-4wct_notice表表4.2.2-5wct_good表

第5章系統(tǒng)實(shí)現(xiàn)5.1系統(tǒng)主要功能本次設(shè)計(jì)的主要目的是做出一個(gè)布袋戲文化傳播的網(wǎng)站，本系統(tǒng)主要分為前端和后臺(tái)兩個(gè)模塊，前端主要針對用戶，后臺(tái)主要針對管理。前端的主要功能有：注冊登錄，推薦消息，用戶討論，資訊消息，收藏回復(fù)，發(fā)布消息和關(guān)注交流。后臺(tái)主要功能有：后臺(tái)登錄，對用戶的管理和對信息的增加、修改和刪除等功能。以下圖5.1是系統(tǒng)功能結(jié)構(gòu)圖：圖5.1系統(tǒng)功能結(jié)構(gòu)圖5.2系統(tǒng)各個(gè)功能模塊實(shí)現(xiàn)5.2.1登錄設(shè)計(jì)實(shí)現(xiàn)當(dāng)用戶打開網(wǎng)站要進(jìn)行登錄的時(shí)候會(huì)進(jìn)入登錄頁面，用戶正確的填寫了用戶名和密碼的時(shí)候再按登錄按鈕，此時(shí)數(shù)據(jù)會(huì)提交到后臺(tái)數(shù)據(jù)庫進(jìn)行對比，如果填寫正確則會(huì)成功登錄，若是填寫錯(cuò)誤則會(huì)提示用戶您的用戶名或者密碼錯(cuò)誤。如果沒有賬號(hào)的用戶則需要注冊一個(gè)賬號(hào)然后再來進(jìn)行登錄。圖5.4系統(tǒng)登錄流程設(shè)計(jì)圖5.2.2前臺(tái)功能模塊設(shè)計(jì)實(shí)現(xiàn)（1）信息推薦登錄之后就可以在前臺(tái)消息瀏覽，默認(rèn)進(jìn)入的是前臺(tái)的首頁推薦，可以選擇不同的板塊進(jìn)行瀏覽，也可以用搜索去搜索關(guān)鍵詞瀏覽，點(diǎn)進(jìn)感興趣的頁面就可以轉(zhuǎn)跳到一個(gè)新的頁面。具體看圖5.2.2-1搜索信息推薦圖5.2.2-1搜索信息推薦（ 2）用戶互動(dòng)用戶在登錄之后可以在首頁和用戶討論的帖子里進(jìn)行回復(fù)，可以提高和別人用戶的互動(dòng)率，用戶也可以在用戶討論的區(qū)域自己發(fā)帖子，發(fā)表自己的消息，說說對布袋戲的看法和有沒有改進(jìn)的地方?；蛘甙l(fā)表一些資源或者人物介紹，管理覺得好的話也會(huì)被推上首頁。看到好的帖子或者有趣的人也可以關(guān)注收藏，還能關(guān)注時(shí)事資訊。界面如圖5.2.2-2用戶討論。圖5.2.2-2用戶討論5.2.3后臺(tái)功能模塊設(shè)計(jì)實(shí)現(xiàn)（1）推薦信息模塊 管理員登錄系統(tǒng)后可以查看推薦信息，點(diǎn)擊新增可以添加新的推薦信息，也可以修改信息和刪除信息，一般推薦的消息都有一定的水平。界面如圖5.2.3推薦信息模塊所示。圖5.2.3-1推薦信息模塊（2）板塊管理的實(shí)現(xiàn)管理員登陸系統(tǒng)后可以新增板塊信息，點(diǎn)擊板塊管理，系統(tǒng)先查詢板塊信息，后臺(tái)獲取返回值后進(jìn)行遍歷返回到頁面，頁面跳轉(zhuǎn)到新增頁面，在此頁面管理員輸入板塊信息，然后提交表單，表單數(shù)據(jù)傳入后臺(tái)進(jìn)行解析，通過每個(gè)字段的獲取將板塊信息解析后生成sql語句，再對數(shù)據(jù)庫做添加操作，如圖5.2.3-2板塊管理模塊所示。圖5.2.3-2板塊管理模塊用戶管理管理員登陸系統(tǒng)后可以查看用戶信息列表，包括時(shí)他填寫的信息；對用戶信息進(jìn)行部分操作，甚至能改變權(quán)限，但是不可以改變用戶的個(gè)人資料，這也是為了對用戶的尊重。具體界面如圖5.2.3-3用戶模塊所示。5.2.3-3用戶模塊用戶討論列表管理員登陸系統(tǒng)后可以看到用戶在網(wǎng)站上的討論，并且有權(quán)對好的帖子進(jìn)行推薦，從而在首頁也可以看到一些用戶的優(yōu)秀帖子，如果用戶發(fā)表不正當(dāng)?shù)难哉搫t有權(quán)利對帖子進(jìn)行刪除。5.2.4數(shù)據(jù)庫連接功能實(shí)現(xiàn)眾所周知一個(gè)好的網(wǎng)站需要一個(gè)數(shù)據(jù)庫來支撐，將后臺(tái)的信息都?xì)w納整理到一個(gè)地方，讓前端可以更加方便快捷的使用，那么連接數(shù)據(jù)庫則是一個(gè)非常重要的功能了。以下圖5.2.4是連接數(shù)據(jù)庫的關(guān)鍵代碼。圖5.2.4連接數(shù)據(jù)庫關(guān)鍵代碼第6章系統(tǒng)測試6.1功能測試6.1.1前端測試用戶可以正常登陸，登陸后可以正常發(fā)帖，正?；貜?fù)，瀏覽頁面并未出現(xiàn)亂碼。測試結(jié)果：正常運(yùn)行。6.1.2后臺(tái)測試管理員可以正常登陸后臺(tái)，對用戶信息進(jìn)行正常操作，對資訊管理可以正常操作，對模塊管理可以正常操作，對推薦版塊可以正常操作。測試結(jié)果：運(yùn)行正常。6.2性能測試具體測試方面和結(jié)果如表6.2性能測試所示。測試用例號(hào)輸入數(shù)據(jù)測試結(jié)果T1同時(shí)讓數(shù)個(gè)人登陸系統(tǒng)同時(shí)操作正常T2多次反復(fù)刷新網(wǎng)頁，點(diǎn)開多個(gè)頁面正常T3用多種不同的瀏覽器的登錄正常表6.2性能測試測試結(jié)果：性能良好6.3用例測試具體測試方面如下表6.3用例測試所示。序號(hào)用例名稱具體操作測試結(jié)果1用戶登錄在登錄界面輸入賬號(hào)和密碼成功登錄2瀏覽頁面分別點(diǎn)開不同的頁面成功跳轉(zhuǎn)到相應(yīng)界面3搜索功能打出一個(gè)已有關(guān)鍵字進(jìn)行查詢，一個(gè)不存在關(guān)鍵字進(jìn)行查詢已有關(guān)鍵字出現(xiàn)相關(guān)貼，不存在關(guān)鍵字則沒有相關(guān)貼出現(xiàn)4回復(fù)他人打開一個(gè)其他人的帖子，在下面打字回復(fù)成功回復(fù)5發(fā)表評(píng)論在用戶討論板塊點(diǎn)擊增加發(fā)表一個(gè)帖子成功發(fā)出帖子6.3系統(tǒng)用例測試表6.4測試結(jié)果分析做好系統(tǒng)之后應(yīng)該對該系統(tǒng)進(jìn)行多次測試和多方面的檢測，以此達(dá)到檢測這個(gè)系統(tǒng)是否符合我們的預(yù)期值，是否使用穩(wěn)定，是否有可用性等等，并且如果在測試之中出現(xiàn)了系統(tǒng)錯(cuò)誤或者一些邏輯不正確可以及時(shí)對系統(tǒng)進(jìn)行修正和改進(jìn)，爭取在下次的運(yùn)行中減少不必要的錯(cuò)誤。通過功能、性能、用例等方面進(jìn)行檢測，結(jié)果都顯示正常。說明本系統(tǒng)有一定的實(shí)用性和適用性，在功能上也盡量符合用戶的需求，操作簡單不復(fù)雜。網(wǎng)站最后測試綜合結(jié)果是可以讓人正常使用。

第7章系統(tǒng)的特色與創(chuàng)新7.1系統(tǒng)的特色用戶有著高度的自由，前端展示的東西登錄了就可以直接瀏覽，不需要更高的權(quán)限。而且用戶也可以自由發(fā)表討論。本系統(tǒng)的初衷是一個(gè)布袋戲文化傳播網(wǎng)站，所以網(wǎng)站的一大特色就是布袋戲。布袋戲是我國傳統(tǒng)的民間藝術(shù)，流傳時(shí)間久遠(yuǎn)，現(xiàn)在在一些地區(qū)仍然能看到布袋戲的身影，但是布袋戲有一個(gè)局限性就是限制于演出的范圍。本系統(tǒng)可以幫助布袋戲傳播到更遠(yuǎn)的地方，讓更多人知道布袋戲這一文化，也是將傳統(tǒng)文化和現(xiàn)代文明相結(jié)合的一個(gè)系統(tǒng)。希望可以通過現(xiàn)代化的手段讓布袋戲可以有新的發(fā)展，可以將臺(tái)上拍好的布袋戲上傳至網(wǎng)站，這樣人們不限時(shí)間和地點(diǎn)都能觀看到布袋戲。7.2系統(tǒng)的創(chuàng)新本系統(tǒng)的主題非常明確就是以布袋戲文化為中心的，所以里面的資訊資源包括討論都是圍繞著布袋戲來展開的，目前網(wǎng)上很少有專門針對布袋戲的網(wǎng)站，操作也十分的簡單，分類十分明顯讓用戶一目了然，可以自主選擇想要看哪一個(gè)板塊的消息或者進(jìn)行討論。比起傳統(tǒng)布袋戲的演出模式，將這些表演上傳到系統(tǒng)上通過網(wǎng)站的形式展示給廣大群眾這無疑是一個(gè)表演方式上的創(chuàng)新，也是傳統(tǒng)文化與現(xiàn)代技術(shù)相輔相成的結(jié)果，可以讓更多關(guān)注布袋戲的用戶在這個(gè)網(wǎng)站扎根，布袋戲文化不僅在演出上要?jiǎng)?chuàng)新在傳播途徑上也要進(jìn)行創(chuàng)新，使得網(wǎng)站越來越好。第8章結(jié)論 通過這次畢業(yè)設(shè)計(jì)我學(xué)會(huì)了很多東西，在制作網(wǎng)站的過程中也請教和身邊的同學(xué)和老師，還有一些通過網(wǎng)站的教程學(xué)習(xí)，從一開始開發(fā)的時(shí)候有些迷茫到后面自己成功的完成了這次畢設(shè)的目標(biāo)，期間也非常感謝李志中老師在開題報(bào)告和撰寫論文時(shí)候給我的指導(dǎo)，讓我能更快的了解如何編寫。在制作網(wǎng)站的時(shí)候除了HTML5還有java和mysql數(shù)據(jù)庫的使用，還了解到一些框架比如B/S框架等等。只有在自己動(dòng)手做的時(shí)候才能了解要花費(fèi)多少時(shí)間和精力去進(jìn)行熟練以前的知識(shí)，并且將大學(xué)所學(xué)知識(shí)與現(xiàn)實(shí)實(shí)踐互相結(jié)合起來。在系統(tǒng)開發(fā)上面我還有不許之處，也許有些功能不盡人意，但是通過查漏補(bǔ)缺做到系統(tǒng)運(yùn)行沒有差錯(cuò)，在做畢設(shè)的過程中也學(xué)到了許多東西，一個(gè)系統(tǒng)的開發(fā)不是簡單的說說，還要有縝密的計(jì)劃和扎實(shí)的功底，僅僅是課本學(xué)到的東西還是不夠的，還需要?jiǎng)幼魅プ霾拍苤雷约涸谀姆矫孀龅牟粔蚝?，或者哪里的操作有問題，有時(shí)候可能是一些細(xì)微的問題，卻影響系統(tǒng)的操作，對于功能方面也要符合實(shí)際，對于用戶的需求要分析到位，重要的是用戶的體驗(yàn)感和系統(tǒng)是否實(shí)用。從網(wǎng)絡(luò)前端的建設(shè)到后臺(tái)數(shù)據(jù)庫的開發(fā)都將大學(xué)所學(xué)的知識(shí)發(fā)揮的淋漓盡致，在設(shè)計(jì)的過程中也知道自己還有不足需要努力的地方，這次的畢業(yè)設(shè)計(jì)也提高了我的實(shí)踐能力，是一次非常棒的體驗(yàn)。這次開發(fā)也有參考一些相關(guān)的網(wǎng)站例子，學(xué)習(xí)其他網(wǎng)站做得好的地方，雖然現(xiàn)在可能由于技術(shù)和知識(shí)的不足，系統(tǒng)的開發(fā)還有一些不夠周全的地方，但是在以后的學(xué)習(xí)中，我會(huì)學(xué)到更多的知識(shí)來彌補(bǔ)一些不足之處，讓這個(gè)系統(tǒng)越做越好。在現(xiàn)代社會(huì)，數(shù)據(jù)化和信息化逐漸成為主流，此次選擇的主題將傳統(tǒng)文化與現(xiàn)代科技相結(jié)合，一是為了讓傳統(tǒng)文化有機(jī)會(huì)傳播，二是即使現(xiàn)代文化、外來文化多種多樣如繁花繚亂人眼球，也不能忘記傳統(tǒng)文化的重要性，它需要傳播與發(fā)展