基于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中的日期及时间
Nov 23 PHP
Ping服务的php实现方法,让网站快速被收录
Feb 04 PHP
奇怪的PHP引用效率问题分析
Mar 23 PHP
PHP使用Alexa API获取网站的Alexa排名例子
Jun 12 PHP
destoon实现不同会员组公司名称显示不同的颜色的方法
Aug 22 PHP
PHP IDE phpstorm 常用快捷键
May 18 PHP
详解PHP中instanceof关键字及instanceof关键字有什么作用
Nov 05 PHP
php入门教程之Zend Studio设置与开发实例
Sep 09 PHP
php实现异步将远程链接上内容(图片或内容)写到本地的方法
Nov 30 PHP
php头像上传预览实例代码
May 02 PHP
PHP编程计算文件或数组中单词出现频率的方法
May 22 PHP
php制作圆形用户头像的实例_自定义封装类源代码
Sep 18 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防盗链的常用方法小结
2010/07/02 PHP
php设计模式 Interpreter(解释器模式)
2011/06/26 PHP
详解WordPress中创建和添加过滤器的相关PHP函数
2015/12/29 PHP
PHP中phar包的使用教程
2017/06/14 PHP
Laravel 批量更新多条数据的示例
2017/11/27 PHP
jquery 读取页面load get post ajax 四种方式代码写法
2011/04/02 Javascript
javascript学习笔记(四) Number 数字类型
2012/06/19 Javascript
JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享
2013/07/05 Javascript
jquery+json实现数据列表分页示例代码
2013/11/15 Javascript
用简洁的jQuery方法toggleClass实现隔行换色
2014/10/22 Javascript
JQuery中绑定事件(bind())和移除事件(unbind())
2015/02/27 Javascript
jQuery动态效果显示人物结构关系图的方法
2015/05/07 Javascript
深入浅析jQuery对象$.html
2016/08/22 Javascript
jquery对所有input type=text的控件赋值实现方法
2016/12/02 Javascript
seajs中最常用的7个功能、配置示例
2017/10/10 Javascript
Vue.js做select下拉列表的实例(ul-li标签仿select标签)
2018/03/02 Javascript
Koa2微信公众号开发之本地开发调试环境搭建
2018/05/16 Javascript
JavaScript使用math.js进行精确计算操作示例
2018/06/19 Javascript
深入解析vue 源码目录及构建过程分析
2019/04/24 Javascript
基于vue如何发布一个npm包的方法步骤
2019/05/15 Javascript
微信小程序可滑动周日历组件使用详解
2019/10/21 Javascript
js函数柯里化的方法和作用实例分析
2020/04/11 Javascript
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
2020/08/03 Javascript
python3序列化与反序列化用法实例
2015/05/26 Python
python3爬取各类天气信息
2018/02/24 Python
Python实现找出数组中第2大数字的方法示例
2018/03/26 Python
python循环输出三角形图案的例子
2019/11/22 Python
python3爬虫中多线程的优势总结
2020/11/24 Python
详解CSS3 Media Queries中媒体属性的使用
2016/02/29 HTML / CSS
德国亚洲食品网上商店:asiafoodland.de
2019/12/28 全球购物
小学母亲节活动方案
2014/03/14 职场文书
运动会开幕式主持词
2014/03/28 职场文书
乡镇群众路线专项整治方案
2014/11/03 职场文书
2015欢度元旦标语口号
2014/12/09 职场文书
2016新年年会主持词
2015/07/06 职场文书
超级详细实用的pycharm常用快捷键
2021/05/12 Python