点击头像可以看到历史序言。(小白可以看到前面的文章或我的群,还有免费的学习资料和视频。

文末)

先给出旧版本的使用截图

初始化的时候的样子

模糊查询

精确查询

技术要点

在这个小应用中

使用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!

相关推荐