基于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编程效率 引入缓存机制提升性能
Feb 15 PHP
MySQL连接数超过限制的解决方法
Jul 17 PHP
将word转化为swf 如同百度文库般阅读实现思路及代码
Aug 09 PHP
PHP文件锁定写入实例解析
Jul 14 PHP
PHP积分兑换接口实例
Feb 09 PHP
js代码实现微博导航栏
Jul 30 PHP
Yii实现Command任务处理的方法详解
Jul 14 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
Aug 28 PHP
在云虚拟主机部署thinkphp5项目的步骤详解
Dec 21 PHP
PHP单例模式实例分析【防继承,防克隆操作】
May 22 PHP
PHP实现微信公众号验证Token的示例代码
Dec 16 PHP
php实现通过stomp协议连接ActiveMQ操作示例
Feb 23 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 更新数据库中断的解决方法
2009/06/05 PHP
PHP中通过加号合并数组的一个简单方法分享
2011/01/27 PHP
PHP file_get_contents函数读取远程数据超时的解决方法
2015/05/13 PHP
php版微信公众平台实现预约提交后发送email的方法
2016/09/26 PHP
PHP实现 APP端微信支付功能
2018/06/22 PHP
jquery构造器的实现代码小结
2011/05/16 Javascript
jQuery EasyUI API 中文文档 搜索框
2011/09/29 Javascript
javascript高级程序设计第二版第十二章事件要点总结(常用的跨浏览器检测方法)
2012/08/22 Javascript
JavaSript中变量的作用域闭包的深入理解
2014/05/12 Javascript
jQuery简单实现遍历数组的方法
2015/04/14 Javascript
浅谈window.onbeforeunload() 事件调用ajax
2016/06/29 Javascript
js+css3实现旋转效果
2017/01/20 Javascript
VUE长按事件需求详解
2017/10/18 Javascript
详解javascript中的babel到底是什么
2018/06/21 Javascript
vue自定义全局共用函数详解
2018/09/18 Javascript
vue input标签通用指令校验的实现
2019/11/05 Javascript
vue 实现v-for循环回来的数据动态绑定id
2019/11/07 Javascript
基于Echarts图表在div动态切换时不显示的解决方式
2020/07/20 Javascript
js实现轮播图效果 纯js实现图片自动切换
2020/08/09 Javascript
[16:21]教你分分钟做大人:圣堂刺客
2014/12/03 DOTA
[58:35]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
python 如何快速找出两个电子表中数据的差异
2017/05/26 Python
python selenium 查找隐藏元素 自动播放视频功能
2019/07/24 Python
简单了解python 生成器 列表推导式 生成器表达式
2019/08/22 Python
python 实现将Numpy数组保存为图像
2020/01/09 Python
python+selenium定时爬取丁香园的新型冠状病毒数据并制作出类似的地图(部署到云服务器)
2020/02/09 Python
给ubuntu18安装python3.7的详细教程
2020/06/08 Python
python画图时设置分辨率和画布大小的实现(plt.figure())
2021/01/08 Python
CSS3属性box-sizing使用指南
2014/12/09 HTML / CSS
《夏夜多美》教学反思
2014/02/17 职场文书
室内设计专业自荐信
2014/05/31 职场文书
法制宣传标语集锦
2014/06/25 职场文书
师德标兵先进事迹材料
2014/12/19 职场文书
2015年感恩母亲节的演讲稿
2015/03/18 职场文书
先进基层党组织主要事迹材料
2015/11/03 职场文书