python轻量框架--Flask(入门教程）

1建立： F:\Python\flask文件夹路径
2安装virtualenv,在此路径下打开命令行窗口输入：

3新建一个目录，并在里边创建virtualenv环境，在DOS下

如图：

这时你创建的myproject文件夹里面就多了一个venv文件夹：

4激活虚拟环境

现在命令行前面多了个(venv)表示你在venv环境内

5在virtualenv里安装Flask

完成。如图：

6验证是否安装，你可以进入 Python 解释器，尝试导入 Flask：

如果没有报错，那么就安装成功了~如图：

1在myproject文件夹下打开命令行：

cd app #进入app文件夹
mkdir static
mkdir templates

我们的应用程序包是放置于 app 文件夹中。子文件夹 static 是我们存放静态文件像，JS文件以及样式文件。子文件夹 templates 显然是存放模板文件。

2为我们的 app 包(文件 app/ init py )创建一个简单的初始化脚本:

上面的脚本简单地创建应用对象，接着导入视图模块，该模块我们暂未编写。

视图是响应来自网页浏览器的请求的处理器。在 Flask 中，视图是编写成 Python 函数。每一个视图函数是映射到一个或多个请求的 URL。

3让我们编写第一个视图函数(文件 app/viewspy ):

其实这个视图是非常简单，它只是返回一个字符串，在客户端的网页浏览器上显示。两个 route 装饰器创建了从网址 / 以及 /index 到这个函数的映射。

4能够完整工作的 Web 应用程序的最后一步是创建一个脚本，启动我们的应用程序的开发 Web 服务器。让我们称这个脚本为 runpy，并把它置于根目录:

这个脚本简单地从我们的 app 包中导入 app 变量并且调用它的 run 方法来启动服务器。请记住 app 变量中含有我们在之前创建的 Flask 实例。

5要启动应用程序，您只需运行此脚本（runpy）

如图：

6在服务器初始化后，它将会监听 5000 端口等待着连接。现在打开你的网页浏览器输入如下 URL:

另外你也可以使用这个 URL:

你看清楚了路由映射是如何工作的吗？第一个 URL 映射到 /，而第二个 URL 映射到 /index。这两个路由都关联到我们的视图函数，因此它们的作用是一样的。如果你输入其它的网址，你将会获得一个错误，因为只有这两个 URL 映射到视图函数。

你可以通过 Ctrl-C 来终止服务器

入门就到这里，比较简单的。
下一章：
python轻量框架--Flask(模板详细版）

服务器端：

# 开发人员: hanhan丶

# 开发时间: 2020/11/12 14:36

import flask, json                           #Flask 一个轻量级的web框架

from flask_corsimport

server = flaskFlask(__name__)      # __name__代表当前的python文件。把当前的python文件当做一个服务启动

CORS(server, supports_credentials=True)     # 解决跨域

@serverroute('/login', methods=['post'])

# 第一个参数就是路径,第二个参数支持的请求方式，不写的话默认是get，

# 加了@serverroute才是一个接口，不然就是一个普通函数

def login():

user = flaskrequestvaluesto_dict()

for itemin user:

items = jsonloads(item)

loginName = itemsget("loginName")

password = itemsget("password")

if loginNameand password:

res = {"code":0, "msg":"请求成功", "data": {"loginName": loginName, "password": password}}

else:

res = {'msg':'调用失败'}

# jsondumps 序列化时对中文默认使用的ascii编码，输出中文需要设置ensure_ascii=False

        return jsondumps(res, ensure_ascii=False)

if __name__ =='__main__':

# port可以指定端口，默认端口是5000

    # host默认是服务器，默认是127001

    # debug=True 修改时不关闭服务

    serverrun(debug=True)

前端：

<template>

  <div>

    账号：<input type="text" v-model="loginName">

    <br>

     密码：<input type="text" v-model="password">

    <br>

    <br>

    <br>

    <button @click="btn">点击</button>

  </div>

</template>

<script>

import axios from "axios";

export default {

  data() {

    return {

      loginName: "",

      password: ""

    };

  },

  methods: {

    getDate() {

      axios({

        headers: {

          "X-Requested-With": "XML>