11.1.前台用户模型创建

（1）apps/front/models.py

首先安装：pip install shortuuid

class FrontUser(db.Model):

    __tablename__ = "front_user"

    id = db.Column(db.String(100),primary_key=True,default=shortuuid.uuid)

    telephone = db.Column(db.String(11),nullable=False,unique=True)

    username = db.Column(db.String(50),nullable=False)

    _password = db.Column(db.String(100),nullable=False)

    email = db.Column(db.String(50),unique=True)

    realname = db.Column(db.String(50))

    avatar = db.Column(db.String(100))

    signature = db.Column(db.String(100))

    gender = db.Column(db.Enum(GenderEnum),default=GenderEnum.UNKNOW)

    join_time = db.Column(db.DateTime,default=datetime.now)

    def __init__(self,*args,**kwargs):

        #如果传入的参数里面有‘password’，就单独处理

        if "password" in kwargs:

            self.password = kwargs.get("password")

            #处理完后把password pop出去

            kwargs.pop("password")

            #剩下的参数交给父类去处理

        super(FrontUser, self).__init__(*args,**kwargs)

    @property

    def password(self):

        return self._password

    #保存密码的时候加密

    @password.setter

    def password(self, raw_password):

        self._password = generate_password_hash(raw_password)

    def check_password(self, raw_password):

        result = check_password_hash(self.password, raw_password)

        return result

（2）manage.py

@manager.option('-t','--telephone',dest='telephone')

@manager.option('-u','--username',dest='username')

@manager.option('-p','--password',dest='password')

def create_front_user(telephone,username,password):

    user = FrontUser(telephone=telephone,username=username,password=password)

    db.session.add(user)

    db.session.commit()

（3）生成表和添加前台用户

python manage.py db migrate

python manage.py db upgrade

添加用户

python manage.py create_front_user -t 18888888888 -u huge -p 111111

11.2.注册界面完成

（1）front/views.py

class SignupView(views.MethodView):

    def get(self):

        return render_template('front/signup.html')

bp.add_url_rule('/signup/',view_func=SignupView.as_view('signup'))

（2）common/images/logo.jpg

放一张logo图片

（3）front/front_signup.html

{% from 'common/_macros.html' import static %}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>仙剑账号注册</title>

    <script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>

    <link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <style>

        body{

            background:#f3f3f3;

        }

        .outer-box{

            width: 854px;

            background: #fff;

            margin: 0 auto;

            overflow: hidden;

        }

        .logo-box{

            text-align: center;

            padding-top: 40px;

        }

        .logo-box img{

            width: 60px;

            height: 60px;

        }

        .page-title{

            text-align: center;

        }

        .sign-box{

            width: 300px;

            margin: 0 auto;

            padding-top: 50px;

        }

    </style>

</head>

<body>

    <div class="outer-box">

        <div class="logo-box">

            <a href="/">

                <img src="{{ static('common/images/logo.jpg') }}" alt="">

            </a>

        </div>

        <h2 class="page-title">仙剑账号注册</h2>

        <div class="sign-box">

            <div class="form-group">

                <div class="input-group">

                    <input type="text" class="form-control" name="telephone" placeholder="手机号码">

                    <span class="input-group-btn">

                        <button class="btn btn-default">发送验证码</button>

                    </span>

                </div>

            </div>

            <div class="form-group">

                <input type="text" class="form-control" name="sms_captcha" placeholder="短信验证码">

            </div>

             <div class="form-group">

                <input type="text" class="form-control" name="username" placeholder="用户名">

            </div>

             <div class="form-group">

                <input type="password" class="form-control" name="password1" placeholder="密码">

            </div>

             <div class="form-group">

                <input type="password" class="form-control" name="password2" placeholder="确认密码">

            </div>

             <div class="form-group">

                <div class="input-group">

                    <input type="text" class="form-control" name="graph_captcha" placeholder="图形验证码">

                    <span class="input-group-addon">

                        验证码

                    </span>

                </div>

            </div>

            <div class="form-group">

                <button class="btn btn-warning btn-block">立即注册</button>

            </div>

        </div>

    </div>

</body>

</html>

效果：

BBS论坛（十一）的更多相关文章

  1. Python之路【第十八篇】Django小项目简单BBS论坛部分内容知识点

    开发一个简单的BBS论坛 项目需求: 整体参考“抽屉新热榜” + “虎嗅网” 实现不同论坛版块 帖子列表展示 帖子评论数.点赞数展示 在线用户展示 允许登录用户发贴.评论.点赞 允许上传文件 帖子可被 ...

  2. python 学习笔记二十 django项目bbs论坛

    项目:开发一个简单的BBS论坛 需求: 整体参考“抽屉新热榜” + “虎嗅网” 实现不同论坛版块 帖子列表展示 帖子评论数.点赞数展示 在线用户展示 允许登录用户发贴.评论.点赞 允许上传文件 帖子可 ...

  3. Python之路,Day17 - 分分钟做个BBS论坛

    Python之路,Day17 - 分分钟做个BBS论坛   本节内容: 项目:开发一个简单的BBS论坛 需求: 整体参考"抽屉新热榜" + "虎嗅网" 实现不同 ...

  4. python第一百三十天 ---简单的BBS论坛

    简单的BBS论坛 实现功能 git仓库地址:https://github.com/uge3/BBS 1.整体参考“抽屉新热榜” + “博客园” 2.实现不同论坛版块 3.帖子列表展示 4.个人博客主页 ...

  5. Django小项目简单BBS论坛

    开发一个简单的BBS论坛 项目需求: 1 整体参考"抽屉新热榜" + "虎嗅网" 2 实现不同论坛版块 3 帖子列表展示 4 帖子评论数.点赞数展示 5 在线用 ...

  6. Python开发一个简单的BBS论坛

    项目:开发一个简单的BBS论坛 需求: 整体参考“抽屉新热榜” + “虎嗅网” 实现不同论坛版块 帖子列表展示 帖子评论数.点赞数展示 在线用户展示 允许登录用户发贴.评论.点赞 允许上传文件 帖子可 ...

  7. bbs论坛浏览器兼容性问题

    一直都是在chrome上进行调试,今天终于把bbs论坛这个项目搭建完了,进入IE.Firefox看了看 吓哭了!!! 火狐 Edge chrome 特别是加了<!DOCTYPE html> ...

  8. 开源BBS论坛软件推荐

    七款开源BBS论坛软件推荐(1) 本文介绍了七个开源的BBS论坛软件(在英文界一般叫做Forum).可能国内的朋友们比较熟悉Discuz!和PHPwind,但其实我们的选择还是很多的,而且下面介绍的这 ...

  9. LNMP环境搭建BBS论坛及伪静态

    我们在mysql备份 LNMP环境中的数据库迁移为独立的服务器的基础上搭建BBS论坛:  [root@bqh-117 ~]# mysql -uroot -p123456 Welcome to the ...

  10. Django项目 BBS论坛

    BBS论坛 一.项目表分析 二.自定义form组件 三.注册功能 四.BBS论坛 登录功能

随机推荐

  1. 调整登录会话和资源限制，bash和csh的ulimit设置方法

    查看软限制和硬限制 要查看会话中的软限制设置,请运行: 对于csh: % limit 对于bash: $ ulimit -a 下面的输出样本显示了PFE上的软限制设置. 对于csh: % limit ...

  2. Java - 数组排序 -- 浅析稳定性与复杂度

    上次我们了解了对数组的基本操作,那么谈到数组,我们就不得不谈谈数组的排序 什么是排序 排序是计算机内经常进行的一种操作,其目的是将一组“无序”的记录序列调整为“有序”的记录序列 -- 百度百科 排序是 ...

  3. 详解 IntelliJ IDEA 配置和启动maven 项目 步骤

    1.本地安装maven 1.1 安装 https://www.cnblogs.com/wkrbky/p/6350334.html?utm_source=itdadao&utm_medium=r ...

  4. browser-sync + http-proxy-middleware 配置代理跨域

    写代理js文件下面是文件内容 /** * Module dependencies. */ var browserSync = require('browser-sync').create() var ...

  5. Java实现生产者与消费者模式

    生产者不断向队列中添加数据,消费者不断从队列中获取数据.如果队列满了,则生产者不能添加数据:如果队列为空,则消费者不能获取数据.借助实现了BlockingQueue接口的LinkedBlockingQ ...

  6. php面向对象三大特征

    封装:对外只告诉你如何操作,内部结构不需要你知道. 对外只提供可操作的接口(方法),对内的数据操作不可见 继承:子类可以继承父类的属性和方法,但是有限继承,public  protected  pri ...

  7. LeetCode 15 3Sum [sort] <c++>

    LeetCode 15 3Sum [sort] <c++> 给出一个一维数组,找出其中所有和为零的三元组(元素集相同的视作同一个三元组)的集合. C++ 先自己写了一发,虽然过了,但跑了3 ...

  8. node02

    1.使用已有的知识实现一个简单的登录和注册的界面 请求有请求接口有请求页面的,我们需要加以区分 以下是客户端代码 <!DOCTYPE html> <html lang="e ...

  9. DOM-基本概念及使用

    1.获取元素的方式总结 1.根据 id 的属性的值获取元素,返回值是一个元素对象 document.getElementById("id属性的值"); 2.根据标签名获取元素,返回 ...

  10. js 单行注释

    不可以: var a = 1;//这是注释 应当: var a = 1; //这是注释 1