中國傳統文化響應式網站的設計

葛雯雯 孟令輝

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

1 研究背景及意義

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

本次設計的基于Bootstrap的中國傳統文化響應式網站是為了幫助人們更加便捷的進行中國傳統文化信息的查看，同時給用戶提供更加舒適的界面和視覺體驗，從而使人們能從多方面領略中國傳統文化的風采。同時，數據庫后臺的運行速度也提高了中國傳統文化信息在線發布效率，從而促進中國傳統文化信息的快速更新，以達到減少人力耗費的目的。

2 需求分析

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

3 網站分析與設計

3.1 網站實現目標。基于Bootstrap的中國傳統文化響應式網站，既要滿足目前的要求，又要能適應后期擴展，所以本網站設計要滿足以下功能：

3.1.1 網站將傳統文化信息分類細化，使得頁面結構清晰，操作簡單，同時提供了網站搜索功能，使得頁面信息查詢靈活方便。

3.1.2 實現網站的無bug運行，各個功能反應迅速，程序結構合理，方便后期升級及維護。

3.1.3 通過基于Bootstrap的中國傳統文化響應式網站的實施，使用戶可以在不同設備、不同分辨率下舒適的閱覽中國傳統文化信息。

3.1.4 網站后臺的運行使得眾多的傳統文化信息可以及時有效的管理、修改、發布，同時便于網站管理者對用戶群體的信息管理。

3.1.5 網站有較好的安全性和穩定性，維護方便可靠，保證網站實用性、先進性的要求。

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

3.2 網站體系結構。網站的體系結構一般包括前端頁面、后臺管理以及數據庫，本次網站設計開發的網站就由這三部分構成。前端頁面主要采用div+css網頁布局，將網站的內容主要分為首頁、諸子百家、書畫藝術、中國戲劇、中華武術、傳統工藝等六大類，并運用Bootstrap框架對網站內容進行合理調配，以便網站能夠對不同設備、分辨率屏幕自適應，同時合理的插入PHP動態網頁語言，使網站具有數據管理、交互能力，并運用MySQL數據庫對數據進行存儲，便于對網站進行管理，增強了網站的靈活性。

4 網站實現

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

4.2 后臺頁面。在本網站后臺頁面，點擊右側上方導航項，可以打開該導航欄的列表項查看該導航下的內容，在這里可以對其進行數據的管理，方便簡單。

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

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

5 網站調試與測試

5.1 網站測試的意義及目的

5.1.1 測試的意義。網站測試的意義在于能夠通過檢測找到網站中存在的錯誤，檢驗網站是否達到了技術要求，也相當于對網站的質量驗收。

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

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

6 結語

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

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

6.3 與其他部門網站相對接的問題。網站的發展傳播現如今是不能僅僅依靠域名單頁面訪問的，這需要網站管理將基于Bootstrap的中國傳統文化響應式網站與其他網站進行有效的對接，實現信息的共享，這是網站建成發布不可或缺的一部分。