Python全栈(八)Flask项目实战之1.项目搭建

CuterCorley 等级 570 0 0

[video(video-2jwWp550-1589937184219)(type-bilibili)(url-https://player.bilibili.com/player.html?aid=883233031)(image-https://ss.csdn.net/p?http://i0.hdslb.com/bfs/archive/bb74ff31534a488eaa818a4e7a23d1176c439440.jpg)(title-那些常见网页中的彩蛋,你都知道吗?)]

百度、知乎、B站你可能经常会用到,但是你知道隐藏在其中的彩蛋吗?Google、Firefox,你可能也会经常使用,但是你发现了它们的彩蛋吗?我们一起来看看吧(^_^)? 百度的一个彩蛋还可以教你想心仪的小姐姐表白呢O(∩_∩)O

Flask项目实战是做一个简单的论坛平台,实现基本功能。

Github和Gitee代码同步更新https://github.com/PythonWebProject/Flask_BBShttps://gitee.com/Python_Web_Project/Flask_BBS

一、项目目录创建

在真实项目中,实现前台front和后台cms分离实现,以优化整个项目的代码结构。 整个项目==默认使用PyCHarm==进行开发。

创建用户目录Flask_BBS,该项目所有的文件均保存在该目录中。

先创建程序主入口文件bbs.py如下:

'''
前台 front
后台 cms
公有 common
'''

from flask import Flask
from exts import db
from apps.cms.views import cms_bp
from apps.front.views import front_bp
import config


app = Flask(__name__)
app.config.from_object(config)
db.init_app(app)

app.register_blueprint(cms_bp)
app.register_blueprint(front_bp)


if __name__ == '__main__':
    app.run(debug=True)

再创建静态资源文件保存目录static和模板保存目录templates。

再创建配置文件config.py如下:

# 数据库连接配置
HOSTNAME = '127.0.0.1'
PORT = 3306
USERNAME = 'root'
PASSWORD = 'root'
DATABASE = 'flask_bbs'
DB_URL = 'mysql+mysqlconnector://{}:{}@{}:{}/{}?charset=utf8'.format(USERNAME, PASSWORD, HOSTNAME, PORT, DATABASE)

SQLALCHEMY_DATABASE_URI = DB_URL
SQLALCHEMY_TRACK_MODIFICATIONS = False

再创建中间文件exts.py如下:

from flask_sqlalchemy import SQLAlchemy

db = SQLAlchemy()

再创建数据库映射迁移管理文件manage.py如下:

from flask_script import Manager
from bbs import app
from flask_migrate import Migrate, MigrateCommand
from exts import db

manager = Manager(app)
Migrate(app, db)

manager.add_command('db', MigrateCommand)

if __name__ == '__main__':
    manager.run()

在项目目录右键新建Python Packageapps,下面新建Python包cms、front和common用于保存后台前台公有文件

在cms和front目录下均创建表单文件forms.py、模型文件models.py和视图文件views.py文件。

cms目录下的views.py如下:

from flask import Blueprint

cms_bp = Blueprint('cms', __name__, url_prefix='/cms')

@cms_bp.route('/')
def index():
    return '后台管理首页'

front目录下的views.py如下:

from flask import Blueprint

front_bp = Blueprint('front', __name__)

@front_bp.route('/')
def index():
    return '前台首页'

运行主程序后,显示: Python全栈(八)Flask项目实战之1.项目搭建 如果出现类似的效果,则项目目录基本构建完成。

二、CMS模型定义和用户添加

1.CMS管理员用户模型定义

cms目录下的models.py如下:

from exts import db
from datetime import datetime

class CMSUser(db.Model):
    '''后台管理员用户类'''
    __tablename__ = 'cms_user'
    id = db.Column(db.Integer, primary_key=True, autoincrement=True)
    username = db.Column(db.String(30), nullable=False)
    password = db.Column(db.String(30), nullable=False)
    email = db.Column(db.String(50), nullable=False, unique=True)
    join_time = db.Column(db.DateTime, default=datetime.now())

创建了CMSUser后台管理员用户类。

在manage.py中导入模型:

from flask_script import Manager
from bbs import app
from flask_migrate import Migrate, MigrateCommand
from exts import db
from apps.cms.models import CMSUser

manager = Manager(app)
Migrate(app, db)

manager.add_command('db', MigrateCommand)


if __name__ == '__main__':
    manager.run()

此时在命令行的当前目录下依次执行python manage.py db initpython manage.py db migratepython manage.py db upgrade,执行成功后可以在数据库flask_bbs中看到cms_user表。

2.添加用户

在manage.py中添加代码来实现通过命令行添加用户

from flask_script import Manager
from bbs import app
from flask_migrate import Migrate, MigrateCommand
from exts import db
from apps.cms.models import CMSUser

manager = Manager(app)
Migrate(app, db)

manager.add_command('db', MigrateCommand)


@manager.option('-u', '--username', dest='username')
@manager.option('-p', '--password', dest='password')
@manager.option('-e', '--email', dest='email')
def create_cms_user(username, password, email):
    user = CMSUser(username=username, password=password, email=email)
    db.session.add(user)
    db.session.commit()
    print('CMS用户添加成功')


if __name__ == '__main__':
    manager.run()

此时在命令行中执行python manage.py create_cms_user -u Corley -p admin -e 123@163.com,打印CMS用户添加成功,此时查询数据库表cms_user:

select * from cms_user;

打印:

+----+----------+----------+-------------+---------------------+
| id | username | password | email       | join_time           |
+----+----------+----------+-------------+---------------------+
|  1 | Corley   | admin    | 123@163.com | 2020-05-18 20:26:19 |
+----+----------+----------+-------------+---------------------+
1 row in set (0.00 sec)

显然,数据插入成功,但是密码是明文,存在安全隐患,可以进一步进行优化。

删除cms_user表中数据,重新定义模型models.py如下:

from datetime import datetime
from werkzeug.security import generate_password_hash
from exts import db


class CMSUser(db.Model):
    '''后台管理员用户类'''
    __tablename__ = 'cms_user'
    id = db.Column(db.Integer, primary_key=True, autoincrement=True)
    username = db.Column(db.String(30), nullable=False)
    _password = db.Column(db.String(100), nullable=False)
    email = db.Column(db.String(50), nullable=False, unique=True)
    join_time = db.Column(db.DateTime, default=datetime.now())

    def __init__(self, username, password, email):
        self.username = username
        self.password = password
        self.email = email

    @property
    def password(self):
        return self._password

    @password.setter
    def password(self, raw_password):
        self._password = generate_password_hash(raw_password)

使用generate_password_hash()对密码进行hash加密。 此时再依次执行python manage.py db migratepython manage.py db upgradepython manage.py create_cms_user -u Corley -p admin -e 123@163.com,打印CMS用户添加成功,再查询数据库表cms_user:

select * from cms_user;

打印:

+----+----------+-------------+---------------------+------------------------------------------------------------------------------------------------+
| id | username | email       | join_time           | _password                                                                                      |
+----+----------+-------------+---------------------+------------------------------------------------------------------------------------------------+
|  2 | Corley   | 123@163.com | 2020-05-18 20:42:05 | pbkdf2:sha256:150000$OtgjW9d7$6e1109428317afb0b3c093e1eb87da34c74d0a232d5cb15272737e5d218fd421 |
+----+----------+-------------+---------------------+------------------------------------------------------------------------------------------------+
1 row in set (0.00 sec)                                                                                                                               

显然,此时的密码是经过加密的数据。

三、CMS登录页面搭建

本项目的很多前端HTML页面和组件都是使用BootStrap中文网https://www.bootcss.com/提供的模板。

cms目录下的views.py如下:

from flask import Blueprint, render_template, views

cms_bp = Blueprint('cms', __name__, url_prefix='/cms')

@cms_bp.route('/')
def index():
    return '后台管理首页'


class LoginView(views.MethodView):
    def get(self):
        return render_template('cms/cms_login.html')


cms_bp.add_url_rule('/login/', view_func=LoginView.as_view('login'))

主程序文件bbs.py如下:

'''
前台 front
后台 cms
公有 common
'''

from flask import Flask
from exts import db
from apps.cms.views import cms_bp
from apps.front.views import front_bp
import config


app = Flask(__name__)
app.config.from_object(config)
app.config['TEMPLATE_AUTO_RELOAD'] = True
db.init_app(app)

app.register_blueprint(cms_bp)
app.register_blueprint(front_bp)


if __name__ == '__main__':
    app.run(debug=True)

templates目录下创建cms子目录,下面创建cms_login.html,使用https://v3.bootcss.com/examples/signin/源代码,并进行一定修改如下:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="{{ url_for('static', filename='cms/images/bbs-favicon.ico') }}">

    <title>CMS用户登录</title>

    <!-- Bootstrap core CSS -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="{{ url_for('static', filename='cms/css/signin.css') }}" rel="stylesheet">
    <![endif]-->
</head>

<body>

<div class="container">

    <form class="form-signin" method="post">
        <h2 class="form-signin-heading">请登录</h2>
        <label for="inputEmail" class="sr-only">邮箱地址</label>
        <input type="email" id="inputEmail" class="form-control" name="email" placeholder="邮箱地址" required autofocus>
        <label for="inputPassword" class="sr-only">密码</label>
        <input type="password" id="inputPassword" class="form-control" name="password" placeholder="密码" required>
        <div class="checkbox">
            <label>
                <input type="checkbox" value="remember-me" name="remember"> 记住我
            </label>
        </div>
        <button class="btn btn-lg btn-primary btn-block" type="submit">立即登录</button>
    </form>

</div> <!-- /container -->


</body>
</html>

static目录下创建cms子目录,下面创建css目录和images目录,css目录下创建signin.css如下:

body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #eee;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

images目录下保存bbs-favicon.ico。

其中,signin.css和bbs-favicon.ico可以从BootStrap模板中获取,演示如下: Python全栈(八)Flask项目实战之1.项目搭建

运行主程序,访问http://127.0.0.1:5000/cms/login/,显示: Python全栈(八)Flask项目实战之1.项目搭建 显然,登录模板已经基本实现。

本文原文首发来自博客专栏Python全栈,由本人转发至https://www.helloworld.net/p/gbAHa3hzOF2P,其他平台均属侵权,可点击https://blog.csdn.net/CUFEECR/article/details/106201961查看原文,也可点击https://blog.csdn.net/CUFEECR浏览更多优质原创内容。

收藏
评论区

相关推荐

Python全栈(七)Flask框架之1.Flask简介与URL和视图介绍
一、虚拟环境介绍 1.虚拟环境与全局环境 有时候安装了一个Python库,可能在IDE如PyCharm中不能使用,这是因为: 通过pip安装的库默认一般在全局环境中,而PyCharm一般会默认创建虚拟环境,所以两者的环境不一致,导致安装的包不能正常导入使用,解决办法有2种: 在PyCharm虚拟环境中安装库,使库位于虚拟环境中 将PyCharm的环
Python全栈(八)Flask项目实战之1.项目搭建
video(video2jwWp5501589937184219)(typebilibili)(urlhttps://player.bilibili.com/player.html?aid883233031)(imagehttps://ss.csdn.net/p?http://i0.hdslb.com/bfs/archive/bb74ff315
15. Python 程序运行速度如何提高十倍?第一遍滚雪球学 Python 收工
本篇文章将给大家介绍 Python 多线程与多进程相关知识,学习完该知识点之后,你的 Python 程序将进入另一个高峰。 <center<font colorred缓解一下视疲劳</font</center 15. Python 程序运行速度如何提高十倍?第一遍滚雪球学 Python 收工(https://imghelloworld.oss
Flask开发 经验技巧总结
Flask作为一个主流的Python Web框架之一,有比较广泛的应用,但是有经验的小伙伴可能知道,这里边其实也有很多坑,让你不得不防,在使用的过程中可以积累一些经验。 1.Flask中的Referer不是referer 做过爬虫的小伙伴都知道,referer是指页面的跳转,即从哪一个页面跳转到当前页,很多网站也通过该属性对爬虫采取了一定的限制。在Flas
Python Flask 框架使用及常见异常处理
1.jinja2.exceptions.TemplateNotFound出错 如图, 示例(https://imghelloworld.osscnbeijing.aliyuncs.com/851ef735dfc6426c04797c8f07ab877f.png) 文件夹(https://imghelloworld.osscnbei
Flask开发 经验技巧总结
Flask作为一个主流的Python Web框架之一,有比较广泛的应用,但是有经验的小伙伴可能知道,这里边其实也有很多坑,让你不得不防,在使用的过程中可以积累一些经验。 1.Flask中的Referer不是referer做过爬虫的小伙伴都知道,referer是指页面的跳转,即从哪一个页面跳转到当前页,很多网站也通过该属性对爬虫采取了一定的限制。在Flas
Frida + AndroidAsync 实现 RPC
一、目标我们在之前的教程里面使用 python的Flask库启动一个web Server 来实现App函数的RPC调用。今天我们介绍一个新盆友,AndroidAsync, 用AndroidAsync来启动web Server,这样frida就直接搞定,不需要再请Python来帮忙了。 二、步骤 AndroidAsyncAndroidAsync的详细介绍大家可
怎么学python,学习python的正确姿势
Python是一门相对来说比较简单的编程语言,自学是非常轻松的。首先得明白python有哪些发展方向 需要了解这个这门语言 而不是听说 这个高薪资 容易学习最好的学习状态就是出于兴趣 兴趣是最好的老师 当然对钱感兴趣也是可以的。一、人工智能二、大数据三、网络爬虫工程师四、Python web全栈工程师五、Python自动化运维六、Python自动化测试再来说
Flask--如何在pycharm中导入并运行flask项目
一.导入flask项目FileOpen选择需要导入flask项目(如项目名为flasky)。 二.设置解释器FileSettingsProject Interpreter,如下图所示三.添加Flask server1.点击pycharm右上角的Add Configuration2.点击+号,选择Flask Server3.填写参数4.运行项目点击pychar
小白学习python该往哪方面走小白必看
整理了Python的7大就业方向,希望大家能找到适合自己的,然后学习下去,完成人生的目标。1、Web开发(Python后端)Python有很多优秀的Web开发框架,如Flask、Django、Bootstar等,可以帮助你快速搭建一个网站。当需要一个新功能时,用Python只需添加几行代码即可,这受到了很多初创型公司的一致欢迎。像知乎、豆瓣、小米这样的大厂,
手把手教你使用Flask搭建ES搜索引擎(实战篇)
上一篇简单说了下 ES 在 Python 的增删改查,。 现在正式进入主题:开始使用 Flask 搭建 ES 搜索。 1 配置文件 Config.pycoding:utf8 import os DBUSERNAME  'root' DBPASSWORD  None  如果没有密码的话 DBHOST  '127.0.0.1' DB
手把手教你使用Flask搭建ES搜索引擎(预备篇)
/1 前言/ Elasticsearch 是一个开源的搜索引擎,建立在一个全文搜索引擎库 Apache Lucene™ 基础之上。 那么如何实现 Elasticsearch和 Python 的对接成为我们所关心的问题了 (怎么什么都要和 Python 关联啊)。 /2 Python 交互/ 所以,Python 也就提供了可以对接 Elasti
小伙Python爬虫并自制新闻网站,太好玩了
大家好,我又来了,我是银牌厨师豆腐! 我们总是在爬啊爬,爬到了数据难道只是为了做一个词云吗?当然不!这次我就利用flask为大家呈现一道小菜。Flask是python中一个轻量级web框架,相对于其他web框架来说简单,适合小白练手。使用Flask+爬虫,教大家如何实时展示自己爬下来的数据到网页上。先给大家展示一下这个丑丑的网页 ↓(给个面子,别笑)演示三
盘点Python网页开发轻量级框架Flask知识(上篇)
前言今天来给大家说一个Python的轻量级web开发框架Flask,为什么要推荐它呢?当然是因为它够轻量级了,开发迅速是它的特点,当然它也有缺点,不过这里不说,因为既用它又说它差感觉不好。一、安装flaskpip install flask 需要注意的是,还有flake,那个是检查错误的模块,不要搞混了可以看到成功了,总共下载了四个模块,分别是对应的web开
盘点Python网页开发轻量级框架Flask知识(下篇)
前言今天来给大家说一个Python的轻量级web开发框架Flask,为什么要推荐它呢?当然是因为它够轻量级了,开发迅速是它的特点,当然它也有缺点,不过这里不说,因为既用它又说它差感觉不好。上篇文章我们说了一半的内容,,这篇文章继续补全剩下的一半内容,一起来学习下吧 11.request操作这是一个专门用来操作网页请求的模块,今天我们围绕这个来具体讲解。