软件开发|编程技术|编程代码|编程入门先学什么—程序设计语言

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

这篇文章主要介绍了基于jQueryUI和Corethink实现百度的搜索提示功能,这里是以corethink模块的形式,只需要安装上访问index.php?s=/test/index就可以了,需要的朋友可以参考下

先给大家展示下效果图:

目录:

这里是以corethink模块的形式,只需要安装上访问

index.phps=/test/index

1.建好模块目录,写好模块的总体文件

opencmf.PHP

phpreturn 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

phpnamespace 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 htmlhtmlheadmeta charset="utf-8"title/titlelink rel="stylesheet" href="http://cdn.bootcss.com/jqueryui/1.12.0/jquery-ui.css" media="screen" title="no title"/headbody!-- Autocomplete --h2 class="demoHeaders"Autocomplete/h2divinput id="autocomplete" title="type a"/div/bodyscript type="text/javascript" src="__PUBLIC__/libs/jquery/1.x/jquery.min.js"/scriptscript type="text/javascript" src="http://cdn.bootcss.com/jqueryui/1.12.0/jquery-ui.js"/scriptscript 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实现百度的搜索提示功能,实现一个模拟后台数据登入的效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!