首页>>前端>>Vue->vue怎么和python后端交互?

vue怎么和python后端交互?

时间:2023-12-01 本站 点击:0

vue调用python接口

1、安装axios环境与配置npminstall--saveaxiosvue-axiosaxios的配置在入口main。

2、js中导入axios并将axios写入vue的原型。

python+vue实现二级联动菜单

在下拉菜单里选择设备类型,根据类型来展示对应的设备名称。

监听类型下拉框的值,根据类型去设备表里查对应的设备名称。

后端返回list后再展示在下拉框里。

二级联动下拉框,选择了类型,就展示对应的名称可供选择

关闭对话框再打开,没选择类型,名称下拉框里直接返回了上次的结果

对话框里进行初始化

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

服务器端:

# 开发人员: 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-urlencoded; charset=UTF-8"

        },

        url: "",

        method: "post",

        data: {

          loginName: this.loginName,

          password: this.password

        }

      }).then(res = {

        console.log(res);

      });

    },

    btn() {

      this.getDate();

    }

  }

};

/script

style

/style

如何用Python结合vue写一个小型项目

你需要了解一种后端框架,简单的有Flask,高级一点的有Django,然后用框架搭一个后端服务器,前端页面请求就行了。

vue和python冲突吗

部分冲突,毕竟都是语言类,有部分的相似,但是肯定有不同

python写爬虫的脚本,也可以开发网站项目,最长处是数据分析的能力 比如说我要开发网站,要用到的知识点会有,python,js,css,网络的知识,服务器的知识等等

vue是用js+css编写好的写许多常用方法啊,样式的一些集成,便于调用,快速开发的框架

你说的tornado,flask,django都是python中几个比较主流的网站开发的框架,用于全栈开发.python在其中则是作为后端的开发语言 之前前端就是html,css和js,你说的vue是前端开的一种框架,是基于js的前端框架. 至于你说的交互的意思,vue+python本质上就是js+css等等+python的,也就只是经过集成的js+css等等+python的开发.

说有冲突不太对,说完全没有冲突也不对


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/Vue/6536.html