基于jQueryUI和Corethink实现百度的搜索提示功能


Posted in PHP onNovember 09, 2016

先给大家展示下效果图:

基于jQueryUI和Corethink实现百度的搜索提示功能 

目录:

基于jQueryUI和Corethink实现百度的搜索提示功能 

这里是以corethink模块的形式,只需要安装上访问

index.php?s=/test/index

1.建好模块目录,写好模块的总体文件

opencmf.PHP

<?php
return array(
// 模块信息
'info' => array(
'name' => 'Test',
'title' => 'Test',
'icon' => 'fa fa-newspaper-o',
'icon_color' => '#9933FF',
'description' => 'Test',
'developer' => 'pangPython',
'website' => 'http://blog.csdn.net/u012995856/',
'version' => '1.3.0',
'dependences' => array(
'Admin' => '1.3.0',
)
),
// 用户中心导航
'user_nav' => array(
),
// 模块配置
'config' => array(
),
// 后台菜单及权限节点配置
'admin_menu' => array(
'1' => array(
'id' => '1',
'pid' => '0',
'title' => 'Test',
'icon' => 'fa fa-newspaper-o',
),
'2' => array(
'pid' => '1',
'title' => '内容管理',
'icon' => 'fa fa-folder-open-o',
),
)
);

2.写控制器

IndexController

<?php
namespace Test\Controller;
use Think\Controller;
use Home\Controller\HomeController;
/**
*
*/
class IndexController extends HomeController{
public function index()
{
$this->display();
}
public function mydata($keyword){
if ($keyword==11) {
echo '["pangPython","HelloWorld"]';
}else{
echo '["ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"]';
}
}
}

3.写前台文件

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="http://cdn.bootcss.com/jqueryui/1.12.0/jquery-ui.css" media="screen" title="no title">
</head>
<body>
<!-- Autocomplete -->
<h2 class="demoHeaders">Autocomplete</h2>
<div>
<input id="autocomplete" title="type "a"">
</div>
</body>
<script type="text/javascript" src="__PUBLIC__/libs/jquery/1.x/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.bootcss.com/jqueryui/1.12.0/jquery-ui.js"></script>
<script type="text/javascript">
var url ="{:U('test/index/mydata')}";
$( "#autocomplete" ).autocomplete({
minLength: 2,
source: function(request,response){
$.getJSON(
url,{
keyword:request.term
},
function(data,status,xhr){
response(data);
}
);
}
});
</script>
</html>

以上所述是小编给大家介绍的基于jQueryUI和Corethink实现百度的搜索提示功能,实现一个模拟后台数据登入的效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

PHP 相关文章推荐
PHP+JS无限级可伸缩菜单详解(简单易懂)
Jan 02 PHP
php下载远程文件类(支持断点续传)
Nov 14 PHP
php设计模式 Builder(建造者模式)
Jun 26 PHP
PHP中通过语义URL防止网站被攻击的方法分享
Sep 08 PHP
php/js获取客户端mac地址的实现代码
Jul 08 PHP
Thinkphp搭建包括JS多语言的多语言项目实现方法
Nov 24 PHP
php+ajax无刷新上传图片实例代码
Nov 17 PHP
Yii中表单用法实例详解
Jan 05 PHP
Symfony生成二维码的方法
Feb 04 PHP
PHP实现字符串的全排列详解
Apr 24 PHP
Thinkphp 框架扩展之标签库驱动原理与用法分析
Apr 23 PHP
PHP扩展安装方法步骤解析
Nov 24 PHP
php 计算两个时间相差的天数、小时数、分钟数、秒数详解及实例代码
Nov 09 #PHP
php mysql procedure实现获取多个结果集的方法【基于thinkPHP】
Nov 09 #PHP
php利用gd库为图片添加水印
Nov 09 #PHP
php 输出json及显示json中的中文汉字详解及实例
Nov 09 #PHP
Yii2框架制作RESTful风格的API快速入门教程
Nov 08 #PHP
php封装的数据库函数与用法示例【参考thinkPHP】
Nov 08 #PHP
php基于curl重写file_get_contents函数实例
Nov 08 #PHP
You might like
隐藏你的.php文件的实现方法
2007/03/19 PHP
Discuz板块横排显示图片的实现方法
2007/05/28 PHP
慎用preg_replace危险的/e修饰符(一句话后门常用)
2013/06/19 PHP
php缓冲 output_buffering和ob_start使用介绍
2014/01/30 PHP
PHP文件系统管理(实例讲解)
2017/09/19 PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
2017/12/21 PHP
PHP实现的防止跨站和xss攻击代码【来自阿里云】
2018/01/29 PHP
php实现微信企业付款到个人零钱功能
2018/10/09 PHP
关于javascript中的parseInt使用技巧
2009/09/03 Javascript
jQuery技巧总结
2011/01/01 Javascript
jQuery提交多个表单的小例子
2013/06/30 Javascript
javascript控制图片播放的实现代码
2020/07/29 Javascript
JavaScript简单下拉菜单实例代码
2015/09/07 Javascript
JavaScript设计模式经典之工厂模式
2016/02/24 Javascript
如何以Angular的姿势打开Font-Awesome详解
2018/04/22 Javascript
jQuery实现高级检索功能
2019/05/28 jQuery
改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件
2019/07/13 Javascript
JS实现简单tab选项卡切换
2019/10/25 Javascript
[01:29]Ti4循环赛第三日精彩回顾
2014/07/13 DOTA
python snownlp情感分析简易demo(分享)
2017/06/04 Python
浅谈flask源码之请求过程
2018/07/26 Python
python快速编写单行注释多行注释的方法
2019/07/31 Python
Python3使用xml.dom.minidom和xml.etree模块儿解析xml文件封装函数的方法
2019/09/23 Python
python文件绝对路径写法介绍(windows)
2019/12/25 Python
python opencv 检测移动物体并截图保存实例
2020/03/10 Python
使用Pycharm(Python工具)新建项目及创建Python文件的教程
2020/04/26 Python
如何使用python的ctypes调用医保中心的dll动态库下载医保中心的账单
2020/05/24 Python
使用python修改文件并立即写回到原始位置操作(inplace读写)
2020/06/28 Python
中国领先的专业演出票务网:永乐票务
2016/08/29 全球购物
西班牙著名的珠宝首饰品牌:P D PAOLA
2018/09/15 全球购物
英国剑桥包中文官网:The Cambridge Satchel Company中国
2018/11/06 全球购物
金山毒霸系列的笔试题
2013/04/13 面试题
利用promise及参数解构封装ajax请求的方法
2021/03/24 Javascript
财务管理专业自荐书
2014/09/02 职场文书
八项规定整改方案
2014/10/01 职场文书
PostgreSQL常用字符串分割函数整理汇总
2022/07/07 PostgreSQL