按照迭代开发的计划,下一步是美化界面,引入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 看到设计好的界面
让后就可以我们自己修改模板,美化产品清单页的样式了。