帮助文档Help

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

一佰互联网站制作(www.yinxi.net) 发布日期 2019-04-26 09:03:48 浏览数: 67

先给大家展示下效果图:

 

目录:

 

这里是以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 TestController;
use ThinkController;
use HomeControllerHomeController;
/**
*
*/
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开发和域名注册及虚拟主机服务经验,提供的自助建站服务更是全国有名。近年来还整合团队优势自主开发了可视化多用户”巅云建站系统“3.0平台版,拖拽排版网站制作设计,轻松实现pc站、手机微网站、小程序、APP一体化全网营销网站建设 ,已成功的为全国上百家网络公司提供自助建站平台搭建服务。

相关新闻more

25
04月
Laravel框架执行原生SQL语句及使用p

本文实例讲述了Laravel框架执行原生SQL语句及使用paginate分页的方法。分享给大家供大家参考,具体如下:1、运行原生sqlpub... >>详情

22
04月
关于自适应布局的处理(利用浮动和margin

自适应布局在实际应用中越来越普遍了,今天分享几个自适应布局的demo,主要是浮动圣杯布局(也叫双飞翼布局,主要是利用浮动和margin负边距... >>详情

12
05月
专业网站建设公司、专业网站设计公司需要具有了

对于生活在专业的人士来说,总是感觉到创业比较艰难,其实从很大程度来说,创业真的需要做到更加完善的地步。就是从目前来说,专业网站建设已经做到了... >>详情

29
04月
提高PHP编程效率的方法

1、如果能将类的方法定义成static,就尽量定义成static,它的速度会提升将近4倍。2、$row["id"] 的速度是$row[id]... >>详情

高端网站建设

美工兼顾SEO,为企业电子商务营销助力!

电话:

023-85725751
建站

产品

域名注册 虚拟主机 云服务器 企业邮局
智能建站 APP打包 微站/小程序 创业平台
网站推广 媒体营销 智能采集 AI机器人
400电话 短信营销 店销机器人
私人定制 门户网站