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. 使用云服务器实现Google搜索

    >>>>>>>>>>>>>>>>>>>>>>>>> ...

  2. The type 'Expression<>' is defined in an assembly that is not referenced.You must add a reference to assembly 'System.Core, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089'.

    在我将一个.net framework 4.0+mvc4+ef5的项目,升级到.net framework 4.6.1+mvc5+ef6之后,解决了所有的升级带来的问题,唯独在razor的cshtml ...

  3. MSSql-1内部数据库版本号

    源SQL Server版本 内部数据库版本 SQL Server 2017 869 SQL Server 2016 782 SQL Server 2012 706 SQL Server 2008 R2 ...

  4. Spring Cloud 微服务笔记（七） Zuul入门

    Zuul入门 Zuul是从设备和网站到后端应用程序所有请求的前门,为内部服务提供可配置的对外URL到服务的 映射关系,基于JVM的后端路由器.其具备一下功能: 1)认证与授权 2)压力控制 3)金丝雀 ...

  5. BZOJ 2169

    $f_{ij}$ 表示加入 $i$ 条边, $j$ 个点的度数是奇数的方案数,然后暴力 #include<bits/stdc++.h> using namespace std; #defi ...

  6. 20181125第二章节总结part3

    数据-元祖 元祖的是可存放多个值,不可变,有顺序的,从左向右编号. 作用是可以用来存储一些不可以更改的配置文件 基本 语法: #创建新元祖 tuple = (,,,,,) #索引,写法同list tu ...

  7. Cocos2d-js和Android交互

    说白了,就是JavaScript和Java之间的函数互相调用. 先看一下效果 有了这个交互,为了以后接sdk做准备. 要点: javascript调用java: jsb.reflection.call ...

  8. JS 简单工厂模式，工厂模式（二）

    一.什么是工厂模式: 工厂模式就是用来创建对象的一种最常用的设计模式,我们不暴露创建对象的具体逻辑,而是将逻辑封装到一个函数中,那么,这个函数 就可以被视为一个工厂.那么,在实际项目中,我们是不是可以 ...

  9. Spring整合MybatisPlus学习笔记

    简介 MyBatis-Plus(简称 MP)是一个 MyBatis 的增强工具,在 MyBatis 的基础上只做增强不做改变,为简化开发.提高效率而生 特性 无侵入:只做增强不做改变,引入它不会对现有 ...

  10. C# WinForm：DataTable中数据复制粘贴操作的实现

    1. 需要实现类似于Excel的功能,就是在任意位置选中鼠标起点和终点所连对角线所在的矩形,进行复制粘贴. 2. 要实现这个功能,首先需要获取鼠标起点和终点点击的位置. 3. 所以通过GridView ...