基于python-flask制作的论坛

项目介绍

  • 首页: 基于python-flask制作的论坛_第1张图片
  • 首页导航栏

首先是首页导航栏,当用户没有登录的时候首页导航栏会显示为
基于python-flask制作的论坛_第2张图片
这是用户没有登录的情况 最右边会有登录和注册的按钮。当用户点击注册时,会跳转到注册页面。
基于python-flask制作的论坛_第3张图片
需要用手机号进行注册,点击发送验证码的时候会出现倒计时,在一分钟之内完成注册内是手机验证码是有效的,要注册成功必须输入正确的短信验证码和图片验证码。点击立即注册即可完成用户的注册,之后会跳转到首页。首页导航条最右部分将会变成用户信息。

当用户点击登录按钮时,将会跳转到登录页面。基于python-flask制作的论坛_第4张图片
点击记住我会使cookie信息保留一个月,即使关闭浏览器,下次进入也会显示登录的状态。 点击左下角将会跳转到注册界面。点击右下角将会跳转到安全中心,通过手机验证码的方式来修改密码找回账号。(这个功能将会在下面进行介绍)

基于python-flask制作的论坛_第5张图片
当用户登录后。
最右边会显示用户的用户名,点击时有三个选项,下面会对这几个功能进行介绍,当用户点击个人中心时会跳转到个人信息的页面。
基于python-flask制作的论坛_第6张图片
进入到这个页面后,可以修改信息。点击编辑信息,会弹出一个模态对话框。基于python-flask制作的论坛_第7张图片
然后可以通过修改来修改信息,点击添加头像时,会弹出
基于python-flask制作的论坛_第8张图片
可以选择图片进行上传。上传头像这一块是使用的七牛云来进行对图片的上传。
编辑完信息点击保存将会刷新个人信息页面。显示修改后的信息。

当用户点击安全中心时,会跳转到修改密码/找回密码的界面(和登录时找回密码的网页一样)
基于python-flask制作的论坛_第9张图片
通过手机验证码的方式来修改密码。
以上是对导航栏的功能的介绍

  • 首页轮播图

基于python-flask制作的论坛_第10张图片
可以通过cms后台来设置轮播图(这一块会在cms后台的介绍中进行介绍)。点击图片会跳转到指定的网页,也是通过cms后台进行设置的,必须要有cms的账号且拥有权限才能进行设置。

  • 首页帖子和板块及选择功能介绍
    基于python-flask制作的论坛_第11张图片
    这里进行帖子的展示。
    当帖子数量超过10篇时将会进行分页基于python-flask制作的论坛_第12张图片
    这部分的功能是通过flask_paginate来进行实现的。
    基于python-flask制作的论坛_第13张图片
    这里是板块选项。默认选项是所有版块将展示所有的帖子。
    当选择其他的板块选项时会对帖子进行筛选。比如当选择FFXIV时 只会显示属于FFXIV板块的帖子。
    基于python-flask制作的论坛_第14张图片
    可以结合下面图片中的选项进行筛选
    基于python-flask制作的论坛_第15张图片
    例如当我选择FFXIV和评论最多的选项时。
    基于python-flask制作的论坛_第16张图片
    将会查询FFXIV板块下的帖子并且按照评论的数量进行排序。

  • 发布帖子的功能介绍
    当点击首页的发布帖子按钮时,页面将会跳转到
    基于python-flask制作的论坛_第17张图片
    可以进行帖子的编写,采用的是ueditor和七牛云进行实现的,可以选择帖子所属的板块,默认是第一个板块FFXIV。当发布帖子后,会出现提示框。

基于python-flask制作的论坛_第18张图片
点击回到首页会跳转到首页,点击再发一篇会重新刷新页面。

  • 帖子详情页介绍
    当点开任意一篇首页的帖子
    基于python-flask制作的论坛_第19张图片
    左边的大边框会显示帖子的内容,右边的小边框会显示作者的信息。当点击作者信息时会跳转到作者信息的页面。基于python-flask制作的论坛_第20张图片
    能看到具体的作者信息(后面还会添加显示作者发过的帖子的功能,暂时还没有写)。

    将帖子页面拉到最后时
    基于python-flask制作的论坛_第21张图片可以进行评论的发布和点赞,当点击发表评论时会刷新页面。显示最新的评论。

以上就是论坛首页功能的介绍。下面将对后台用户管理系统进行介绍。

你可能感兴趣的:(基于python-flask制作的论坛)