TP5.1框架开发微信小程序搜索功能(史上最全代码)

分享小程序最常见的搜索功能。后台基于PHP。后台框架TP5.1

1.后台框架搭建。composer安装TP5.1。

在 Windows 中,你需要下载并运行 Composer-Setup.exe

打开命令行输入composer,如下图:表示安装成功

TP5.1框架开发微信小程序搜索功能(史上最全代码)_第1张图片

打开命令行,切换到你的WEB根目录下面:如下图(备注:Tab键可以补全目录名称)

TP5.1框架开发微信小程序搜索功能(史上最全代码)_第2张图片

执行一下两条命令

composer config -g repo.packagist composer https://packagist.laravel-china.org

composer create-project topthink/think tp5 

(备注:tp5为项目文件名,任意都行)

此刻看到WEB目录下多了一个名为tp5文件夹如下图:

TP5.1框架开发微信小程序搜索功能(史上最全代码)_第3张图片

TP5.1安装是否成功,访问一下,如下图:表示成功

TP5.1框架开发微信小程序搜索功能(史上最全代码)_第4张图片

数据库建表。(省略)

定义接口:在Index控制器同级目录建立Laji类如图:

TP5.1框架开发微信小程序搜索功能(史上最全代码)_第5张图片

TP5.1框架开发微信小程序搜索功能(史上最全代码)_第6张图片

(备注:接口难点:TP5模糊查询,其实就一句话)

/*-----------------------------------------------------------------------------分割线--------------------------------------------------------------------------*/

2小程序部分

分三种情况:搜索成功,搜索失败,搜索为空。

例如:

输入塑料,返回干垃圾。

不输入,返回错误。

查询为空,返回提示。

如图:

TP5.1框架开发微信小程序搜索功能(史上最全代码)_第7张图片

TP5.1框架开发微信小程序搜索功能(史上最全代码)_第8张图片

TP5.1框架开发微信小程序搜索功能(史上最全代码)_第9张图片

wxml

TP5.1框架开发微信小程序搜索功能(史上最全代码)_第10张图片

(备注:item.type,type是表中字段名,本文中表示所属垃圾的分类)

js

TP5.1框架开发微信小程序搜索功能(史上最全代码)_第11张图片

写在最后:

代码仅供线下测试。上线域名url需更换为https。

本教程适合基础小白。看不懂的地方请留言。需要源码请留下邮箱。

你可能感兴趣的:(小程序专题,小程序搜索,TP5.1,PHP,微信小程序)