1、把首页的页面(index)放到templates目录下,新建一个static文件,把css images img js (全是静态文件)文件全放进static文件下。
2、在URL下配置一个处理静态的URL,Django有一个templateview是专门处理静态文件的。
TemplateView:显示Django HTML template
from django.views.generic import TemplateView
urlpatterns = [
url(r'^$',TemplateView.as_view(template_name="index.html"),name="index")
]
#as_view会把Template转换成view。
#template_name里面只需要指明文件就行,不需要写路径,因为Django会自动识别出template就是存放html的路径。
2.run 一下之后 界面如下:
界面比较混乱,解决:调出F12,查看网络:
出现404错误,表示找不到静态文件,解决:在setting中说明一下静态文件是放在哪个文件之下的:
STATIC_URL = '/static/'
STATICFILES_DIRS=(
os.path.join(BASE_DIR,"static"),
)
然后还需要修改一下静态文件中index中静态文件的引用,因为在写前端的时候它指明的是相对路径,要改成static路径。
刷新过后页面出现500错误,原因:少加了一个逗号括号后面加逗号。
STATICFILES_DIRS=(
os.path.join(BASE_DIR,'static'),
)
然后加载图片:全局替换:ctrl+r,
3.如何跳转到login:
urlpatterns = [
url(r'^xadmin/', xadmin.site.urls),
url(r'^$',TemplateView.as_view(template_name="index.html"),name="index")
url(r'^/login/$',TemplateView.as_view(template_name="login.html"),name="login")
]