Python Web 开发（入门）

Web 开发历史

架构：

  • CS 架构，Client/Server【软件开始主要运行在桌面上，而数据库这样的软件运行在服务器端】
  • BS 架构，Browser/Serve【客户端只需要浏览器，应用程序的逻辑和数据都存储在服务器端。浏览器只需要请求服务器，获取 Web 页面，并把 Web 页面展示给用户即可】

Web 应用开发阶段：

  • 静态 Web 页面【由文本编辑器直接编辑并生成静态的 HTML 页面，如果要修改 Web 页面的内容，就需要再次编辑 HTML 源文件】
  • CGI【由于静态Web页面无法与用户交互，比如用户填写了一个注册表单，静态Web页面就无法处理。要处理用户发送的动态数据，出现了 Common Gateway Interface，简称 CGI，用 C/C++ 编写】
  • ASP/JSP/PHP【由于 Web 应用特点是修改频繁，用 C/C++ 这样的低级语言非常不适合 Web 开发，而脚本语言由于开发效率高，与 HTML 结合紧密，因此，迅速取代了 CGI 模式。ASP 是微软推出的用 VBScript 脚本编程的 Web 开发技术，而 JSP 用 Java 来编写脚本，PHP 本身则是开源的脚本语言】
  • MVC【为了解决直接用脚本语言嵌入 HTML 导致的可维护性差的问题，Web 应用也引入了 Model-View-Controller 的模式，来简化 Web 开发。ASP 发展为 ASP.Net，JSP 和 PHP 也有一大堆 MVC 框架】
  • 新技术【如异步开发、新的 MVVM 前端技术】

Flask Web 框架

【参考用例：廖雪峰 -- 使用模板】
这里就以一个简单的例子（登入框架）来演示：

整个框架只有 app.py 和 templates 文件夹（包含页面模板），非常简洁，要启动时运行 python app.py 即可

下面来看看 app.py

#!/usr/bin/env python3
# -*- coding: utf-8 -*-

from flask import Flask, request, render_template

app = Flask(__name__)

@app.route('/', methods=['GET', 'POST'])
def home():
    return render_template('home.html')

@app.route('/signin', methods=['GET'])
def signin_form():
    return render_template('form.html')

@app.route('/signin', methods=['POST'])
def signin():
    username = request.form['username']
    password = request.form['password']
    if username=='admin' and password=='password':
        return render_template('signin-ok.html', username=username)
    return render_template('form.html', message='Bad username or password', username=username)

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

这是典型的 MVC 模型：
M：Model，用于传递 View 的参数（比如 { 'name': 'Michael' }）
V：View，代指 home.html、form.html 等页面
C：Controller，代指全部的函数

值得注意的是，在 HTML 中，可以用 {{ name }} 表示一个需要替换的变量，也用 {% ... %} 表示指令（循环、条件判断等）【后者为 Jinja2 模板】

<!-- 循环输出页码 -->
<html>
<body>
    {% for i in page_list %}
    <p href="/page/{{ i }}">{{ i }}</a>
    {% endfor %}
</body>
</html>

举个例子，如果 page_list 是一个 list：[1, 2, 3, 4, 5]，上面的模板将输出 5 个超链接

@app.route('/test', methods=['GET'])
def test():
    return render_template('test.html', page_list=[1, 2, 3, 4, 5])

posted @ 2022-09-01 11:54  筱团  阅读(1527)  评论(0)  编辑  收藏  举报