Python flask实战订餐系统微信小程序-37会员搜索功能和会员详情页面实现
Python flask实战订餐系统微信小程序-37会员搜索功能和会员详情页面实现
会员搜索功能和会员详情页面实现
动态读取状态
Member.py后端传递状态到web端
resp_data['list'] = list resp_data['pages'] = pages resp_data['search_con'] = req resp_data['status_mapping'] = app.config['STATUS_MAPPING'] resp_data['current'] = 'index' return ops_render( "member/index.html", resp_data )
index.html动态读取有数据：
运行可以正常的读取到状态
实现搜索功能
创建member文件夹，基于account/index.js创建自己的js
;var member_index_ops = { init:function () { this.eventBind(); }, eventBind:function () { $(".wrap_search .search").click(function () { $(".wrap_search").submit() }); var that = this; $(".remove").click(function () { that.ops("remove", $(this).attr("data")) }); $(".recover").click(function () { that.ops("recover", $(this).attr("data")) }); }, ops:function (act, id) { var callback = { 'ok':function () { $.ajax({ url:common_ops.buildUrl("/account/ops"), type:"POST", data:{ act:act, id,id }, dataType:'json', success:function (res) { var callback = null; if(res.code == 200){ callback = function () { window.location.href = window.location.href; } } common_ops.alert(res.msg, callback); } }); }, 'cancel':null }; common_ops.confirm((act=="remove"?"确定删除？":"确定恢复？"),callback); }};$(document).ready(function () { member_index_ops.init()})
将js加载到index.html中
{%block js %}{% endblock %}
运行可以看到js被正常加载了
修改后端python接口获取状态：
@route_member.route( "/index" )def index(): resp_data = {} req = request.values page = int(req['p']) if('p' in req and req['p']) else 1 query = Member.query if 'status' in req and int(req['status']) > -1: query = query.filter(Member.status == int(req['status']))
这时 搜索以删除状态的账号 就没有数据了
使得搜索后selected要搜索的状态：
根据搜索内容进行搜索：“
def index(): resp_data = {} req = request.values page = int(req['p']) if('p' in req and req['p']) else 1 query = Member.query if 'mix_kw' in req: query = query.filter(Member.nickname.ilike("%{0}%".format(req['mix_kw'])))
index.html展示搜索字段
value="{{search_con[‘mix_kw’]}}"