前言:作为一名小白,近几天花了很多时间去学习如何使用小程序的云开发里的数据库作为数据库,在小程序上实现查询功能。
查询功能是小程序开发中不可绕过的一大功能,因为我们不可能把所有的数据都放在代码中,那样子显得过于臃肿,虽然说我们可以利用云开发的中“储存”功能把需要用到的图片上传至存储中,然后进行引用。
/*pages/sousuo/sousuo.wxml*/
<view class="sousuo">
<view class="search">
<view class="search_input">
<input class="search_input2" placeholder='请输入要查询的公交线路' placeholder-class="placeholderStyle" value='{
{searchVal}}' bindconfirm="search" bindinput="input"></input>
<image class="delete_icon" wx:if="{
{ searchVal != '' }}" catchtap="clear" src="../../images/delete.png"></image>
</view>
<image class="search_icon" src="../../images/sousuo.png" catchtap="search"></image>
</view>
<scroll-view class="search_scroll" scroll-y="true">
<view class="search_jieguo">
<view class="search_items" wx:for="{
{busList.length}}" wx:key="index">
<view class="message">
<view class="line">{
{
busList[index].line}}路({
{
busList[index].company}})</view>
<view class="road">{
{
busList[index].road}}</view>
<text>\n</text>
<view class