承接微信小程序开发。扫码加微信。正文：上效果图:
一:搜索框功能实现
1.在首页做一个搜索框的样式并实现跳转到搜索页面
viewclass='page_row'bindtap="suo"viewviewiconsize='20'type='search'/iconinputdisabledplaceholder="请输入关键字"value="{{searchValue}}"//view/viewviewclass='sousuo'搜索/view/view.search{width:80%;}.search_arr{border:1pxsolid#d0d0d0;border-radius:10rpx;margin-left:20rpx;}.search_arrinput{margin-left:60rpx;height:60rpx;border-radius:5px;}.bc_text{line-height:68rpx;height:68rpx;margin-top:34rpx;}.sousuo{margin-left:15rpx;width:15%;line-height:150%;text-align:center;border:1pxsolid#d0d0d0;border-radius:10rpx;}.page_row{display:flex;flex-direction:row}.searchcion{margin:10rpx10rpx10rpx10rpx;position:absolute;left:25rpx;z-index:2;width:20px;height:20px;text-align:center;}js.点击跳转到搜索的页面
suo:function(e){wx.navigateTo({url:'../search/search',})},
2.搜索页面实现搜索功能
!--pages/search/search.wxml--viewinputplaceholder="请输入你有搜索的内容"value="{{searchValue}}"bindinput="searchValueInput"/buttonbindtap="suo"data-id='1'媒婆/buttonbuttonbindtap="suo"data-id='2'单身/button/viewviewwx:if="{{!centent_Show}}"text很抱歉,没有找到您要搜索的资料/(ㄒoㄒ)/~~/text/viewimportsrc="../index/card/card.wxml"/templateis="nanshen_card"data="{{nanshen_card,img}}"/varapp=getApp();varsearchValue=''//pages/search/search.jsPage({data:{centent_Show:true,searchValue:'',img:'',nanshen_card:''},onLoad:function(){},searchValueInput:function(e){varvalue=e.detail.value;this.setData({searchValue:value,});if(!value&&this.data.productData.length==0){this.setData({centent_Show:false,});}},suo:function(e){varid=e.currentTarget.dataset.idvarprogram_id=app.program_id;varthat=this;wx.request({url:'aaa.php',//这里填写后台给你的搜索接口method:'post',data:{str:that.data.searchValue,program_id:program_id,style:id},header:{'content-type':'application/x-www-form-urlencoded'},success:function(res){if(res.data.length==0){that.setData({centent_Show:false,});}that.setData({nanshen_card:res.data,});},fail:function(e){wx.showToast({title:'网络异常！',duration:2000});},});}});php实现代码
?phpheader("Content-Type:text/html;charset=utf8");header("Access-Control-Allow-Origin:");//解决跨域header('Access-Control-Allow-Methods:POST');//响应类型header('Access-Control-Allow-Headers:');//响应头设置$link=mysql_connect("localhost","root","root");mysql_select_db("shige",$link);//选择数据库mysql_query("SETNAMESutf8");//解决中文乱码问题$str=$_POST['str'];//SQL查询语句SELECTFROM表名LIKE模糊搜索的变量$q="SELECTFROMcurriculumWHERECONCAT_WS('',school,college,major,mtype,title)LIKE'%{$str}%'";$rs=mysql_query($q);//获取数据集if(!$rs){die("数据库没有数据!");}//循环读取数据并存入数组对象$dlogs;$i=0;while($row=mysql_fetch_array($rs)){$dlog['title']=$row["title"];$dlog['mtype']=$row["mtype"];$dlog['name']=$row["name"];$dlog['mfile']=$row["mfile"];$dlog['myear']=$row["myear"];$dlog['school']=$row["school"];$dlog['college']=$row["college"];$dlog['major']=$row["major"];$dlog['time']=$row["time"];$dlogs[$i++]=$dlog;}//以json格式返回html页面echourldecode(json_encode($dlogs));?
