Pycharm上Django的使用 Day14

設置其餘頁面的樣式

1.設置new_topic頁面的樣式

1處加載bootstrap3，添加header塊並在其中包含合適的消息

2處表示在標籤<form>中添加屬性class = "form"

3處表示使用模板標籤{% bootstrap_form %}代替{{ form.as_p }}

4處表示使用bootstrap3結構來定義提交按鈕

 

2.設置topics頁面樣式

1處表示在header塊中添加標題Topics

2處表示將每一個主題的樣式都設置爲<h3>元素，讓它們在頁面上顯得大些

3處表示對於添加新主題的連接，也作了同2處的處理

 

3.設置topic頁面中條目的樣式

1處，將主題放在了header塊中

2處建立了一個面板式div元素，其中包含兩個嵌套的div：一個面板標題(panel-heading)div(3處)和一個面板主體(panel-body)div

其中面板標題div包含條目的建立日期以及用於編輯條目的連接，它們都被設置爲<h3>元素(4處)，而對於編輯條目的連接，還使用了標籤<small>，使其比時間戳小些(5處)

 

4.設置new_entry頁面、edit_entry頁面和註冊頁面

這3個頁面的設置方法和以前的差很少都同樣，就不作過多解釋了哈

 

5.運行manage.py

 

 

 

 

 

能夠看到頁面的樣式都設置成功，到這裏，一個網站的基本框架就構造好了，後面再細化功能和頁面方面的東西吧。

接下來就是部署這個網站了，下期見~