#3使用html+css+js制作网页 番外篇 使用python flask 框架 (I)

0. 本系列教程

#1使用html+css+js制作网站教程 准备
#2使用html+css+js制作网站教程 测试
#3使用html+css+js制作网页 制作登录网页
#3使用html+css+js制作网页 番外篇 制作接收php
#3使用html+css+js制作网页 番外篇 使用python flask 框架(I)
#3使用html+css+js制作网页 番外篇 使用python flask 框架 (II)

1. 准备

a.python

python在计算机语言不同于非常难学的C语言，非常流行的Java语言，适合初学者的Basic语言，适合网页编程的JavaScript语言等等。它以其代码风格简洁，易学闻名，却也因其的运行效率低下被一些大项目抛弃。其特性使它适合做一些个人小型项目，而不是像c系列的系统。

建议参考网站
廖雪峰的官方网站
菜鸟教程

而本教程主要内容为python作后端，html+js+css做前端，所以不会过于深入python的语法。

推荐python环境搭建使用anacoda
本文使用的版本为3.6.2

b. flask

Flask是一个基于Jinja2和Werkzeug的python微框架，有以下特点：

• 内建的单元测试支持
• 模板使用Jinjia2
• 大量文档
• 客户端会话使用安全cookies
• 开发服务器和调试器
• Restful请求
• 与WSGI 1.0兼容
• 基于unicode
• 大量的扩展
  flask是微框架，比较灵活，适合小型项目。

其他python框架参考点击跳转简书
flask官网

c. flask 环境安装

在命令行中运行

pip install flask

作者是使用vscode编辑，实际上使用任何可以使用任何的编辑器（例记事本）都行

d. flask 基本文件结构

首先要新建文件夹如以下构造
flask-demo(项目总文件夹，名字自取)
–templates(前端部分文件夹)
-run.py(后端文件，名字自取)
-tempcoderunnerfile.py(系统缓存文件)

如图

2. 后端实现

a. flask 基本框架

# coding: utf-8
from flask import Flask,render_template,url_for
app = Flask(__name__)

# 路径对应的执行函数，有路径就对应路径名，没路径就对应index
#如@app.route('/login') 对应def login()
@app.route('/')
def index():
	return

if __name__ == '__main__':
    app.run(host='127.0.0.1', port='5000', debug=True)#映射

这段代码的作用就是把这个项目映射到127.0.0.1:5000的ip上，不过由于还没有挂网页文件上去，所以看不到什么效果

b. flask 显示前端页面

在flask框架中，使用

 render_template('index.html') 

可以在用户页面上显示index.html的内容也就是返回index.html

c. flask 给前端传值

想要flask给前端传值，只需要在上面的函数中增加几个参数

render_template