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

 更新时间:2016年11月09日 09:13:32   转载 作者:pangPython  
这篇文章主要介绍了基于jQueryUI和Corethink实现百度的搜索提示功能,这里是以corethink模块的形式,只需要安装上访问index.php?s=/test/index 就可以了,需要的朋友可以参考下

先给大家展示下效果图:

这里写图片描述 

目录:

这里写图片描述 

这里是以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 &quot;a&quot;">
</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实现百度的搜索提示功能,实现一个模拟后台数据登入的效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Yii使用migrate命令执行sql语句的方法

    Yii使用migrate命令执行sql语句的方法

    这篇文章主要介绍了Yii使用migrate命令执行sql语句的方法,结合实例形式分析了Yii命令工具migrate的具体使用技巧,需要的朋友可以参考下
    2016-03-03
  • php 分页函数multi() discuz

    php 分页函数multi() discuz

    discuz摘出来的php分页函数multi(),大家以后也可以从discuz来获取各种比较好的函数了,学习要注意借鉴。
    2009-06-06
  • thinkPHP5实现数据库添加内容的方法

    thinkPHP5实现数据库添加内容的方法

    这篇文章主要介绍了thinkPHP5实现数据库添加内容的方法,结合实例形式较为详细的分析了thinkPHP5数据库的配置、模型、控制器的使用及数据插入相关操作技巧,需要的朋友可以参考下
    2017-10-10
  • thinkPHP简单导入和使用阿里云OSSsdk的方法

    thinkPHP简单导入和使用阿里云OSSsdk的方法

    这篇文章主要介绍了thinkPHP简单导入和使用阿里云OSSsdk的方法,简单说明了阿里云OSS的php sdk下载地址及thinkPHP导入与使用OSSsdk的方法,需要的朋友可以参考下
    2017-03-03
  • Laravel框架实现即点即改功能的方法分析

    Laravel框架实现即点即改功能的方法分析

    这篇文章主要介绍了Laravel框架实现即点即改功能的方法,结合具体实例形式分析了Laravel框架即点即改功能的实现原理、步骤及相关操作技巧,需要的朋友可以参考下
    2019-10-10
  • 解读PHP中上传文件的处理问题

    解读PHP中上传文件的处理问题

    这篇文章主要介绍了解读PHP中上传文件的处理问题的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-05-05
  • laravel实现于语言包的完美切换方法

    laravel实现于语言包的完美切换方法

    今天小编就为大家分享一篇laravel实现于语言包的完美切换方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • Symfony2框架学习笔记之表单用法详解

    Symfony2框架学习笔记之表单用法详解

    这篇文章主要介绍了Symfony2框架学习笔记之表单用法,结合实例形式详细分析了Symfony2针对表单的创建,校验,提交等各种常用技巧,需要的朋友可以参考下
    2016-03-03
  • 详解laravel中blade模板带条件分页

    详解laravel中blade模板带条件分页

    Blade模板是Laravel提供一个既简单又强大的模板引擎,这篇文章主要介绍了laravel中blade模板带条件分页功能,本文通过示例代码给大家介绍了,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-03-03
  • Thinkphp整合阿里云OSS图片上传实例代码

    Thinkphp整合阿里云OSS图片上传实例代码

    kphp3.2整合阿里云OSS图片上传实例,图片上传至OSS可减少服务器压力,节省宽带,安全又稳定,阿里云OSS对于做负载均衡非常方便,不用传到各个服务器了,本文通过实例代码给大家介绍,需要的朋友一起看看吧
    2019-04-04

最新评论