基于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网站提速三大“软”招
Oct 09 PHP
PHP配置心得包含MYSQL5乱码解决
Nov 20 PHP
phpmyadmin 3.4 空密码登录的实现方法
May 29 PHP
CodeIgniter使用phpcms模板引擎
Nov 12 PHP
ThinkPHP跳转页success及error模板实例教程
Jul 17 PHP
php实现mysql备份恢复分卷处理的方法
Dec 26 PHP
php源码分析之DZX1.5加密解密函数authcode用法
Jun 17 PHP
CI框架常用函数封装实例
Nov 21 PHP
PHP实现json_decode不转义中文的方法
May 20 PHP
Yii 2中的load()和save()示例详解
Aug 03 PHP
详细对比php中类继承和接口继承
Oct 11 PHP
PHP常用正则表达式精选(推荐)
May 28 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个人网站架设连环讲(三)
2006/10/09 PHP
PHP实现的装箱算法示例
2018/06/23 PHP
jquery 弹出层实现代码
2009/10/30 Javascript
JavaScript操作XML实例代码(获取新闻标题并分页,并分页)
2010/05/25 Javascript
jquery photoFrame 图片边框美化显示插件
2010/06/28 Javascript
仿百度的关键词匹配搜索示例
2013/09/25 Javascript
Javascript正则控制文本框只能输入整数或浮点数
2014/09/02 Javascript
javascript面向对象之定义成员方法实例分析
2015/01/13 Javascript
举例讲解Node.js中的Writable对象
2015/07/29 Javascript
jQuery实现的仿select功能代码
2015/08/19 Javascript
jQuery实现向下滑出的平滑下拉菜单效果
2015/08/21 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
2016/12/21 Javascript
JS验证input输入框(字母,数字,符号,中文)
2017/03/23 Javascript
解决vue.js在编写过程中出现空格不规范报错的问题
2017/09/20 Javascript
jquery实现的放大镜效果示例
2020/02/24 jQuery
详解Python中的多线程编程
2015/04/09 Python
Windows下Python2与Python3两个版本共存的方法详解
2017/02/12 Python
Python利用QQ邮箱发送邮件的实现方法(分享)
2017/06/09 Python
python+pandas生成指定日期和重采样的方法
2018/04/11 Python
pandas.loc 选取指定列进行操作的实例
2018/05/18 Python
python 获取当天凌晨零点的时间戳方法
2018/05/22 Python
python银行系统实现源码
2019/10/25 Python
python线程定时器Timer实现原理解析
2019/11/30 Python
Django ModelForm操作及验证方式
2020/03/30 Python
Python发起请求提示UnicodeEncodeError错误代码解决方法
2020/04/21 Python
Python安装Bs4的多种方法
2020/11/28 Python
python爬取2021猫眼票房字体加密实例
2021/02/19 Python
Born鞋子官网:Born Shoes
2017/04/06 全球购物
婴儿地球:Baby Earth
2018/12/25 全球购物
农村面貌改造提升实施方案
2014/03/18 职场文书
优秀应届生求职信
2014/06/16 职场文书
小学生我的梦想演讲稿
2014/08/21 职场文书
会计工作总结范文2014
2014/12/23 职场文书
二审答辩状范文
2015/05/22 职场文书
三八红旗手先进事迹材料(2016推荐版)
2016/02/25 职场文书
Pytorch 如何实现常用正则化
2021/05/27 Python