点击头像可以看到历史序言。(小白可以看到前面的文章或我的群,还有免费的学习资料和视频。
文末)
先给出旧版本的使用截图
初始化的时候的样子
模糊查询
精确查询
技术要点
在这个小应用中
使用web.py的时候
目录结构是这样的
static目录里面存放的是
静态资源
Python代码
代码自己敲
前端HTML代码
$def with (urlbase)<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hello world</title>
</head>
<body>
<input type="text" name="shopname">
<input type="button" value="提交" @click="query">
<div class="info" v-for="item in shopes" style="border-bottom: #ccc 1px dashed">
<p>店铺:{{ i }}</p>
<p>描述相符:{{ i }}<br>服务态度:{{ i }}<br>物流服务:{{ i }}</p>
</div>
<script type="text/javascript" src="$urlbase;></script>
<script type="text/javascript" src="$urlbase;></script>
<script type="text/javascript" src="$urlbase;></script>
</body>
</html>
js代码
var mainVM = new Vue({
el: 'body',
data: {
shopes:[
{
shopname:'未查询',
dsr:'未查询',
service:'未查询',
ship:'未查询'
}
]
},
methods:{
query:function(){
var _self = this,keyword = $('input[name="shopname"]').val();
$.post('/query',{"shopname":keyword},function (data) { i == 0){
_ = []; for(var k in da){
var thisdata = JSON.parse(da[k]);
_.push({
shopname:thisdata.shopname,
dsr:thisdata.dsr,
service:thisdata.service,
shi
})
}
}else{
alert('查询出错,错误信息:'+da);
}
},"json");
}
}
});
学习过程中遇到什么问题或者想获取学习资源的话,欢迎加入学习交流群
626062078,我们一起学Python!
1.文章《〈python用来做什么〉python能做什么兼职》援引自互联网,为网友投稿收集整理,仅供学习和研究使用,内容仅代表作者本人观点,与本网站无关,侵删请点击页脚联系方式。
2.文章《〈python用来做什么〉python能做什么兼职》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。
相关推荐
- . 现代买票为什么带上携程保险
- . 潮阳怎么去广州南站
- . 湖南马拉河怎么样
- . 烧纸为什么到三岔路口
- . 百色为什么这么热
- . 神州租车怎么样
- . 芜湖方特哪个适合儿童
- . 护肤品保养液是什么类目
- . 早晚的护肤保养有哪些项目
- . 女孩护肤品怎么保养的最好