BVDN-6 用户注册登录(2)

通过上节的修改,我们有了可以实际应用的User模型,现在我们需要在主页上加入注册登录入口和登出按钮。


还记得Base.html吗?

第二节编的base.html,不要删除。现在它该再次出场了。

startapp main,再重复一遍,把base.html和static复制进来

BVDN-6 用户注册登录(2)_第1张图片
似曾相识

在views.py里添加响应函数

BVDN-6 用户注册登录(2)_第2张图片
main.index

在settings.py里注册main应用

BVDN-6 用户注册登录(2)_第3张图片
注册main

在urls.py里添加地址

BVDN-6 用户注册登录(2)_第4张图片
添加地址

runserver,确保能访问到我们的主页

BVDN-6 用户注册登录(2)_第5张图片
???

为什么我们看到了这玩意?原来在users文件夹里也有一个base.html!我们得改名。

BVDN-6 用户注册登录(2)_第6张图片
巧了!

所以说名字一定要起长一些,避免重名,编程的时候最烦的就是和关键字重名。

BVDN-6 用户注册登录(2)_第7张图片
改名1
BVDN-6 用户注册登录(2)_第8张图片
改名2

改完名后,就可以正常访问主页了

BVDN-6 用户注册登录(2)_第9张图片
成功

接下来,就该修改我们的主页了


修改主页

找到改名之后的basemain.html,打开它,找到导航栏

BVDN-6 用户注册登录(2)_第10张图片
导航栏

修改成这样

BVDN-6 用户注册登录(2)_第11张图片
修改后的导航栏

很多内容看不懂?别急,容我慢慢讲来:

首先,这是Bootstrap导航栏修改的教程:http://www.runoob.com/bootstrap/bootstrap-navbar.html,那些class=“”应该怎么写,请自己去看,我就不讲了,我讲重点。

注意看代码中间段的{% if ... %},这个是Django模板,它代表的是Django后台往前端送网页文件之前,对网页文件进行的一些加工。

比如说这里的{% if request. user. is_ authen ticated %},仔细看,结合上下文可以判断出,它是用来判断当前是不是有人登录,如果有人登录就显示个人中心,如果未登录就显示登录、注册按钮。

然后注意{{ request.user.name }},这个也是Django模板,但是它的作用是传递数据。也就是说Django后台往前端送网页之前会先把这个双括号换成request.user.name,也就是当前登录用户的名字。

在我们详细介绍Vue和Ajax之前,这就是我们传递数据的唯一方式了。好好使用哦!好嘞,我们首页改完了,现在可以试试看效果

BVDN-6 用户注册登录(2)_第12张图片
修改后的首页

但是,点击了登录按钮后,好像没有反应……那是当然的了,你还没有加入超链接。这部分内容我们下次再讲。

BVDN,傻子也能建网站。

你可能感兴趣的:(BVDN-6 用户注册登录(2))