基于Python-Flask实现的网站例子

短命女 2022-05-31 13:30 287阅读 0赞

# 概述 #

使用Flask写的体育网站 包括（注册 论坛 文章评论 组建战队 后台管理）等功能 示例地址文中有写 萌新 请多指教

# 详细 #

#### 代码下载：[http://www.demodashi.com/demo/12380.html][http_www.demodashi.com_demo_12380.html] ####

项目示例地址: [网站演示][Link 1]

一、环境搭建

1. 安装配置python3.6

示例网站使用的是python 3.6.3

下载地址：[https://www.python.org/downloads/release/python-363/][https_www.python.org_downloads_release_python-363]

根据自己的系统选择相应的版本

2. 使用pip 安装环境 (最好能使用virtualenv创建虚拟环境)  
例(没有使用虚拟环境)：

命令行进入网站根目录 就是放有 requirements.txt（内涵所有需要的库、包括flask）文件的地方 运行：

pip3 install -r requirements.txt

等待安装完成

二、项目结构以及程序实现

1.项目结构

说明：

admin 后台登录表单以及后台管理视图  
api 大部分的借口函数  
auth 用户登陆视图管理  
main 网站主体部分视图管理以及表单

static 静态文件存放点

templates html文件以及基础模版

email.py email操作相关函数  
models.py 数据库相关操作

config.py 网站设置  
manage.py 启动管理

呃……里面有些奇怪的文件（自我记录）不要在意 具体如图：

![QQ图片20180117104224.png][QQ_20180117104224.png]

2. 程序实现

挑选部分代码进行说明:

前后端交互 使用ajax发送表单内容 提交给后台接口 根据返回内容作出相应处理

$.ajax({
               type: "POST",
               url: "{
        { url_for('api.register') }}",
               data: json_data,
               dataType: 'json',
               contentType: 'application/json',
               success: function (data) {
                   if (data.result === 'ok'){
                       swal({
                           title: '注册成功,一封确认邮件已发往您的邮箱!',
                           type: 'success',
                           text: '请登录后前往邮箱进行验证! 3秒后自动跳转到首页',
                           timer: 3000,
                           showConfirmButton: false
                       }).catch(function () {
                           window.location.href =
                               "{
        { url_for('auth.register_ok') }}"
                       });
                   }
                   else {
                       swal('错误','注册失败！请联系单位工作人员！', 'error')
                   }
               },
               error: function () {
                   swal('错误','注册失败！请联系单位工作人员！', 'error')
               }
           });

注册页面大概长这样：

![QQ图片20180117112006.png][QQ_20180117112006.png]

弹窗使用了sweetalert2 :

![QQ图片20180117110508.png][QQ_20180117110508.png]

后台处理：

@api.route('/register', methods=['POST'])
    def register():
        """用户注册"""
        # 检查管理员是否已经注册
        if User.query.get(999) is None:
            User.default_user()
        #  接收前台传来的josn数据
        json_data = request.get_json()
        if json_data is not None:
                # 注册用户
            user = User.from_json(json_data)
            db.session.add(user)
            db.session.commit()
            # 登陆
            login_user(user)
            # 生产验证码并发送链接到邮箱
            token = user.generate_confirmation_token()
            send_email(user.email, '确认你的账户', 'auth/email/confirm', user=user,
                       token=token)
            return jsonify({'result': 'ok'})
        return jsonify({'result': 'error'})

三、运行前配置以及本地运行测试

使用编辑器(本人用的是pycharm)打开config.py文件 进行配置 其中

邮箱跟密码必须修改 而且要打开该邮箱的smtp服务 139邮箱设置如图:

![QQ图片20180117113104.png][QQ_20180117113104.png]

os.environ.get('xxx') 是从环境变量中取出相应的信息 配置服务器时可以在服务器上设置相应的环境变量

class Config:
        """基础配置，导入所有配置中"""
        # 密匙  加密用  修改SecretKey为自己想用的即可
        SECRET_KEY = os.environ.get('SECRET_KEY') or "SecretKey"
    
        # 数据库自动提交数据 
        SQLALCHEMY_COMMIT_ON_TEARDOWN = True
    
        # 如果设置成 True (默认情况)，Flask-SQLAlchemy 将会追踪对象的修改并且发送信号。
        # 这需要额外的内存， 如果不必要的可以禁用它。
        SQLALCHEMY_TRACK_MODIFICATIONS = True
    
        # 查询耗时过长的时间
        SLOW_DB_QUERY_TIME = 0.5
    
        # 可以用于显式地禁用或者启用查询记录
        SQLALCHEMY_RECORD_QUERIES = True
    
        # 邮件主题前缀
        MAIL_SUBJECT_PREFIX = '<平顶山浩瀚体育>'
    
        # 寄件人名称
        MAIL_SENDER = '平顶山浩瀚体育 <你的邮箱@test.com>'
    
        # 邮箱端口号
        MAIL_PORT = 465
    
        # 139邮箱smtp服务器地址
        MAIL_SERVER = 'smtp.139.com'
    
        # 发送邮件时使用TLS安全协议 默认为False
        MAIL_USE_TLS = False
    
        # 发送邮件时使用SSL安全协议 默认为False
        MAIL_USE_SSL = True
    
        # 发送邮件所用的邮箱用户名以及密码  
        MAIL_USERNAME = os.environ.get('MAIL_USERNAME') or '你的邮箱@test.com'
        MAIL_PASSWORD = os.environ.get('MAIL_PASSWORD') or '你的邮箱密码'
    
        # 管理员邮箱
        ADMIN_MAIL = os.environ.get('ADMIN_EMAIL') or '你的邮箱@test.com'
        # 管理员账号 默认为admin 可修改 第一次运行时会注册
        ADMIN_USERNAME = os.environ.get('ADMIN_USERNAME') or 'admin'
        # 管理员密码 默认为admin 可修改 第一次运行时会注册
        ADMIN_PASSWORD = os.environ.get('ADMIN_PASSWORD') or 'admin'
        # SSL安全协议开关 False会打开
        SSL_DISABLE = True
    
        # 禁止转换asc码
        JSON_AS_ASCII = False
    
        # 存储图片的位置
        # windows用'app\static\image'  linux用'app//static//image' 或自定义
        UPLOAD_FOLDER = 'app//static//image'
    
        # 分页设置 每页显示数量
        POSTS_PER_PAGE = 15

配置完成后进入网站根目录、打开命令行运行：

#### python manage.py deploy ####

等待运行结束后 输入

#### python manage.py runserver --threaded ####

出现

![QQ图片20180117113608.png][QQ_20180117113608.png]

表示运行成功 然后打开 [http://127.0.0.1:5000][http_127.0.0.1_5000] 即可

如图：

![QQ图片20180117113747.png][QQ_20180117113747.png]

网站后台入口地址: [http://127.0.0.1:5000/manage][http_127.0.0.1_5000_manage] 用户名跟密码在config.py中设置

萌新所做 望各位大佬多多指点 有bug或者其他问题请反馈 谢谢了

#### 代码下载：[http://www.demodashi.com/demo/12380.html][http_www.demodashi.com_demo_12380.html] ####

#### 注：本文著作权归作者，由demo大师发表，拒绝转载，转载需要作者授权 ####

[http_www.demodashi.com_demo_12380.html]: http://www.demodashi.com/demo/12380.html
[Link 1]: http://111.231.65.159/
[https_www.python.org_downloads_release_python-363]: https://www.python.org/downloads/release/python-363/
[QQ_20180117104224.png]: /images/20220531/28565eab196a420f8dc3d61b020c6b78.png
[QQ_20180117112006.png]: /images/20220531/ab76dd02befb4350861ce55e6c8c5ccc.png
[QQ_20180117110508.png]: /images/20220531/2473269f2166474489f17a9d490e6673.png
[QQ_20180117113104.png]: /images/20220531/bc67540af3f2424da1c09b5b122d2464.png
[QQ_20180117113608.png]: /images/20220531/87ecbb397c6d4b21b25f52cea7d756b7.png
[http_127.0.0.1_5000]: http://127.0.0.1:5000/
[QQ_20180117113747.png]: /images/20220531/19c431729d98415ea13a0907bcb359c7.png
[http_127.0.0.1_5000_manage]: http://127.0.0.1:5000/manage