前端（Bootstrop、Flask）

1. Bootstrop

1.1 什么是Bootstrop：
	Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端	
	开发框架，使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。
2.2 学习网站
	官方中文文档: https://v3.bootcss.com/
	菜鸟教程案例: http://www.runoob.com/bootstrap/bootstrap-tutorial.html
3.3 组成
	css			存储css样式
	fonts		存储字体样式
	js			存储js样式

2. Flask

2.1 什么是Flask：
	Flask是python编写的， Web应用框架；微内核的web框架
2.2 路由：
	/login/		访问路径
2.3 视图函数：
	告诉app当用户访问/login/这个路径时， 执行login函数的内容， 最终将return的内容返回给客户端
2.4 使用方法：
	2.4.1 导入Flask类并创建Flask项目：
		from flask import Flask
		app = Flask(__name__)
	2.4.2 实现视图函数：
		@app.route('/')
		def index():
		    return  "这是网站的主页"
		@app.route('/login/')
		def login():
		    return  '<h1 style="color:red">login......</h1>'
	2.4.3 运行Flask应用：
		if __name__ == '__main__':
		    # 127.0.0.1为回环地址IP， 每台主机都
		    # '0.0.0.0'开放所有的IP， 使得其他主机的浏览器可以访问
		    # port修改端口
		    app.run(host='0.0.0.0', port=8080)
2.5 路由与变量规则：
	2.5.1 动态路由：
		路由的一部分由变量组成
		@app.route("/<int:id>/comments/")
		def comments(id):
		    return "这是第%s个评论页面" %(id)
	2.5.2 常用动态路由的规则：
			1). url路由的一部分可以标记为变量, <变量名>;
			2). flask中路由变量可以指定的类型: int, string, float, uuid
2.6 request：
	Flask 从客户端收到请求时,要让视图函数能访问一些对象,这样才能处理请求。请求对象就是一个很好的例子,它封装了客户端
	发送的HTTP请求。即request；

@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的标签<br/>;
    return  """
    请求的用户代理: %s  <br/>
    请求的客户端Ip： %s  <br/>
    请求的id号: %s   <br/>
    用户名: %s  <br/>
    请求方式: %s
    """ %(user_agent, req_addr, id, name, reqMethod)

2.7 HTTP请求的方法:
    GET:
        1). 获取页面信息;
        2). 可以提交数据信息;但是会显示提交的，数据数据不安全;
    POST:
        提交服务端需要的请求信息，隐藏提交的数据，数据安全性高;
2.8 templates目录：
	@app.route('/login/')
	def login():
	    # 一般情况， 不会直接把html文件内容直接返回；
	    # 而是将html文件保存到当前的templates目录中；
	    #       1). 通过render_template方法调用;
	    #       2). 默认情况下,Flask 在程序文件夹中的 templates 子文件夹中寻找模板。
	    return  render_template('login.html')
2.9 指定提交数据方法：

默认路由只支持get方法
@app.route('/login/', methods=['GET', 'POST'])
def login():
    if request.method == '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')

3. 自定义错误页面

3.1 为什么要自定义错误页面：
	如果在浏览器的地址栏中输入了不可用的路由,那么会显示一个状态码为404的错误页面。这个错误页面太简陋、平庸
3.2 如何自定义错误页面：
	像常规路由一样,Flask 允许程序使用基于模板的自定义错误页面。
	最常见的错误代码有两个:
	        - 404,客户端请求未知页面或路由时显示;
	        - 500,有未处理的异常时显示。

3.3 自定义错误页面视图函数：
	@app.errorhandler(404)
	def page_not_found(e):
	    return  render_template("404.html"), 404