Python配合前端写简单接口(加前端vue代码)

Python016

Python配合前端写简单接口(加前端vue代码),第1张

服务器端:

# 开发人员: hanhan丶

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

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

from flask_corsimport *

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

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

@server.route('/login', methods=['post'])

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

# 加了@server.route才是一个接口,不然就是一个普通函数

def login():

user = flask.request.values.to_dict()

for itemin user:

items = json.loads(item)

loginName = items.get("loginName")

password = items.get("password")

if loginNameand password:

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

else:

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

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

        return json.dumps(res, ensure_ascii=False)

if __name__ =='__main__':

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

    # host默认是服务器,默认是127.0.0.1

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

    server.run(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": "XMLHttpRequest",

          "Content-Type": "application/x-www-form-urlencodedcharset=UTF-8"

        },

        url: "http://127.0.0.1:5000/login",

        method: "post",

        data: {

          loginName: this.loginName,

          password: this.password

        }

      }).then(res =>{

        console.log(res)

      })

    },

    btn() {

      this.getDate()

    }

  }

}

</script>

<style>

</style>

Python培训内容主要包括七个方面的知识。Python入门知识:概述、环境搭建、入门程序、数据类型、变量、基本运算符、if选择结构、等;Python+数据库知识:Linux概述、虚拟机安装、远程操作、常见命令、Python环境搭建及实战项目微信飞机大战ubuntu开发;Python核心编程:Python内存分析、列表高级操作、函数高级操作、 正则表达式、案例操作 OR 周考测试 OR 其他知识补充、网络编程、多进程-多线程。

Python前端开发:HTML概述、入门程序、文档结构、常见行级标签、常见块级标签、样式概述、常见文本修饰样式;Django web框架+Tornado web 框架:web概述、开发环境搭建、入门程序、认识管理后台、模型操作、视图操作、模板操作、高级处理;数据爬虫:爬虫原理与数据爬取、urllib2爬虫高级操作、数据提取、requests模块、BeautifulSoup4语法及解析器;人工智能机器学习:数据结构与算法、人工智能和机器学习入门基础、人工智能和机器学习进阶。千锋教育拥有多年Python培训服务经验,采用全程面授高品质、高体验培养模式,拥有国内一体化教学管理及学员服务,助力更多学员实现高薪梦想。