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的开发.
说有冲突不太对,说完全没有冲突也不对