进去后是模板页面，有很多有趣好玩的模板；
点击“我的”进入个人空间；
添加新折页。模板中有很多好玩的游戏，所以我们选择做一个相册；
可以扫码看一下初始的效果，决定了之后点击“开始制作”；
每一个标签页都有自己的内容，可以通过删除和复制自己控制模板的规格；
上传素材替换掉模板中的内容；
可以实时在手机上预览效果；
保存折页的时候记得修改页面上的信息；
好的制作者可是会利用这些信息吸引眼球哦~
在手机上预览没有问题后就可以直接右上角分享给朋友啦！~
上一节我们已经创建了一个用户应用，并创建了用户模型，那么我们这节就开始实现一个简单的用户登录注册功能！
登录注册功能Flask有一个非常优秀的扩展Flask-login，我们可以选择使用这个扩展来实现，但为了学习我们暂时不使用这个第三方扩展，而是选择使用session来实现！
首先，我们需要完善登录的html页面, 路径为： app/auth/templates/login.html
代码详解：
这个登陆模板继承了 base.html 的样式，这个 base.html 中的模块及代码其实就是我们之前实现的首页，只是我们把他作为一个模板基类来继承他！
这段代码中其实就是写了一个输入账号密码的表单，其他多余的代码都是为了实现表单的样式而存在的！
这里要特别说明的是这个input表单必须设置name属性，因为后端要根据此name属性来获取用户输入的值！其他属性则需要大家自行去了解学习！
登录功能的后端逻辑视图, 路径为： app/auth/views/auth.py
代码详解： -request.method == 'POST' 判断当前请求是否为post请求方式 - error = None 来初始化一个错误变量，如果未通过登录验证，把错误信息通过消息传送到页面提示用户
这段代码首先在数据库通过用户提交的用户名去查询该用户，用户不存在就会返回None返回错误提示，用户存在则判断密码是否正确，这里用到了一个 check_password_hash() 的方法，这是用来将密文密码解密后与用户输入密码比对方法，与之对应的有一个 generate_password_hash() 的方法用来加密明文密码保存到数据库！
这段代码则是如果没有返回任何错误提示，说明该提交的表单符合我们的要求，并且数据库也存在该用户信息，那么我们只需要清空session，重新将session中的user_id设置为当前登录的id即可！
因此在实现登录注册逻辑之前就必须引入这两个方法：
登录功能虽然实现了，但我们数据库目前还没有任何一个用户，所以此时就应该要去实现用户的注册功能，向数据库新增用户，大概的逻辑是，用户输入用户名及两次密码，先判断该用户是否已经存在，存在则提示更换用户名，不存在则向数据库创建该用户信息，并清空session，重新设置user_id的值为注册用户的id，以达到注册成功后自动登录的目的！
首先，我们需要完善注册的html页面, 路径为： app/auth/templates/register.html
这是注册页面的html，大家自行理解下，这里着重说一个我们在视图中通过 flash() 传递出来的消息，在模板中由以下代码接收！
注册功能的后端逻辑视图, 路径为： app/auth/views/auth.py
这个注册的逻辑基本上涵盖了我们之前所有章节学到的知识点，这里就不再过多地去一一解释代码，大家可自行理解并完善注释！
通过登录和注册功能的实现，我们已经清楚地知道，用户是否登录其实是判断session会话中是否存在用户的id来决定，那么推出登录，我们只需要清除session会话中的用户id即可，这里我们直接选择清空session的方式实现推出功能！
bp.before_app_request() 注册一个在视图函数之前运行的函数，无论请求什么 URL。 都会先检查用户 ID 是否存储在会话中，并从数据库获取该用户的数据，将其存储在 g.user 上，该数据在请求期间持续。
注册完这个函数之后，我们就可以在base.html中的导航的最右侧通过g.user的返回值，判断用户是否已经登录，显示不同的信息！
对于像下一章节我们要实现的用户中心以及管理后台，则必须是带有权限的访问，最基本的权限应该是必须是登录用户，那么所以说对于那些未登录的用户我们需要拒绝访问的功能！
这个其实思路也非常简单，既然在实现模板中调用用户信息的时候，我们把当前登录的用户信息添加到了g对象，那么我们只需要判断g.user的返回值是否为None即可判断用户是否登陆！
到这里关于用户登录注册相关的基本权限问题我们就完成了，注意这些视图函数都在 app/auth/views/auth.py 文件中！
这个要看引用文件的路径了。
比如在用户登录html中，引用的reg.css和login.css标签如下：
（1）<link href='reg.css' type='text/css' rel='stylesheet' />
（2）<link href='css/login.css' type='text/css' rel='stylesheet' />
reg.css的路径前没有什么文件夹，说明reg.css的路径是与html文件存放在同一个文件夹下的，而login.css 前面多了'css/'，这说明，login.css是存放在与html同一文件夹中的一个css文件夹中,举例说明如下：
A文件夹中有：（1）html登录注册.html （2）reg.css（3）css文件夹【即是B文件夹】
而B文件夹中：（1）login.css
而UserAjax.rar是一个压缩文件吧？解压后，看你把文件放哪了，就在script标签中的src中设置好路径就行了，跟上面link标签中的href属性一样。
![什么是冒泡法？[详细的讲下]](/aiimages/%E4%BB%80%E4%B9%88%E6%98%AF%E5%86%92%E6%B3%A1%E6%B3%95%EF%BC%9F%5B%E8%AF%A6%E7%BB%86%E7%9A%84%E8%AE%B2%E4%B8%8B%5D.png)
