6-1 django在线教育平台---首页和登录页面的配置

一、首页配置

1、新建static目录,放入相应文件,如下图,将首页模板index.html放入模板文件夹下

这里写图片描述

2、 在前端显示index.html,配置url,这里不用配置view了,用TemplateView直接返回页面
这里写图片描述

3、启动项目,查看页面显示,F12查看显示,表明没有加载到css文件,接下来就是路径配置
这里写图片描述

4、路径配置

settings路径配置
这里写图片描述

index.html路径配置
图中用的是相对路径
这里写图片描述
Ctrl F全局替换,涉及js、css、image等文件的替换
这里写图片描述

二、登录页面配置

和首页配置类似
将login.html登录模板拷贝到模板文件夹下,配置模板中的路径
注意:要选择Match Case,是准确匹配,选择Regex是正则匹配

Match Case
这里写图片描述

Regex
这里写图片描述

配置相应的css,js,images等文件
这里写图片描述

知道搜索框出现红色,说明已经不存在你在搜索框中搜索的文件了
这里写图片描述

最后编写url

这里写图片描述

三、登录页面跳转

点击登录按钮会跳转到登录页面,配置登录按钮的url

这里写图片描述

这里写图片描述

猜你喜欢

转载自blog.csdn.net/f1ngf1ngy1ng/article/details/80908070
6-1