bootstrap 图片轮询_(转)Django ====> 实战学习篇四 引入bootstrap，设置静态资源

按照迭代开发的计划，下一步是美化界面，引入bootstrap 显示如下风格：

为了实现这个界面，在设计初期我们自己定义静态资源，包括imge,css,js等等，(django正式部署的时候对静态资源有特殊的处理，开发阶段我们以简单的方式让静态资源起到作用)。

在project目录下建立static目录，将静态资源按合理的方式放入其中：

static/css/bootstrap.mim.css ===>产品清单界面使用的样式表，整个系统都使用这种风格。

js/images/productlist.html ===> 产品清单静态界面

回到django 我们进行如下设置(仅仅在开发阶段)

首先修改setting文件中的static files的部分：

65 import os

66 # Additional locations of static files

67 HERE = os.path.join( os.path.dirname(__file__), '../static/')

68 STATICFILES_DIRS = (

69 # Put strings here, like "/home/html/static" or "C:/www/dja ngo/static".

70 # Always use forward slashes, even on Windows.

71 # Don't forget to use absolute paths, not relative paths.

72 HERE,

73 )

然后在urls.py中加入static的url的映射：

24 from django.contrib.staticfiles.urls import staticfiles_urlpatt

erns

25

26 #for development only this will work only DEBUG is True

27 urlpattern += staticfiles_urlpatterns()

启动server 通过访问http://127.0.0.1:8000/static/productlist.html 看到设计好的界面

让后就可以我们自己修改模板，美化产品清单页的样式了。