葛雯雯 孟令輝

（衡水學(xué)院物理與電子信息系 河北 衡水 053000）

1 研究背景及意義

在互聯(lián)網(wǎng)快速發(fā)展的時代背景下，網(wǎng)上關(guān)于中國傳統(tǒng)文化的信息比較零散，關(guān)于中國傳統(tǒng)文化的網(wǎng)站更是寥寥無幾，并且在過去的網(wǎng)站制作中，大多都是手工操作，這既阻礙了文化的流通，又耗費(fèi)了時間，不能很好的使用戶迅速查詢并瀏覽自己所需的信息。

本次設(shè)計(jì)的基于Bootstrap的中國傳統(tǒng)文化響應(yīng)式網(wǎng)站是為了幫助人們更加便捷的進(jìn)行中國傳統(tǒng)文化信息的查看，同時給用戶提供更加舒適的界面和視覺體驗(yàn)，從而使人們能從多方面領(lǐng)略中國傳統(tǒng)文化的風(fēng)采。同時，數(shù)據(jù)庫后臺的運(yùn)行速度也提高了中國傳統(tǒng)文化信息在線發(fā)布效率，從而促進(jìn)中國傳統(tǒng)文化信息的快速更新，以達(dá)到減少人力耗費(fèi)的目的。

2 需求分析

在信息爆炸的互聯(lián)網(wǎng)時代，新知識隨時出現(xiàn)，舊知識很容易被更新替代，中國傳統(tǒng)文化里有著許多優(yōu)秀的經(jīng)典文化精粹，我們可以通過不斷了解中國傳統(tǒng)文化，快速提高自己的知識和技能，以滿足專業(yè)工作的需要。基于Bootstrap的中國傳統(tǒng)文化響應(yīng)式網(wǎng)站，利用傳播速度快的互聯(lián)網(wǎng)傳播中國傳統(tǒng)文化信息，做到了信息傳播的與時俱進(jìn)。

3 網(wǎng)站分析與設(shè)計(jì)

3.1 網(wǎng)站實(shí)現(xiàn)目標(biāo)。基于Bootstrap的中國傳統(tǒng)文化響應(yīng)式網(wǎng)站，既要滿足目前的要求，又要能適應(yīng)后期擴(kuò)展，所以本網(wǎng)站設(shè)計(jì)要滿足以下功能：

3.1.1 網(wǎng)站將傳統(tǒng)文化信息分類細(xì)化，使得頁面結(jié)構(gòu)清晰，操作簡單，同時提供了網(wǎng)站搜索功能，使得頁面信息查詢靈活方便。

3.1.2 實(shí)現(xiàn)網(wǎng)站的無bug運(yùn)行，各個功能反應(yīng)迅速，程序結(jié)構(gòu)合理，方便后期升級及維護(hù)。

3.1.3 通過基于Bootstrap的中國傳統(tǒng)文化響應(yīng)式網(wǎng)站的實(shí)施，使用戶可以在不同設(shè)備、不同分辨率下舒適的閱覽中國傳統(tǒng)文化信息。

3.1.4 網(wǎng)站后臺的運(yùn)行使得眾多的傳統(tǒng)文化信息可以及時有效的管理、修改、發(fā)布，同時便于網(wǎng)站管理者對用戶群體的信息管理。

3.1.5 網(wǎng)站有較好的安全性和穩(wěn)定性，維護(hù)方便可靠，保證網(wǎng)站實(shí)用性、先進(jìn)性的要求。

為了有效的避免非法訪問，本網(wǎng)站采用了身份驗(yàn)證機(jī)制，用戶登陸時，通過輸入帳號、密碼以及進(jìn)行必要的信息驗(yàn)證，防止非法登錄及惡意破壞，根據(jù)用戶的不同類型，訪問權(quán)限級別也不同，按權(quán)限可分為：用戶和網(wǎng)站管理員。

3.2 網(wǎng)站體系結(jié)構(gòu)。網(wǎng)站的體系結(jié)構(gòu)一般包括前端頁面、后臺管理以及數(shù)據(jù)庫，本次網(wǎng)站設(shè)計(jì)開發(fā)的網(wǎng)站就由這三部分構(gòu)成。前端頁面主要采用div+css網(wǎng)頁布局，將網(wǎng)站的內(nèi)容主要分為首頁、諸子百家、書畫藝術(shù)、中國戲劇、中華武術(shù)、傳統(tǒng)工藝等六大類，并運(yùn)用Bootstrap框架對網(wǎng)站內(nèi)容進(jìn)行合理調(diào)配，以便網(wǎng)站能夠?qū)Σ煌O(shè)備、分辨率屏幕自適應(yīng)，同時合理的插入PHP動態(tài)網(wǎng)頁語言，使網(wǎng)站具有數(shù)據(jù)管理、交互能力，并運(yùn)用MySQL數(shù)據(jù)庫對數(shù)據(jù)進(jìn)行存儲，便于對網(wǎng)站進(jìn)行管理，增強(qiáng)了網(wǎng)站的靈活性。

4 網(wǎng)站實(shí)現(xiàn)

4.1 管理員登錄界面。管理員后臺登錄界面使用了Bootstrap框架里的form-group表單布局樣式布局，在這之中運(yùn)用了框架自帶的css樣式對表單樣式進(jìn)行修改，使其更加美觀，同時也節(jié)省了代碼編寫時間，提高了開發(fā)效率。

4.2 后臺頁面。在本網(wǎng)站后臺頁面，點(diǎn)擊右側(cè)上方導(dǎo)航項(xiàng)，可以打開該導(dǎo)航欄的列表項(xiàng)查看該導(dǎo)航下的內(nèi)容，在這里可以對其進(jìn)行數(shù)據(jù)的管理，方便簡單。

4.3 首頁搜索功能。中國傳統(tǒng)文化博大精深，其包含的內(nèi)容也是極其豐富多樣的，因此為了增強(qiáng)用戶體驗(yàn)，有必要為網(wǎng)站添加搜索欄，提供信息查詢功能，使用戶能準(zhǔn)確地找到自己所需內(nèi)容或是想要閱覽的內(nèi)容。

4.4 網(wǎng)站首頁介紹。本次設(shè)計(jì)制作的中國傳統(tǒng)文化網(wǎng)站是以內(nèi)容介紹為主，在交互上體現(xiàn)的少，內(nèi)容的展示大都采用標(biāo)題正文式，所以本次網(wǎng)站布局采用的是“國”字型布局，使得頁面整潔清晰的展示了傳統(tǒng)文化內(nèi)容。首頁上的導(dǎo)航欄運(yùn)用了Bootstrap框架中的collapse插件，這個插件簡單實(shí)用，只需按它所示要求更改內(nèi)容即可完成響應(yīng)式導(dǎo)航欄的制作，使得頁面可以在一定范圍的容器寬度內(nèi)自動折疊，從而達(dá)到美觀頁面，響應(yīng)式布局的效果。頁面的布局采用了Bootstrap中的柵格系統(tǒng)布局，使得頁面內(nèi)容在一定范圍內(nèi)自適應(yīng)不同頁面大小，從而為用戶帶來更好的體驗(yàn)。

5 網(wǎng)站調(diào)試與測試

5.1 網(wǎng)站測試的意義及目的

5.1.1 測試的意義。網(wǎng)站測試的意義在于能夠通過檢測找到網(wǎng)站中存在的錯誤，檢驗(yàn)網(wǎng)站是否達(dá)到了技術(shù)要求，也相當(dāng)于對網(wǎng)站的質(zhì)量驗(yàn)收。

5.1.2 測試的目的。網(wǎng)站測試即是在運(yùn)行之前對網(wǎng)站進(jìn)行檢驗(yàn)，它的實(shí)質(zhì)是為了找出錯誤，而不是為了說明沒有錯誤，網(wǎng)站測試是保障網(wǎng)站質(zhì)量的至關(guān)重要的一個步驟。測試的目的是為了解決設(shè)計(jì)模型與實(shí)際成果不一致的問題，可能開發(fā)者沒能真正了解客戶的需求，網(wǎng)站功能與需求有所差異，通過測試能夠找出這些矛盾，然后開發(fā)者再結(jié)合這些需求修改和完善網(wǎng)站來滿足客戶的需求。

5.2 網(wǎng)站測試的結(jié)論。通過對網(wǎng)站各個功能的測試分析總結(jié)得出：網(wǎng)站的功能基本滿足用戶的需求，功能達(dá)到要求水平。但是，由于現(xiàn)實(shí)的局限性，網(wǎng)站的內(nèi)容還不夠充實(shí)，需要廣大用戶群體的提供，然后加以完善，同時也不可能將所有的功能一一進(jìn)行測試，而且測試所用環(huán)境與實(shí)際運(yùn)行環(huán)境也存在著一定的差別，因此并不能完全無誤地測試出網(wǎng)站存在的缺陷，對于網(wǎng)站可能出現(xiàn)的問題，還需要進(jìn)一步修改和完善。

6 結(jié)語

6.1 網(wǎng)站通用性的問題。目前，通過基于Bootstrap的中國傳統(tǒng)文化響應(yīng)式網(wǎng)站，人們可以在線進(jìn)行中國傳統(tǒng)文化信息的查看，但是由于Bootstrap框架只是按容器大小自適應(yīng)的，所以對于一些不規(guī)則的設(shè)備或者未來出現(xiàn)的新一代設(shè)備可能并不適用，這是在未來亟需完善和解決的問題。

6.2 網(wǎng)站的完善性問題。中國傳統(tǒng)文化是中華文明演化而匯集成的精華，且內(nèi)容眾多，故而網(wǎng)站的內(nèi)容可能存在不完整或者收錄有誤的情況，這是需要大家共同努力來完善的，網(wǎng)站內(nèi)容才能更加充實(shí)。

6.3 與其他部門網(wǎng)站相對接的問題。網(wǎng)站的發(fā)展傳播現(xiàn)如今是不能僅僅依靠域名單頁面訪問的，這需要網(wǎng)站管理將基于Bootstrap的中國傳統(tǒng)文化響應(yīng)式網(wǎng)站與其他網(wǎng)站進(jìn)行有效的對接，實(shí)現(xiàn)信息的共享，這是網(wǎng)站建成發(fā)布不可或缺的一部分。