基于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中调用JAVA
Oct 09 PHP
php Rename 更改文件、文件夹名称
May 24 PHP
PHP APC的安装与使用详解
Jun 13 PHP
php 去除html标记--strip_tags与htmlspecialchars的区别详解
Jun 26 PHP
php页面函数设置超时限制的方法
Dec 01 PHP
php中静态类与静态变量用法的区别分析
Jan 15 PHP
php根据日期或时间戳获取星座信息和生肖等信息
Oct 20 PHP
PHP执行linux命令常用函数汇总
Feb 02 PHP
PHP获取指定日期是星期几的实现方法
Nov 30 PHP
Laravel中任务调度console使用方法小结
May 07 PHP
PHP实现的激活用户注册验证邮箱功能示例
Jun 06 PHP
PHP实现APP微信支付的实例讲解
Feb 10 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实现图片简单上传
2006/10/09 PHP
学习discuz php 引入文件的方法DISCUZ_ROOT
2009/06/21 PHP
提示Trying to clone an uncloneable object of class Imagic的解决
2011/10/27 PHP
php微信公众平台开发类实例
2015/04/01 PHP
php实现将任意进制数转换成10进制的方法
2015/04/17 PHP
今天你说520了吗?不仅有php表白书还有java表白神器
2016/05/20 PHP
Javascript中的变量使用说明
2010/05/18 Javascript
JavaScript实现的一个日期格式化函数分享
2014/12/06 Javascript
JS实现同时搜索百度和必应的方法
2015/01/27 Javascript
javascript中CheckBox全选终极方案
2015/05/20 Javascript
jquery中添加属性和删除属性
2015/06/03 Javascript
JavaScript+html5 canvas绘制渐变区域完整实例
2016/01/26 Javascript
Vue数据驱动模拟实现1
2017/01/11 Javascript
移动端基础事件总结与应用
2017/01/12 Javascript
js的继承方法小结(prototype、call、apply)(推荐)
2019/04/17 Javascript
vue+koa2搭建mock数据环境的详细教程
2020/05/18 Javascript
JavaScript监听键盘事件代码实现
2020/06/03 Javascript
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 LGD VS TNC
2018/03/30 DOTA
python字典多键值及重复键值的使用方法(详解)
2016/10/31 Python
详解pyqt5 动画在QThread线程中无法运行问题
2018/05/05 Python
符合语言习惯的 Python 优雅编程技巧【推荐】
2018/09/25 Python
基于python获取本地时间并转换时间戳和日期格式
2020/10/27 Python
python代码实现猜拳小游戏
2020/11/30 Python
内科护士实习自我鉴定
2013/10/17 职场文书
模具专业推荐信
2013/10/30 职场文书
高一地理教学反思
2014/01/18 职场文书
政府门卫岗位职责
2014/04/29 职场文书
学习焦裕禄同志为人民服务思想汇报
2014/09/10 职场文书
大学生简短的自我评价
2014/09/12 职场文书
2014国庆节标语口号
2014/09/19 职场文书
开展批评与自我批评心得体会
2014/10/17 职场文书
2015社区健康教育工作总结
2015/05/20 职场文书
投诉书范文
2015/07/02 职场文书
HTML CSS 一个标签实现带动画的抖音LOGO
2022/04/26 HTML / CSS
Python如何让字典保持有序排列
2022/04/29 Python