乱爱性全过程免费视频/午夜毛片视频/中文字幕av三区/一级视频网址

當(dāng)前位置： 維易PHP培訓(xùn)學(xué)院 > PHP學(xué)習(xí) > 內(nèi)容正文

PHP學(xué)習(xí)：基于jQueryUI和Corethink實(shí)現(xiàn)百度的搜索提示功能

作者：VEPHP   時(shí)間 2017-09-24

《PHP學(xué)習(xí)：基于jQueryUI和Corethink實(shí)現(xiàn)百度的搜索提示功能》要點(diǎn)：
本文介紹了PHP學(xué)習(xí)：基于jQueryUI和Corethink實(shí)現(xiàn)百度的搜索提示功能，希望對(duì)您有用。如果有疑問，可以聯(lián)系我們。

先給大家展示下效果圖：PHP學(xué)習(xí)

這里寫圖片描述?PHP學(xué)習(xí)

目錄：PHP學(xué)習(xí)

這里寫圖片描述?PHP學(xué)習(xí)

這里是以corethink模塊的形式,只需要安裝上訪問PHP學(xué)習(xí)

index.php?s=/test/indexPHP學(xué)習(xí)

1.建好模塊目錄,寫好模塊的總體文件PHP學(xué)習(xí)

opencmf.PHPPHP學(xué)習(xí)

<?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',
)
),
// 用戶中心導(dǎo)航
'user_nav' => array(
),
// 模塊配置
'config' => array(
),
// 后臺(tái)菜單及權(quán)限節(jié)點(diǎn)配置
'admin_menu' => array(
'1' => array(
'id' => '1',
'pid' => '0',
'title' => 'Test',
'icon' => 'fa fa-newspaper-o',
),
'2' => array(
'pid' => '1',
'title' => '內(nèi)容管理',
'icon' => 'fa fa-folder-open-o',
),
)
);

2.寫控制器PHP學(xué)習(xí)

IndexControllerPHP學(xué)習(xí)

<?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.寫前臺(tái)文件PHP學(xué)習(xí)

index.htmlPHP學(xué)習(xí)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet"  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實(shí)現(xiàn)百度的搜索提示功能,實(shí)現(xiàn)一個(gè)模擬后臺(tái)數(shù)據(jù)登入的效果,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的.在此也非常感謝大家對(duì)維易PHP網(wǎng)站的支持!PHP學(xué)習(xí)

轉(zhuǎn)載請(qǐng)注明本頁(yè)網(wǎng)址：
http://www.fzlkiss.com/jiaocheng/2845.html


    標(biāo)簽：