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

可以看到页面的样式都设置成功,到这里,一个网站的基本框架就构造好了,后面再细化功能和页面方面的东西吧。

接下来就是部署这个网站了,下期见~

猜你喜欢

转载自my.oschina.net/u/4011629/blog/2965257