在上節(jié)已經(jīng)了解到，使用模板語法可以實(shí)現(xiàn)把后臺(tái)返回的動(dòng)態(tài)數(shù)據(jù)渲染到前端頁面，但這個(gè)頁面太單調(diào)、沒有css的裝扮，可能丑的不忍直視。而css\js相對(duì)于后端開發(fā)人員來說，可能寫起來又不太順手或者經(jīng)驗(yàn)匱乏，如果沒有專業(yè)的前端人員配合，最好的方法就是引入現(xiàn)成的前端css框架，Bootstrap就是最好的css框架之一。
1） 下載Bootstrap 從https://v3.bootcss.com/getting-started/#download下載Bootstrap，選擇用于生產(chǎn)環(huán)境的Bootstrap下載即可； 2） 配置Bootstrap路徑 解壓下載后的Bootstrap并放在Django的static目錄（新建用于專門存放靜態(tài)文件），然后在settings.py配置路徑，如：
STATIC_URL?=?'/static/'STATICFILES_DIRS?=?[????os.path.join(BASE_DIR,?"static"),3） HTML引入Bootstrap CSS：
JS:
注意：Bootstrap依賴JQuery，所以需要引入。
如果是第一次接觸Bootstrap，可能會(huì)疑惑它是個(gè)什么玩意兒？為什么要用它呢？ Bootstrap是Twitter推出的一款前端測(cè)試框架，通俗的將，它封裝了很多漂亮、高大上的控件，通過在html中使用控件的類名就能引入封裝的控件，讓頁面顯得漂亮起來。另外，這樣的頁面是響應(yīng)式布局，一次編寫就能自動(dòng)適配PC、手機(jī)、平板等設(shè)備。站在巨人的肩膀上，是不是頓時(shí)覺得輕松很多。
Bootstrap提供了很多封裝好的控件，參考https://v3.bootcss.com/components/，【組件】頁面，借用該頁面的話說，“無數(shù)可復(fù)用的組件，包括字體圖標(biāo)、下拉菜單、導(dǎo)航、警告框、彈出框等更多功能”。 下面是圖書管理系統(tǒng)頁面使用的Bootstrap導(dǎo)航組件:
稍加修改，就為我所用了:
注意使用Bootstrap時(shí)，按照第二部分說明，在html頁面引入CSS\JS。
關(guān)于python學(xué)習(xí)、分享、交流，筆者開通了微信公眾號(hào)【小蟒社區(qū)】，感興趣的朋友可以關(guān)注下，歡迎加入，建立屬于我們自己的小圈子，一起學(xué)python。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
重慶分公司
重慶分公司
