python之flask框架

Flask是python编写的, Web应用框架;微内核的web框架,适用于小型网站

1.实现一个简单的web服务网站

# 1. 导入Flask类
from flask import Flask
app = Flask(__name__)

# 实现主页
@app.route('/')
def index():
    return  "这是网站的主页"

# 基本路由   /login/---访问路径
# 视图函数   告诉app当用户访问/login/这个路径时, 执行login函数的内容, 最终将return的内容返回给客户端;
@app.route('/login/')
def login():
    return  '

login......

' if __name__ == '__main__': # 运行Flask应用 # 127.0.0.1----回环地址IP, 每台主机都有====localhost # 如何设置, 使得服务奇特主机的浏览器可以访问? '0.0.0.0'开放所有的IP, 使得可以访问 # 如何修改端口? # 可能会报错:Address already in use app.run(host='0.0.0.0', port=8080)

0.0.0.0.8080
在这里插入图片描述
0.0.0.0.8080:/login/
在这里插入图片描述

2.路由与变量规则

# request叫做请求上下文
from flask import  Flask, request
app = Flask(__name__)

# 常用动态路由的规则:
#     1). url路由的一部分可以标记为变量, <变量名>;
#     2):. flask中路由变量可以指定的类型: int, string, float, uuid
@app.route("//comments/")
def comments(id):
    return "这是一个%s评论页面" %(id)


# 字符穿
@app.route("/welcome//")
def welcome(username):
    return  "

欢迎用户%s登陆网站

" %(username) # ***************** # 重点request: # Flask 从客户端收到请求时,要让视图函数能访问一些对象,这样才能处理请求。 # 请求对象就是一个很好的例子,它封装了客户端发送的 HTTP 请求。即request; # 解决问题: # 特殊的URL地址: http://www.baidu.com/query?id=123&name=westos # http://127.0.0.1:5000/login2/?username=westos&password=westos @app.route('/query') def query(): # 获取客户端的用户代理; user_agent = request.user_agent # 获取客户端的IP地址; req_addr = request.remote_addr # 获取用户请求url地址里面key值对应的value值; id = request.args.get('id') name = request.args.get('name') # 查看客户端的HTTP请求方式; reqMethod = request.method # 将字符串信息返回给客户端浏览器/其他, 默认以html方式显示, 如果需要换行, 加html的标签
; return """ 请求的用户代理: %s
请求的客户端Ip: %s
请求的id号: %s
用户名: %s
请求方式: %s """ %(user_agent, req_addr, id, name, reqMethod) if __name__ == '__main__': app.run(host='0.0.0.0', port=8080)

登录验证之http请求方法GET实现案例


from flask import Flask, render_template, request, redirect

app = Flask(__name__)
@app.route('/')
def index():
    return  "

主页

" @app.route('/login/') def login(): # 一般情况, 不会直接把html文件内容直接返回; # 而是将html文件保存到当前的templates目录中; # 1). 通过render_template方法调用; # 2). 默认情况下,Flask 在程序文件夹中的 templates 子文件夹中寻找模板。 return render_template('login.html') @app.route('/login2/') def login2(): # 获取用户输入的用户名 username = request.args.get('username', None) password = request.args.get('password', None) # 逻辑处理, 用来判断用户和密码是否正确; if username == 'root' and password == 'redhat': # 重定向到指定路由; return redirect('/') # return "登录成功" else: return "登录失败" if __name__ == '__main__': app.run(host='0.0.0.0', port=8080)

输入0.0.0.0.8080/login/界面为:
python之flask框架_第1张图片
输入正确的用户名及密码后跳转到主页0.0.0.0:8080
python之flask框架_第2张图片
如果输入用户名或密码错误,则会跳转到0.0.0.0:8080/login2/
在这里插入图片描述

04_登录验证值http请求值POST方法

from flask import  Flask, request, render_template, redirect
app = Flask(__name__)


@app.route('/')
def index():
    return  "这是主页"


# 默认路由只支持get方法, 如何指定接受post方法?
@app.route('/login/', methods=['GET', 'POST'])
def login():
    if request.method == 'POST':
        # 难点: post请求提交的数据如何获取?
        print(request.form)
        username = request.form.get('username', None)

        password = request.form.get('password', None)
        # 如果用户名和密码正确, 跳转到主页;
        if username == 'root' and password == 'redhat':
            return  redirect('/')
        # 如果登录不正确, 则警告红色信息;还是在登录页面;
        else:
            # 可以给html传递变量
            return  render_template('login_post.html',
                                    errMessages="用户名或者密码错误"
                                    )
    else:
        return  render_template('login_post.html')

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

首先在浏览器中输入0.0.0.0:8080/login/
python之flask框架_第3张图片
输入正确的用户名及密码,则会跳转到主页,即0.0.0.0:8080
在这里插入图片描述
输入错误的用户名或密码,则会在当前页面显示红色字体
python之flask框架_第4张图片

5.自定义错误页面

1). 为什么要自定义错误页面?
如果你在浏览器的地址栏中输入了不可用的路由,那么会显示一个状态码为 404 的错误页
面。现在这个错误页面太简陋、平庸.

2). 如何自定义错误页面?
像常规路由一样,Flask 允许程序使用基于模板的自定义错误页面。
最常见的错误代码有两个:
- 404,客户端请求未知页面或路由时显示;
- 500,有未处理的异常时显示。
在4.的代码加上下面代码:

@app.errorhandler(404)
def page_not_found(e):
    return  render_template("404.html"), 404

@app.errorhandler(500)
def internal_server_error(e):
    return  render_template("500.html"), 500

模版引擎jinjia2

  1. 什么是Jinja2模板引擎?

1). python的Web开发中, 业务逻辑(实质就是视图函数的内容)和页面逻辑(html文件)分开的, 使得代码的可读性增强, 代码容易理解和维护;

2). 模板渲染: 在html文件中,通过动态赋值 ,
将重新翻译好的html文件(模板引擎生效) 返回给用户的过程。

3). 其他的模板引擎: Mako, Template, Jinja2
2. 语法

1). Jinja2变量显示语法: {{ 变量名 }}
完整的过滤器查看位置: http://jinja.pocoo.org/docs/templates/#builtin-filters
Jinja2变量内置过滤器:
safe 渲染值时不转义
capitalize 把值的首字母转换成大写,其他字母转换成小写
lower 把值转换成小写形式
upper 把值转换成大写形式
title 把值中每个单词的首字母都转换成大写
trim 把值的首尾空格去掉
striptags 渲染之前把值中所有的 HTML 标签都删掉

如何自定义过滤器?
l例:
定义一个函数
def format_data(s):
return “这是一个过滤器:” + s
将该函数添加到默认过滤器中;
app.add_template_filter(format_data, ‘fmt’) #fmt为自己重新设置的过滤器format_data的名称。

2). for循环:
{% for i in li%}
{% endfor %}

3). if语句
{% if user == ‘westos’%}
{% elif user == ‘hello’ %}
{% else %}
{% endif%}

4). 宏的操作====相当于函数

如何定义宏?


{%  macro render(id) %}
    

hello world {{ id }}

{% endmacro %}


{{ render(1) }}
{{ render(2) }}
{{ render(3) }}

5). include包含操作
如何使用: {% include “06_inclued.html”%}

6). 模板的继承: 一般网站的导航栏和底部不会变化, 为了避免重复编写导航栏信息;

如何定义模板?

     {% block title %} {% endblock %}   
这是导航栏
{% block body %} hello {% endblock %}
这是底部

什么是Bootstrap框架?

Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。
Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。

学习网站:

  • 官方中文文档: https://v3.bootcss.com/
  • 菜鸟教程案例: http://www.runoob.com/bootstrap/bootstrap-tutorial.html

使用Bootstrap前首先要安装模块:
官网下载bootstrap进行解压安装使用。
主要使用模块分别为:

css
fonts
js

推荐下载地址:https://v3.bootcss.com

下载压缩包之后,将其解压缩到任意目录即可看到以下(压缩版的)目录结构:
bootstrap/
├── css/
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ ├── bootstrap.min.css.map
│ ├── bootstrap-theme.css
│ ├── bootstrap-theme.css.map
│ ├── bootstrap-theme.min.css
│ └── bootstrap-theme.min.css.map
├── js/
│ ├── bootstrap.js
│ └── bootstrap.min.js
└── fonts/
├── glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
├── glyphicons-halflings-regular.woff
└── glyphicons-halflings-regular.woff2

Bootstrap 源码
Bootstrap 源码包含了预先编译的 CSS、JavaScript 和图标字体文件,并且还有 LESS、JavaScript 和文档的源码。具体来说,主要文件组织结构如下:
bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│ ├── css/
│ ├── js/
│ └── fonts/
└── docs/
└── examples/
其中,less/、js/ 和 fonts/ 目录分别包含了 CSS、JS 和字体图标的源码。dist/ 目录包含了上面所说的预编译 Bootstrap 包内的所有文件。docs/ 包含了所有文档的源码文件,examples/ 目录是 Bootstrap 官方提供的实例工程。除了这些,其他文件还包含 Bootstrap 安装包的定义文件、许可证文件和编译脚本等。
bootstrap应用实例——编写网站登陆界面

你可能感兴趣的:(python)