android快速开发框架_Python Web 开发框架Flask快速入门

最新推荐文章于 2024-03-20 16:16:33 发布
最新推荐文章于 2024-03-20 16:16:33 发布
阅读量233 收藏 5
点赞数
文章标签： android快速开发框架 flask session flask中文文档 flask框架 winform快速开发框架 基于androidx的快速开发框架

Python Web 开发框架Flask快速入门

WEB数据库系统


Web 2.0专注于让网站上的用户生成内容，自从它开始，网络编程就成为了热门话题。一直以来都可以使用Python创建网站，但这是一个相当无聊的任务。因此，有很多框架和工具被创造出来，帮助开发人员创建更快，更强大的网站。本文描述了一些将Python和Web服务器组合以创建动态内容的方法。这不是一个完整的介绍，因为这个话题过于广泛，不可能在一篇文章中讲清楚。所以本次课程主要讲解PythonWeb框架中常用的Flask框架的使用。

了解框架：


Flask作为Web框架，它的作用主要是为了开发Web应用程序。那么我们首先来了解下Web应用程序。Web应用程序 (World Wide Web)诞生最初的目的，是为了利用互联网交流工作文档。

4276b419f1143aa89a9c6b62a72fca3a.png

一切从客户端发起请求开始。

  • 所有Flask程序都必须创建一个程序实例。
  • 当客户端想要获取资源时，一般会通过浏览器发起HTTP请求。
  • 此时，Web服务器使用一种名为WEB服务器网关接口的WSGI（Web Server Gateway Interface）协议，把来自客户端的请求都交给Flask程序实例。
  • Flask使用Werkzeug来做路由分发（URL请求和视图函数之间的对应关系）。根据每个URL请求，找到具体的视图函数。
  • 在Flask程序中，路由一般是通过程序实例的装饰器实现。通过调用视图函数，获取到数据后，把数据传入HTML模板文件中，模板引擎负责渲染HTTP响应数据，然后由Flask返回响应数据给浏览器，最后浏览器显示返回的结果。

安装框架

pip install flask

最小的Flask应用程序

编写代码


一个最小的 Flask 应用看起来会是这样，找到一个目录新建一个Python文件，比如叫做 helloFlask.py，编写代码如下:

from flask import Flask
app = Flask(__name__)

@app.route('/')
def hello_world():
    return 'Hello World!'

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

运行


运行Flask项目只需要执行编写的Python文件即可：

python helloFlask.py


运行成功会看到如下页面：

0caec7ba6f87d4544473527393664e0c.png


在浏览器访问：

073f8637c232a50783ef094f0fb4252f.png

外部可访问的服务器


如果你运行了这个服务器，你会发现它只能从你自己的计算机上访问，网络中其它任何的地方都不能访问。在调试模式下，用户可以在你的计算机上执行任意 Python 代码。因此，这个行为是默认的。
如果你禁用了 debug 或信任你所在网络的用户，你可以简单修改调用 run() 的方法使你的服务器公开可用，如下:

app.run(host='0.0.0.0')


这会让操作系统监听所有网络。

路由


现代 Web 应用的 URL 十分优雅，易于人们辨识记忆，这一点对于那些面向使用低速网络连接移动设备访问的应用特别有用。如果可以不访问索引页，而是直接访问想要的那个页面，他们多半会笑逐颜开而再度光顾。
如上所见， route() 装饰器把一个函数绑定到对应的 URL 上。
这里是一些基本的例子:

@app.route('/')
def index():
    return 'Index Page'

@app.route('/hello')
def hello():
    return 'Hello World'


但是，不仅如此！你可以构造含有动态部分的 URL，也可以在一个函数上附着多个规则。

模板


怎么给服务器的用户呈现一个漂亮的页面呢？
肯定需要用到 html、css ，如果想要更炫的效果还要加入 js ，问题来了，这么一大堆字段串全都写到视图中通过 return 返回，这样定义就太麻烦了吧，因为定义字符串是不会出任何效果和错误的，如果有一个专门定义前端页面的地方就好了。
为此Flask 配备了 Jinja2 模板引擎。

创建模板


Flask 会在 templates 文件夹里寻找模板。所以，如果你的应用是个模块，这个文件夹应该与模块同级；如果它是一个包，那么这个文件夹作为包的子目录:
例如在应用下的template文件夹下创建模板index.html

14c5f15761263f739d3fef08feb8c94c.png


接下来你可以使用 render_template() 方法来渲染模板。你需要做的一切就是将模板名和你想作为关键字的参数传入模板的变量。这里有一个展示如何渲染模板的简例:

from flask import render_template

@app.route('/index/')
def hello(name=None):
    name = "张三"
    return render_template('index.html', name=name)


在 index.html 中添加如下代码：

<!doctype html>
<title>Hello from Flask</title>
{% if name %}
  <h1>Hello {{ name }}!</h1>
{% else %}
  <h1>Hello World!</h1>
{% endif %}


运行Flask 程序输入 127.0.0.1:5000/index 即可看到如下结果：

22c0cf8e6cf9cc77e42813c9793fcf64.png

模板的基本语法


模板中使用变量：

  • 在 html 中定义{{ 变量名 }}
  • 在 flask 中设定变量的key 和 value：render_template('index.html', name="张三")


使用判断语句：

{% if name %}

{% else %}

{% endif %}


使用循环语句：

{% for i in range(1,10) %}
    {% for j in range(1,i+1) %}
        {{ j }} x {{ i }} = {{ i*j }}
    {% endfor %}
    <br>
{% endfor %}

ORM


我们之前操作数据库是通过写sql语句，那么能不能不写sql语句就可以操作数据库呢？ 答案是可以的。
ORM框架
O是object，也就类对象的意思，R是relation，翻译成中文是关系，也就是关系数据库中数据表的意思，M是mapping，是映射的意思。在ORM框架中，它帮我们把类和数据表进行了一个映射，可以让我们通过类和类对象就能操作它所对应的表格中的数据。ORM框架还有一个功能，它可以根据我们设计的类自动帮我们生成数据库中的表格，省去了我们自己建表的过程。

0fe72ae6e412e0ff2a5496aadf3dab7c.png

模型设计


在Flask中使用mysql数据库，需要安装一个flask-sqlalchemy的扩展。

pip install flask-sqlalchemy


要连接mysql数据库，还需要安装 flask-mysqldb 

pip install flask-mysqldb

flask连接数据库


下列代码即可连接本机MySQL的test3数据库，假设用户名为root，密码为mysql

app.config['SQLALCHEMY_DATABASE_URI'] = 'mysql://root:mysql@127.0.0.1:3306/test3'

定义模型类进行数据库操作

from flask import Flask
from flask_sqlalchemy import SQLAlchemy


app = Flask(__name__)

#设置连接数据库的URL
app.config['SQLALCHEMY_DATABASE_URI'] = 'mysql://root:mysql@127.0.0.1:3306/Flask_test'

#设置每次请求结束后会自动提交数据库中的改动
app.config['SQLALCHEMY_COMMIT_ON_TEARDOWN'] = True

app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = True
#查询时会显示原始SQL语句
app.config['SQLALCHEMY_ECHO'] = True
db = SQLAlchemy(app)

class Role(db.Model):
    # 定义表名
    __tablename__ = 'roles'
    # 定义列对象
    id = db.Column(db.Integer, primary_key=True)
    name = db.Column(db.String(64), unique=True)
    us = db.relationship('User', backref='role')


class User(db.Model):
    __tablename__ = 'users'
    id = db.Column(db.Integer, primary_key=True)
    name = db.Column(db.String(64), unique=True, index=True)
    email = db.Column(db.String(64),unique=True)
    pswd = db.Column(db.String(64))
    role_id = db.Column(db.Integer, db.ForeignKey('roles.id'))

if __name__ == '__main__':
    db.drop_all()
    db.create_all()
    ro1 = Role(name='admin')
    ro2 = Role(name='user')
    db.session.add_all([ro1,ro2])
    db.session.commit()
    us1 = User(name='wang',email='wang@163.com',pswd='123456',role_id=ro1.id)
    us2 = User(name='zhang',email='zhang@189.com',pswd='201512',role_id=ro2.id)
    us3 = User(name='chen',email='chen@126.com',pswd='987654',role_id=ro2.id)
    us4 = User(name='zhou',email='zhou@163.com',pswd='456789',role_id=ro1.id)
    db.session.add_all([us1,us2,us3,us4])
    db.session.commit()
    app.run(debug=True)


代码解释：

创建表：

db.create_all()

删除表：

db.drop_all()

插入一条数据:

ro1 = Role(name='admin')
db.session.add(ro1)
db.session.commit()

#再次插入一条数据
ro2 = Role(name='user')
db.session.add(ro2)
db.session.commit()

一次插入多条数据

us1 = User(name='wang',email='wang@163.com',pswd='123456',role_id=ro1.id)
us2 = User(name='zhang',email='zhang@189.com',pswd='201512',role_id=ro2.id)
us3 = User(name='chen',email='chen@126.com',pswd='987654',role_id=ro2.id)
us4 = User(name='zhou',email='zhou@163.com',pswd='456789',role_id=ro1.id)
db.session.add_all([us1,us2,us3,us4])
db.session.commit()

查询:filter_by精确查询


返回名字等于wang的所有人

User.query.filter_by(name='wang').all()

first()返回查询到的第一个对象

User.query.first()

all()返回查询到的所有对象

User.query.all()

filter模糊查询，返回名字结尾字符为g的所有数据。

User.query.filter(User.name.endswith('g')).all()

get()，参数为主键，如果主键不存在没有返回内容

User.query.get()

逻辑非，返回名字不等于wang的所有数据。

User.query.filter(User.name!='wang').all()

逻辑与，需要导入and，返回and()条件满足的所有数据。

from sqlalchemy import and_
User.query.filter(and_(User.name!='wang',User.email.endswith('163.com'))).all()

逻辑或，需要导入or_

from sqlalchemy import or_
User.query.filter(or_(User.name!='wang',User.email.endswith('163.com'))).all()

查询数据后删除

user = User.query.first()
db.session.delete(user)
db.session.commit()
User.query.all()

更新数据

user = User.query.first()
user.name = 'dong'
db.session.commit()
User.query.first()

使用update

User.query.filter_by(name='zhang').update({'name':'li'})

关联查询示例：角色和用户的关系是一对多的关系，一个角色可以有多个用户，一个用户只能属于一个角色。


查询角色的所有用户：

#查询roles表id为1的角色
ro1 = Role.query.get(1)
#查询该角色的所有用户
ro1.us


查询用户所属角色：

#查询users表id为3的用户
us1 = User.query.get(3)
#查询用户属于什么角色
us1.role


总的来说使用Flask进行数据库开发的步骤如下：

  1. 配置连接数据库的选项
  2. 定义模型类
  3. 通过类和对象完成数据库增删改查操作

案例


基本知识点已经学完了，接下来完成一个示例项目：
现在还需要的代码包括三个方面，三个方面顺序不分先后。

  1. 定义视图
  2. 定义模板
  3. 连接操作数据库


目标是完成城市应用的增删改查功能。
表结构如下：

| 列名 | 说明 | 类型 | | --- | --- | --- | | id | 表id（自动递增，主键） | int | | provincename | 省名 | varchar | | cityname | 省会名 | varchar | | usernumber | 用户数量 | int |


要求实现Flask对数据库的增删改查操作。

定义视图、连接操作数据库

from flask import Flask,render_template,request,redirect
from flask_sqlalchemy import SQLAlchemy

app = Flask(__name__)
db = SQLAlchemy(app)

#设置数据库连接
app.config['SQLALCHEMY_DATABASE_URI'] = 'mysql://root:asd8283676@127.0.0.1:3306/web'

#定义模型
class City(db.Model):
    #表模型
    id = db.Column(db.Integer,primary_key=True,autoincrement=True)
    provincename = db.Column(db.String(255))
    cityname = db.Column(db.String(255))
    usernumber = db.Column(db.Integer)


#查询所有数据
@app.route("/select")
def selectAll():
    cityList = City.query.order_by(City.id.desc()).all()
    return render_template("index.html",city_list = cityList)

@app.route('/')
def index():
    return selectAll()

#添加数据
@app.route('/insert',methods=['GET','POST'])
def insert():
    #进行添加操作
    province = request.form['province']
    cityname = request.form['city']
    number = request.form['number']
    city = City(provincename=province,cityname=cityname,usernumber=number)
    db.session.add(city)
    db.session.commit()
    #添加完成重定向至主页
    return redirect('/')

@app.route("/insert_page")
def insert_page():
    #跳转至添加信息页面
    return render_template("insert.html")


#删除数据
@app.route("/delete",methods=['GET'])
def delete():
    #操作数据库得到目标数据，before_number表示删除之前的数量，after_name表示删除之后的数量
    id = request.args.get("id")
    city = City.query.filter_by(id=id).first()
    db.session.delete(city)
    db.session.commit()
    return redirect('/')

#修改操作
@app.route("/alter",methods=['GET','POST'])
def alter():
    # 可以通过请求方式来改变处理该请求的具体操作
    # 比如用户访问/alter页面  如果通过GET请求则返回修改页面 如果通过POST请求则使用修改操作
    if request.method == 'GET':
        id = request.args.get("id")
        province = request.args.get("provincename")
        cityname = request.args.get("cityname")
        usernumber = request.args.get("usernumber")
        city = City(id = id,provincename=province,cityname=cityname,usernumber = usernumber)
        return render_template("alter.html",city = city)
    else:
        #接收参数，修改数据
        id = request.form["id"]
        province = request.form['province']
        cityname = request.form['city']
        number = request.form['number']
        city = City.query.filter_by(id = id).first()
        city.provincename = province
        city.cityname = cityname
        city.usernumber = number
        db.session.commit()
        return redirect('/')




if __name__ == "__main__":
    app.run(debug = True,host='0.0.0.0',port=8080)

定义模板


主页：index.html 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
    <div align="center">
        <br>
        <a href="insert_page">添加城市</a>
        <br>
        <br>
        <table width="600" cellpadding="5" align="center" border="1" cellspacing="0">
            <th align="center" colspan="4">城市信息</th>
            <tr>
                <td>province</td>
                <td>cityname</td>
                <td>usernumber</td>
                <td>操作</td>
            </tr>
            {% for item in city_list %}
            <tr>
                <td>{{item.provincename}}</td>
                <td>{{item.cityname}}</td>
                <td>{{item.usernumber}}</td>
                <td><a href='/alter?id={{item.id}}&provincename={{ item.provincename }}&cityname={{ item.cityname }}&usernumber={{item.usernumber}}'>编辑</a>
                    <a href="/delete?id={{ item.id }}">删除</a> </td>
            </tr>
            {% endfor %}
        </table>

    </div>

</body>
</html>


修改页面alter.html 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>修改</title>
</head>
<body>

<div class="layui-main">
    <div class="site-content">
        <br><br>
        <h1 class="site-h1">修改信息</h1>
        <br><br>
        <form class="layui-form" action="alter" method="post">
            <input type="hidden" name = 'id' value="{{city.id}}">
            <div class="layui-form-item">
                <label class="layui-form-label">省份</label>
                <div class="layui-input-block">
                    <input type="text" name="province" required lay-verify="required" placeholder="请输入省份"
                           autocomplete="off"
                           class="layui-input" value="{{city.provincename}}">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">城市</label>
                <div class="layui-input-block">
                    <input type="text" name="city" required lay-verify="required" placeholder="请输入城市名称" autocomplete="off"
                           class="layui-input" value="{{city.cityname}}">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">人数</label>
                <div class="layui-input-block">
                    <input type="number" name="number" required lay-verify="required" placeholder="请输入人数"
                           autocomplete="off"
                           class="layui-input" value="{{city.usernumber}}">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>
    </div>
</div>
</body>
</html>


添加数据页面insert.html 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>增加</title>
</head>
<body>

<div class="layui-main">
    <div class="site-content">
        <br><br>
       <h1 class="site-h1">添加信息</h1>
<br><br>
    <form class="layui-form" action="insert" method="post">
        <div class="layui-form-item">
            <label class="layui-form-label">省份</label>
            <div class="layui-input-block">
                <input type="text" name="province" required lay-verify="required" placeholder="请输入省份" autocomplete="off"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">城市</label>
            <div class="layui-input-block">
                <input type="text" name="city" required lay-verify="required" placeholder="请输入城市" autocomplete="off"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">用户数</label>
            <div class="layui-input-block">
                <input type="number" name="number" required lay-verify="required" placeholder="请输入用户数量" autocomplete="off"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
    </div>
</div>

</body>
</html>

执行项目、查看效果、测试功能

68eec703b202325f565661ec9b8750d0.png

网页美化

下载LayUI


在LayUI官网 下载layui相关组件。

项目引入


将Layui相关文件放入项目的static目录下（static目录用于存放静态文件如css，js文件可以让网站看起来更加美观）。

6e4aef04864d3550bfb6563d9c85b4ba.png


引入LayUI需要在HTML文件中导入LayUI的CSS文件和JS模块，格式如下：

f14c5121c57bfdff9f1e126e4bc3db2d.png

b61daa58660570be4c83ce09496fe0cc.png

修改项目HTML文件

index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
</head>
<body>
    <div align="center">
        <br>
        <a href="insert_page">添加城市</a>
        <br>
        <br>
        <table  id = 'tabledemo'lay-filter="test">
        <thead>
        <tr>
            <th lay-data="{field:'id', width:100}">编号</th>
            <th lay-data="{field:'provincename', width:100}">省份</th>
            <th lay-data="{field:'cityname', width:80, sort:true}">城市名称</th>
            <th lay-data="{field:'usernumber'}">用户数量</th>
            <th lay-data="{fixed: 'right', width: 165, align:'center', toolbar: '#barDemo'}"></th>
        </tr>
        </thead>
        <tbody>
        {% for item in city_list %}
            <tr>
                <td>{{item.id}}</td>
                <td>{{item.provincename}}</td>
                <td>{{item.cityname}}</td>
                <td>{{item.usernumber}}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    </div>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>


<script src="/static/layui/layui.js"></script>
<script>

    layui.use('table', function () {
        var table = layui.table;

//转换静态表格
        table.init('test', {
            height: 1000,
            width: 600//设置高度
            ,limit:100
        });
        table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
    var data = obj.data //获得当前行数据
    ,layEvent = obj.event; //获得 lay-event 对应的值
    if(layEvent === 'detail'){
      layer.msg('查看操作');
    } else if(layEvent === 'del'){
    layer.confirm('真的删除行么', function(index){
        location.href='/delete?id='+data.id;
      });
    } else if(layEvent === 'edit'){
      location.href='/alter?id=' + data.id + "&provincename=" +data.provincename + "&cityname=" + data.cityname + "&usernumber=" + data.usernumber;
    }
  });
    });
</script>
</body>
</html>

alter.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>修改</title>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
</head>
<body>

<div class="layui-main">
    <div class="site-content">
        <br><br>
        <h1 class="site-h1">修改信息</h1>
        <br><br>
        <form class="layui-form" action="alter" method="post">
            <input type="hidden" name = 'id' value="{{city.id}}">
            <div class="layui-form-item">
                <label class="layui-form-label">省份</label>
                <div class="layui-input-block">
                    <input type="text" name="province" required lay-verify="required" placeholder="请输入省份"
                           autocomplete="off"
                           class="layui-input" value="{{city.provincename}}">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">城市</label>
                <div class="layui-input-block">
                    <input type="text" name="city" required lay-verify="required" placeholder="请输入城市名称" autocomplete="off"
                           class="layui-input" value="{{city.cityname}}">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">人数</label>
                <div class="layui-input-block">
                    <input type="number" name="number" required lay-verify="required" placeholder="请输入人数"
                           autocomplete="off"
                           class="layui-input" value="{{city.usernumber}}">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>
    </div>
</div>

<script src="/static/layui/layui.js"></script>
<script>
    //Demo
    layui.use('form', function () {
        var form = layui.form;
    });
</script>
</body>
</html>

insert.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>增加</title>

 <link rel="stylesheet" href="/static/layui/css/layui.css">
</head>
<body>

<div class="layui-main">
    <div class="site-content">
        <br><br>
       <h1 class="site-h1">添加信息</h1>
<br><br>
    <form class="layui-form" action="insert" method="post">
        <div class="layui-form-item">
            <label class="layui-form-label">省份</label>
            <div class="layui-input-block">
                <input type="text" name="province" required lay-verify="required" placeholder="请输入省份" autocomplete="off"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">城市</label>
            <div class="layui-input-block">
                <input type="text" name="city" required lay-verify="required" placeholder="请输入城市" autocomplete="off"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">用户数</label>
            <div class="layui-input-block">
                <input type="number" name="number" required lay-verify="required" placeholder="请输入用户数量" autocomplete="off"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
    </div>
</div>
<script src="/static/layui/layui.js"></script>
<script>
    layui.use('form', function () {
        var form = layui.form;
    });
</script>
</body>
</html>

重新运行项目


可以看到页面的颜值已经比之前没加任何样式提升了很多：

004385ea6eaf601a480b8551e764863f.png

98221b57f864ff9d4c721086351772f8.png

将网站发布到公网

配置环境


选择一台云主机，在云主机上配置好Python环境和MySQL环境。

部署服务


使用 nohup 命令可以后台部署python服务：

nohup python app.py &


然后使用exit命令退出 linux 的连接

购买域名


在公网的机器上部署好的服务器，现在还只能通过公网访问，要想通过域名能访问网站，还需要设置域名解析。
要给 web服务配置上域名，还需要到服务商网站购买域名，例如：阿里云、腾讯云等等。

域名备案


购买了域名之后无法直接使用，需要进行域名备案，同样在服务商那里备案即可。

域名接下


备案之后的域名就可以使用了，
使用域名解析，将指定域名解析到服务器的公网ip上，就可以通过这个域名来访问web服务器。

反向代理


域名解析完成之后，还需要做的工作是反向代理。
使用 nginx 服务器可以作为域名代理服务。
通过这几个步骤就可以让你的web服务成为面向互联网的web服务啦。
可以参考的最简单 nginx 配置文件配置如下：
这个代表将 http://flask.codejiaonang.com 域名，映射到本地web服务器的8848端口。

server {
listen 80;
autoindex on;
server_name flask.codejiaonang.com;
access_log /usr/local/nginx/logs/access.log combined;
location / {
        proxy_pass http://127.0.0.1:8848/;

        }
}

总结

网站项目开发的基本模式


通过Flask快速入门，我们可以将网站项目开发的基本模式总结为下图：

3784703d6a6d7c42f7940634783594a8.png


以 Flask 项目为例，Flask作为Web框架，它的作用主要是为了开发Web应用程序。
一个Web应用程序包含了三个部分，前端，服务端，数据库。

  • 数据库负责存储数据，作为数据存储和查询的引擎；
  • 前端网站作为用户直接查看的页面，负责展示数据。
  • Flask 负责对数据库进行操作，将数据库中的数据渲染至前端。

这个项目的线索


如果你也想让你的网站成为一个像那些商业级网站一样面向整个互联网的话。
可以按照下列线索，从购买服务器到购买域名，最后通过将域名与服务器和服务器中部署的网站相关联，一步一步来完成，当然其中会遇到很多困难和挑战和很多一时半会无法解决的错误，但是当你自己通过查找资料，解决问题，最终能把网站部署成功，你会发现这些知识都自然而然的融入到自己的知识体系中了。

2294cfe0c642bd64e16cd4efe1ad4a57.png
weixin_39996762
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于python-flask-android的任务管理系统开发(四、安装使用Flask)
weixin_42007220的博客
04-01 329
一、
Android 主流通用常用框架汇总（持续更新）
最新发布
2401_83601703的博客
03-24 3283
面试是一个不断学习、不断自我提升的过程，有机会还是出去面面，至少能想到查漏补缺效果，而且有些知识点，可能你自以为知道，但让你说，并不一定能说得很好。有些东西有压力才有动力，而学到的知识点，都是钱（因为技术人员大部分情况是根据你的能力来定级、来发薪水的），技多不压身。附上我的面试各大专题整理： 面试指南，满满的都是干货，希望对大家有帮助！《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门，即可免费领取！
Android框架介绍
探索未知，成就非凡
06-15 3819
Android Inc.于2003年10月由安迪·鲁宾、利奇·米纳尔、尼克·席尔斯、克里斯·怀特在加州帕罗奥图创建。Android最初由安迪·鲁宾等人开发制作，最初开发这个系统的早期方向是创建一个数字相机的先进操作系统，但是后来发现相机市场规模不够大，加上智能手机发展趋势快速成长，于是Android成为一款面向智能手机的操作系统。于2005年7月11日Android Inc.被美国科技企业Google收购。
Android 快速开发框架:推荐10个框架
天际线；世界的尽头；天涯海角 !
06-12 1万+
一、Afinal 官方介绍： Afinal是一个Android的ioc，orm框架，内置了四大模块功能：FinalAcitivity,FinalBitmap,FinalDb,FinalHttp。通过finalActivity，我们可以通过注解的方式进行绑定ui和事件。通过finalBitmap，我们可以方便的加载bitmap图片，而无需考虑oom等问题。通过finalDB模块，我们一行代码就可以对android的sqlite数据库进行增删改查。通过FinalHttp模块，我们可以以ajax形式请求h..
2024年Android应用开发的6大Framwork 开发框架
chuyouyinghe的专栏
08-30 953
2024年Android应用开发的6大框架，影响移动应用开发领域，改变应用的创建和用户使用方式。随着移动应用市场不断发展，对灵活和高效框架的需求也在增加。这些框架为开发人员提供资源和工具，构建满足用户不断变化需求的前沿应用。本文探讨了2024年预计主导市场的6个Android框架，为开发人员提供创造吸引全球用户的精彩应用的工具。
Python开发Android服务器.zip
03-07
常见的Python Web框架如Flask和Django可以用来快速构建API接口，它们提供RESTful API设计，使得与Android客户端的通信变得简单。 1. **Flask框架**：Flask是一个轻量级的Web服务器网关接口（WSGI）微框架，适合小型...
RapidML：RapidML是一个智能Python框架，可用于快速为Web编写机器学习API的原型！
02-03
欢迎使用RapidML！... 除了使用Python进行预测外，RapidML模型还可以作为Web API导出，以在各种平台上开发机器学习应用程序，例如Javascript，Android，iOS ....以及几乎所有其他可以发出和接收Web请求的平台！
python入门培训.ppt
05-30
- **Web应用开发**：流行的Web框架有Django、ZOPE、web.py和Flask等。 - **数据库开发**：Python可以轻松连接和操作SQL及NoSQL数据库，如使用ZODB进行对象数据库操作。 - **嵌入其他应用**：Python可以嵌入到C/C++、...
Python-经典编程书籍大全
08-10
- 《Flask Web开发》：学习使用Python的Flask框架构建Web应用。 6. 移动开发： - 《Android编程入门：从零开始学Android》：全面学习Android开发环境搭建、UI设计和应用发布。 - 《iOS编程：The Big Nerd Ranch ...
AppInventor-Flask-GravacaoCSV:计算机系统开发的最终工作1
04-11
- **Flask** 是一个轻量级的 Python Web 框架，用于开发后端服务。在这个项目中，它可能被用来接收来自 App Inventor 应用的数据。 - Flask 提供了基础的路由系统，可以定义 URL 路径和相应的处理函数，用于处理 ...
Python-基于flask的快速开发WebAPI的框架
08-10
基于flask的快速开发Web API的框架
Python-FlaskLayuiFlyTemplate实现的一个社区项目
08-10
Flask Layui Fly Template实现的一个社区项目，使用flask-admin实现了简单的后台管理功能，数据库使用Ｍongodb，前台实现功能：用户注册、登录、邮件激活、发帖、回帖、点赞、回复、采纳、删帖、结贴等功能
android自定义网络请求框架,六款值得推荐的android（安卓）网络请求开源框架简介...
weixin_36183464的博客
05-25 1013
1、volley项目地址 https://github.com/smanikandan14/Volley-demo(1) JSON，图像等的异步下载；(2) 网络请求的排序(scheduling)(3) 网络请求的优先级处理(4) 缓存(5) 多级别取消请求(6) 和Activity和生命周期的联动(Activity结束时同时取消所有网络请求)2、android-async-http项...
Android：手把手带你入门跨平台UI开发框架Flutter，渣本Android开发小伙如何一步步成为架构师
m0_60388216的博客
03-20 1006
开发时，主要基于Framework层；运行时，则是运行在 Engine上Engine是Flutter的独立虚拟机，由它适配 & 提供跨平台支持；因为其存在，Flutter不使用移动端系统的原生控件， 而是使用自己 Engine 来绘制 Widget （Flutter的显示单元）；Dart 代码是通过 AOT 编译为平台的原生代码，所以 Flutter可直接与平台通信，不需要JS引擎的桥接。同时 Flutter 唯一要求系统提供的是 canvas，以实现UI的绘制。
android封装flask,在安卓上部署flask小应用
weixin_42347426的博客
05-27 771
QPythonL在应用商城发现一个有趣的安卓python终端QpythonL并且包含包安装工具, 不过不知道安装源是否是国外，所以可能下载包需要一点时间，打开app界面，选择QPYPI安装flaskpip install flaskScreenshot_2019-03-13-21-10-21-726_com.hipipal.qp.pngScreenshot_2019-03-13-21-09-59-...
安卓开发框架
eeeeety6208的博客
10-05 926
最近项目一期开发完成，有一点空闲时间，经过一段时间的准备，参考常见的网络应用并对其进行一定的研究，再结合自己的现有的一点点经验，封装了一个android应用开发”框架”，说是”框架”简直是夸下了海口，因为自己的那点小九九不足做出如此高大上的东西来，姑且叫”框架”吧。这样的结构，如此才能在请求网络数据的回调中对返回结果做出区分，具体还是在使用过程中才深有体会。(在Activity及Fragment中均只需要通过以下代码发起一个Get请求)
Flask框架入门教程（非常详细）从零基础入门到精通，看完这一篇就够了
热门推荐
wly55690的博客
07-12 9万+
Flask是一个非常小的PythonWeb框架，被称为微型框架；只提供了一个稳健的核心，其他功能全部是通过扩展实现的；意思就是我们可以根据项目的需要量身定制，也意味着我们需要学习各种扩展库的使用。
Flask Web开发实战：Python微框架详解
Flask以其简洁和灵活的特性，成为了Python开发者入门Web开发的首选框架。书中内容分为三个部分： 第一部分，Flask基础，引导读者了解Flask框架的基本概念和工作原理。这一部分涵盖了设置环境、创建第一个Flask应用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值