jquery ui autocomplete 实现点击文本框，出现所有查询信息效果,与bootstrap结合使用修改样式

直接看代码

<!doctype html>

<html lang="en">

<head>

    <meta charset="utf-8">

    <title>jQuery UI Autocomplete - Default functionality</title>

    <link rel="stylesheet" href="bootstrap.css"/>

    <link ref="stylesheet" type="text/css" href="jquery-ui-1.10.0.custom.css"/>
    <script src="jquery-1.11.2.js"></script>

    <script src="bootstrap.js"></script>

    <script src="jquery-ui.js"></script>

    <script src="jquery.ui.datepicker-zh-CN.js"></script>

    <style type="text/css">
     .ui-autocomplete{
　　　　max-width:175px;  /*下拉列表宽度*/
       max-height:150px;
       overflow-y:auto;
       overflow-x:hidden;
       padding-right:1px;
       color:black;
       font-size:14px;
     }
     .ui-state-focus{    /*设置被选中的下拉列表数据样式*/
　　   background-color:#009acd;
      font-weight:bold;
     }
　　</style>

<body>

<script type="text/javascript">

    $(function() {

        //可以实现点击文本框就进行查询，但是需要和后台进行配合，

        //首先需要是一个模糊查询，当输入空格时查询出所有数据

        $('#id').autocomplete({

            source:function(request,response){

                $.ajax({

                    type:"post",

                    url:"<c:url value='/getDeviceName'/>",

                    dataType:"json",

                    data{

                      deviceName:request.term         

                    },

                    success:function(data){

                        response($.map(data,function(item){

                            return {

                                lable:item.deviceName,

                                value:item.deviceName

                            }                    

                        }));

                    }

                });

            },

            minLength: 1,

            delay:0,

            autoFocus:true   //是否自动默认选中下拉列表第一项，默认为false，即不选中

             select:function(event,ui){  //键盘上下键移动，将选中的值放入到搜索框中

                $("#id").val(ui.item.deviceName);

            }

          }).focus(function(){     

            

            //根据版本不同使用下面的两个方法，其实是玩了个障眼法，在这里当文本框获取焦点时，输入个空格进行模糊查询

            //后台做了判断，如果输入的值前后都去了空格，如果输入空格，后台接收数据就为null，则此时就默认按照所有进行查找，即like %%

            //本身这个也是sql自身的特性，但是一下两句话在不同版本中使用，上面不行，用下面，下面不行用上面

            //$(this).data("autocomplete").search(" "));

            $(this).data("uiAutocomplete").search(" ");

    });

</script>

<input type="text" id="id" name="deviceName">

</body>

</html>

 下面为实例

package com.util;



import java.sql.Connection;

import java.sql.DriverManager;



public class ConnectionUtil {



    private static ThreadLocal<Connection> cs = new ThreadLocal<Connection>();

    

    public static Connection getConnection() throws Exception{

        Connection c = cs.get();

        if(null==c){

            Class.forName("com.mysql.jdbc.Driver");

            c = DriverManager.getConnection("jdbc:mysql://localhost:3306/itac", "root", "root");

        }

        return c;

    }

}
package com.dao;



import java.sql.Connection;

import java.sql.PreparedStatement;

import java.sql.ResultSet;

import java.sql.SQLException;

import java.util.ArrayList;

import java.util.List;



import com.po.Device;

import com.util.ConnectionUtil;



public class DeviceDao {



    public List<Device> getDevices(String deviceName){

        Connection c=null;

        PreparedStatement ps =null;

        List<Device> ds = new ArrayList<Device>();

        try {

            c = ConnectionUtil.getConnection();

            ps= c.prepareStatement("select * from device where deviceName like ?");

            ps.setString(1, "%"+deviceName+"%");

            ResultSet rs = ps.executeQuery();

            while(rs.next()){

                Device d = new Device();

                d.setId(rs.getInt("id"));

                d.setDeviceName(rs.getString("deviceName"));

                d.setIp(rs.getString("ip"));

                ds.add(d);

            }

        } catch (Exception e) {

            e.printStackTrace();

        }finally{

            if(null!=ps){

                try {

                    ps.close();

                } catch (SQLException e) {

                    

                    e.printStackTrace();

                }

            }

            if(null!=c){

                try {

                    c.close();

                } catch (SQLException e) {

                    e.printStackTrace();

                }

            }

        }

        return ds;

    }

}
package com.servlet;



import java.io.IOException;

import java.sql.Connection;

import java.util.List;



import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;



import com.dao.DeviceDao;

import com.google.gson.Gson;

import com.po.Device;

import com.util.ConnectionUtil;





public class DeviceServlet extends HttpServlet {

    private static final long serialVersionUID = 1L;

    private DeviceDao deviceDao = new DeviceDao();

    

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        doPost(request, response);

    }

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        //参数要去空格，即用trim处理

        String deviceName = request.getParameter("deviceName").trim();

        System.out.println(deviceName);

        List<Device> ds = deviceDao.getDevices(deviceName);

        Gson gson = new Gson();

        String dstr = gson.toJson(ds);

        response.getWriter().write(dstr);

    }



}

页面

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

<link href="${pageContext.request.contextPath }/css/bootstrap.css"

    type="text/css" rel="stylesheet" />

<link href="${pageContext.request.contextPath }/css/jquery-ui-1.10.0.custom.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.10.2.js"></script>

<script type="text/javascript" src="${pageContext.request.contextPath }/js/bootstrap.js"></script>

<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-ui.min.js"></script>

<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.ui.datepicker-zh-CN.js"></script>

<style type="text/css">

.ui-autocomplete{

　　　　max-width:160px; /*设置下拉列表框的宽度*/

　　　　max-height:150px;/*设置下拉列表框的高度，如果放不下，则会出现滚动条*/

　　　　overflow-y:auto;/**/

　　　　overflow-x:hidden;

　　　　padding-right:1px;

　　　　color:black;   /*设置下拉框的字体颜色*/

　　　　font-size:14px; /*设置下拉框的字体大小*/

}

.ui-state-focus{

　　　　background-color:red; /*设置下拉列表中被选中的字体的颜色*/

　　　　font-weight:bold;  /*设置下拉列表中被选中的字体加粗显示*/

}



</style>

</head>

<body>

<table class="table"> 

    <tr>

        <td>设备名称</td>

        <td><input type="text" id="deviceName" name="deviceName"/></td>

    </tr>

</table>  

</body>

<script type="text/javascript">

$(function(){

    $("#deviceName").autocomplete({

        source:function(request,response){

            $.ajax({

                type:"post",

                url:"<c:url value="/dServlet"/>",

                dataType:"json",

                data:{

                    deviceName:request.term

                },

                success:function(data){

                     response($.map(data,function(item){

                         return {

                             lable:item.deviceName,

                             value:item.deviceName

                         }                    

                     }));

                }

            });

        },

        minLength:1,

        delay:0,autoFocus:true,

        select:function(event,ui){

            $("#deviceName").val(ui.item.deviceName);

        }

    }).focus(function(){

        $(this).data("uiAutocomplete").search(" ");

    });

});

</script>

</html>

本页面的样式还需要调整

 

 

 

这里有篇可以稍微做个参考的文章

http://stackoverflow.com/questions/4132058/display-jquery-ui-auto-complete-list-on-focus-event

你可能感兴趣的:(autocomplete)

  • 2019-07-09 AutoCompleteTextView 问题 皮皮铭
    实现自定义Adapter要实现Filterable接口，不然会报错重写getFilter()方法performFiltering()方法实现过滤数据的操作publishResults()用来接收performFiltering()的返回值，发布。
  • 使用vue3+ts封装一个自动补全输入框Autocomplete组件 温暖前端 javascript前端vue.js
    创建一个名为Autocomplete.vue的文件，在这个组件中，使用了Vue3的CompositionAPI，包括ref、watch、onMounted等。组件接收placeholder、debounce和clearable作为props，并根据这些props来渲染输入框和下拉菜单{{item}}import{defineComponent,ref,watch,onMounted}from'vu
  • vue 高德地图api爬坑之路（三）Autocomplete 和 PlaceSearch 小C_cao vue高德地图API
    添加页面控件搜索初始化插件编辑方法/**初始化搜索工具*/mapSearchInit(){letthat=this;//绑定自动提示AMap.plugin(['AMap.Autocomplete','AMap.PlaceSearch'],function(){varautoOptions={input:"tipInput",//值为界面上input空间idcity:'北京',}varautoCom
  • 下拉提示（GoogleSuggest) xedcoing 技术autocompletefunctionjavascriptstringjqueryclass
    样式：.autocomplete{width:200px;border:1pxsolid#999;background:white;position:absolute;overflow:hidden;list-style-type:none;padding-left:0;margin-left:0px;margin-top:0;}JS：（Jquery）var$autocomplete=$("").
  • 禁止浏览器默认填充密码 vue lzr请早点睡觉～ 前端javascriptvue.js
    禁止浏览器默认填充密码会和我的样式冲突所以禁止第一种：通过给表单元素添加autocomplete="off"属性，可以防止浏览器自动填充表单中的账号和密码。可以在input标签或整个form标签上使用：exportdefault{data(){return{username:'',password:''};}};为密码输入框动态设置name属性有时仅仅使用autocomplete="off"不能完
  • 【Vue】el-autocomplete禁用时仍会触发下拉的问题 益达是我 vuevue.jsjavascript
    文章目录问题解决问题el-autocomplete禁用时，点击后仍会触发下拉，导致出现bug解决试了一下官方disabled属性、@focus、@click.stop均不起作用，最后无奈只能在查询方法那里做处理functionqueryAsync(queryString,cb){//重点if(!queryString||isDis.value){cb([])return}constdata={}q
  • vue element input让浏览器不保存密码 niesiyuan000 vue.jselementuijavascript
    从网上看了很多，比如auto-complete="new-password"比如autocomplete="off"这是真的用不了啊，最后用css可以实现1、html2、datareach__vioSecretkey:'',//违纪秘钥reach__seePwd:false,3、methodsseePwd(){this.reach__seePwd=!this.reach__seePwd},4、cs
  • autocomplete 完成功能 曾经也是个少年
    链接定义和用法autocomplete属性规定输入字段是否应该启用自动完成功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。注释：autocomplete属性适用于，以及下面的类型：text,search,url,telephone,email,password,datepickers,range以及color。提示：在某些浏
  • 前端input密码自动填充问题解决方案,React项目 猛踹瘸子那条好腿の 前端
    在input上写入autoComplete='new-password'可以禁止浏览器的自动填充密码1定义一个变量const[inputType,setInputType]=useState('text')2进入页面的是否将密码输入框的type设置为text3再jsx函数体内声明onchange函数constonChangePass=(e)=>{setInputType('password')}只
  • vue+高德，百度地图 友人！ vue.js百度前端
    1，npm安装vue-amapnpminstallvue-amap--save2，main.js引入importVueAMapfrom'vue-amap';Vue.use(VueAMap);VueAMap.initAMapApiLoader({key:'',plugin:['AMap.Autocomplete','AMap.PlaceSearch','AMap.Scale','AMap.OverV
  • C#如何实现一个输入框输入,匹配提示数据 狂人开飞机 C#c#
    在C#中可以使用AutoCompleteStringCollection类来实现输入框的自动完成功能。首先需要创建一个包含所有候选项的字符串集合（List）或者从文件、数据库等地方获取到这些候选项。然后将该集合传递给TextBox控件的AutoCompleteCustomSource属性。下面是一个示例代码：usingSystem;usingSystem.Collections.Generic;u
  • VS Code 配置第三方库 类似pygame chinaherolts2008 python基础教程python基础教程
    打开终端用pip安装pygamepipinstallpygame显示上图信息就说明安装成功安装完成之后在Python的安装目录中可以找到\Pythonxx\Lib\site-packages打开VSCode->文件->首选项->设置->用户->扩展->Python->AutoComplete:ExtraPaths->在settings.json中编辑在json中添加代码如下(将路径换位你的Pyth
  • vscode解决自动补全突然失效的问题(c++) 大头哇 c++c++vscode
    1：打开:首选项----->设置2:在搜索框里搜索autocomplete,然后选择对应的语言将这两部分改成这种就可以使用了。
  • chrome浏览器自动填充密码的字号设置不生效 学敲代码的Stars chrome前端javascript
    问题刷新浏览器初始化字号很小随便点击一下就会恢复我设置的字号大小原因给表单设置自动填充autocomplete=“on”后，chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性解决办法方法一，对私有属性设置样式（没成功）input:-webkit-autofill::first-line{font-size:20px;}方法二，关闭自动填充试了官方的
  • 进阶1-2 android常用控件综述 我在西边等太阳 笔记进阶1android
    这里主要根据书本知识网络知识和使用过的控件及好用的第三方控件做一个总结统计，肯定不全面，但一下也想不到多少。一步步写下去发现真的是越基础的控件越精彩，因为现在有很多封装好的控件很少会去调原生的自己写，但是多了解一点也没有坏处。目录文本类1、TextView2、EditText3、AutoCompleteTextView（单项提示的自动完成文本框）4、MultiAutoCompleteTextVie
  • 07-JQuery插件应用 D丝学编程
    本教程主要以JqueryUI为例，简单介绍Jquery插件的使用。使用JQueryUI提供的基本功能，需要如下文件支持:(1)jquery-ui.css(2)jquery.js(3)jquery-ui.jsjqueryui主题风格:可以通过如下网站地址选择风格或者自定义https://jqueryui.com/themeroller/一、JqueryUI-AutocompleteJqueryUI-
  • 响应式Web开发项目教程（HTML5+CSS3+Bootstrap）第2版 例4-10 autocomplete属性 m0_73657966 前端html5css3
    代码autocomplete属性提交按钮运行效果首先输入“autocomplete属性”,单击“提交按钮”，再输入“abc”，单击“提交按钮”,多次输入“a”时将会出现如下页面效果。autocoplete属性（on：表单有自动完成功能；off：表单无自动完成功能）用于指定表单是否具有自动完成功能，所谓“自动完成”是指将表单控件输入的内容记录下来。当再次输入时，输入的历史纪录将会显示在一个下拉列表单
  • 关于vue3使用Element ui输入框无法输入的简单解决方法 橙子君Crush typescriptvue.jsjavascriptscsselementui前端
    这应该是解决elementui输入框无法输入最简单有效的方法了script部分加入下面的代码import{reactive}from"vue";constform=reactive({name:""});element组件v-model填上对应的变量名autocomplete自动补全输入框这种类型的输入框,需要再添加一个input事件
  • Implement Trie (Prefix Tree) kotic leetcode算法学习算法
    ProblemAtrie(pronouncedas"try")orprefixtreeisatreedatastructureusedtoefficientlystoreandretrievekeysinadatasetofstrings.Therearevariousapplicationsofthisdatastructure,suchasautocompleteandspellchecker
  • Implement Trie (Prefix Tree) kotic leetcode算法学习python
    ProblemAtrie(pronouncedas"try")orprefixtreeisatreedatastructureusedtoefficientlystoreandretrievekeysinadatasetofstrings.Therearevariousapplicationsofthisdatastructure,suchasautocompleteandspellchecker
  • 获取radio点击事件 千奇百怪的漫长旅行 js
     获取radio点击事件，不能用click(),而是用change().$('input:radio[name="options"]').change(function(){if($(this).is(":checked")){alert($(this).attr("autocomplete"));}else{alert(0);}});
  • element的el-autocomplete组件的使用（模糊匹配、自定义模板、远程搜索） 小白_ysf Elementjavascript前端vue.jselementui
    一、代码实现激活即列出输入建议输入后匹配输入建议自定义模板{{item.value}}{{item.address}}远程搜索exportdefault{name:'AutoComplete',data(){return{restaurants:[],state1:'',state2:'',state3:'',state4:'',};},mounted(){this.restaurants=thi
  • react + antd：AutoComplete 实现既可以自由输入又能下拉选择 羽墨灵丘 react.jsjavascript前端
    在工作中遇到一个需求，既能下拉选择，有要求可以自由输入没有的选项。刚开始考虑使用Select组件，发现只有多选（mode="tags"）的时候才能随意输入内容，但多选又不符合当前的业务需求。在犹豫要不要自定义一个组件来实现业务需求时，发现了AutoComplete组件，完美实现需求。AutoCompete自动完成适用情况需要一个输入框而不是选择器需要输入建议/辅助提示（另一种形式的选项）代码示例c
  • LoadRunner脚本开发中的一些快捷键的使用 晋阳十二夜 脚本开发脚本函数LoadRunner
    1）编码工具的使用自动补全输入：Tools->GeneralOptions->Environment->Autocompleteword显示功能语法：Tools->GeneralOptions->Environment->ShowFunctionSyntax2）脚本调试1.单步调试->F102.断点调试->鼠标移动到要设置断点的脚本位置，通过Insert->ToggleBreakpoint(F9)
  • autocomplete 属性 清除input框输入存留历史值,防止下拉历史值显示 廿二又 web前端html前端css历史浏览器
    autocomplete属性规定输入字段是否应该启用自动完成功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。注释：autocomplete属性适用于，以及下面的类型：text,search,url,telephone,email,password,datepickers,range以及color。如果打开on效果如下
  • Qt优秀开源项目之六：qt-material-widgets 草上爬 Qt优秀开源项目Qt控件meterial
    炫酷的Material风格Qt控件，这个开源库基于QtWidgets，已经实现了20个控件，但是已经有5年没更新了，比较可惜gihub地址：https://github.com/laserpants/qt-material-widgetsAppBarQtMaterialAppBarAutoCompleteQtMaterialAutoCompleteAvatarQtMaterialAvatarBad
  • element UI带输入建议输入框el-autocomplete点击回车下拉框不消失问题 杜蜜月 项目问题小记javascriptcss3vue.jshtml5
    问题描述点击回车(或者自己定义的icon图标）不能收起建议框解决当建议框的内容为空的时候建议框会自己收起search(){//把suggestions置空this.$refs.autocomplete.suggestions=[];}问题已解决，在点击回车和icon搜索图标时会收起建议框
  • Visual Studio Code作为React Native的开发IDE,智能提示等等插件安装 Loki_
    1、ReactNativeTools2、React-Native/React/Reduxsnippetsfores6/es73、ReactNativeSnippet4、ES7React/Redux/GraphQL/React-Nativesnippets5、ColorHighlight颜色高亮效果1效果26、Imagepreview图片预览效果1效果27、PathAutocomplete路径补齐8
  • 编程笔记 html5&css&js 028 HTML输入属性(2/2) 明月看潮生 #html5css3javascript少年工程师
    @[TOC](编程笔记html5&css&js028HTML输入属性(2/2))HTML5新半了很多输入属性。使表单输入更加细致，减少了页面编程的复杂性。HTML5输入属性HTML5为增加了如下属性：autocompleteautofocusformformactionformenctypeformmethodformnovalidateformtargetheight和widthlistmin和
  • vsCode中编写vue项目时，webpack配置的alias别名无效 汝若念卿
    1、vsCode工具配置（settings.json文件配置所有项目可用）解决方案一：在插件市场中安装PathIntellisense插件并启用。根据以下提示信息，修改vsCode配置文件settings.json文件：解决方案二：在插件市场中安装PathAutocomplete插件并启用。根据以下提示信息，修改vsCode配置文件settings.json文件：2、项目配置如项目需要单独配置，可
  • java解析APK 3213213333332132 javaapklinux解析APK
    解析apk有两种方法 1、结合安卓提供apktool工具，用java执行cmd解析命令获取apk信息 2、利用相关jar包里的集成方法解析apk 这里只给出第二种方法，因为第一种方法在linux服务器下会出现不在控制范围之内的结果。 public class ApkUtil { /** * 日志对象 */ private static Logger
  • nginx自定义ip访问N种方法 ronin47 nginx 禁止ip访问
    　　　因业务需要，禁止一部分内网访问接口，　由于前端架了F5，直接用deny或allow是不行的，这是因为直接获取的前端Ｆ５的地址。 　　　所以开始思考有哪些主案可以实现这样的需求，目前可实施的是三种： 　　　一：把ip段放在redis里，写一段lua           二：利用geo传递变量，写一段
  • mysql timestamp类型字段的CURRENT_TIMESTAMP与ON UPDATE CURRENT_TIMESTAMP属性 dcj3sjt126com mysql
    timestamp有两个属性，分别是CURRENT_TIMESTAMP 和ON UPDATE CURRENT_TIMESTAMP两种，使用情况分别如下：   1.   CURRENT_TIMESTAMP    当要向数据库执行insert操作时，如果有个timestamp字段属性设为   CURRENT_TIMESTAMP，则无论这
  • struts2+spring+hibernate分页显示 171815164 Hibernate
    分页显示一直是web开发中一大烦琐的难题，传统的网页设计只在一个JSP或者ASP页面中书写所有关于数据库操作的代码，那样做分页可能简单一点，但当把网站分层开发后，分页就比较困难了，下面是我做Spring+Hibernate+Struts2项目时设计的分页代码，与大家分享交流。 　　1、DAO层接口的设计，在MemberDao接口中定义了如下两个方法： public in
  • 构建自己的Wrapper应用 g21121 rap
            我们已经了解Wrapper的目录结构，下面可是正式利用Wrapper来包装我们自己的应用，这里假设Wrapper的安装目录为:/usr/local/wrapper。           首先，创建项目应用   &nb
  • [简单]工作记录_多线程相关 53873039oycg 多线程
         最近遇到多线程的问题,原来使用异步请求多个接口(n*3次请求)     方案一 使用多线程一次返回数据,最开始是使用5个线程,一个线程顺序请求3个接口,超时终止返回     缺点       测试发现必须3个接
  • 调试jdk中的源码，查看jdk局部变量 程序员是怎么炼成的 jdk 源码
    转自：http://www.douban.com/note/211369821/    学习jdk源码时使用--   学习java最好的办法就是看jdk源代码，面对浩瀚的jdk（光源码就有40M多，比一个大型网站的源码都多）从何入手呢，要是能单步调试跟进到jdk源码里并且能查看其中的局部变量最好了。 可惜的是sun提供的jdk并不能查看运行中的局部变量
  • Oracle RAC Failover 详解 aijuans oracle
    Oracle RAC 同时具备HA(High Availiablity) 和LB(LoadBalance). 而其高可用性的基础就是Failover(故障转移). 它指集群中任何一个节点的故障都不会影响用户的使用，连接到故障节点的用户会被自动转移到健康节点，从用户感受而言， 是感觉不到这种切换。 Oracle 10g RAC 的Failover 可以分为3种： 1. Client-Si
  • form表单提交数据编码方式及tomcat的接受编码方式 antonyup_2006 JavaScripttomcat浏览器互联网servlet
    原帖地址：http://www.iteye.com/topic/266705 form有2中方法把数据提交给服务器，get和post,分别说下吧。 （一）get提交 1.首先说下客户端（浏览器）的form表单用get方法是如何将数据编码后提交给服务器端的吧。    对于get方法来说，都是把数据串联在请求的url后面作为参数，如：http://localhost:
  • JS初学者必知的基础 百合不是茶 js函数js入门基础
    JavaScript是网页的交互语言,实现网页的各种效果, JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的
  • iBatis的分页分析与详解 bijian1013 javaibatis
            分页是操作数据库型系统常遇到的问题。分页实现方法很多，但效率的差异就很大了。iBatis是通过什么方式来实现这个分页的了。查看它的实现部分，发现返回的PaginatedList实际上是个接口，实现这个接口的是PaginatedDataList类的对象，查看PaginatedDataList类发现，每次翻页的时候最
  • 精通Oracle10编程SQL(15)使用对象类型 bijian1013 oracle数据库plsql
    /* *使用对象类型 */ --建立和使用简单对象类型 --对象类型包括对象类型规范和对象类型体两部分。 --建立和使用不包含任何方法的对象类型 CREATE OR REPLACE TYPE person_typ1 as OBJECT( name varchar2(10),gender varchar2(4),birthdate date ); drop type p
  • 【Linux命令二】文本处理命令awk bit1129 linux命令
    awk是Linux用来进行文本处理的命令，在日常工作中，广泛应用于日志分析。awk是一门解释型编程语言，包含变量，数组，循环控制结构，条件控制结构等。它的语法采用类C语言的语法。   awk命令用来做什么？ 1.awk适用于具有一定结构的文本行，对其中的列进行提取信息 2.awk可以把当前正在处理的文本行提交给Linux的其它命令处理，然后把直接结构返回给awk 3.awk实际工
  • JAVA(ssh2框架)+Flex实现权限控制方案分析 白糖_ java
      目前项目使用的是Struts2+Hibernate+Spring的架构模式，目前已经有一套针对SSH2的权限系统，运行良好。但是项目有了新需求：在目前系统的基础上使用Flex逐步取代JSP，在取代JSP过程中可能存在Flex与JSP并存的情况，所以权限系统需要进行修改。 【SSH2权限系统的实现机制】 权限控制分为页面和后台两块：不同类型用户的帐号分配的访问权限是不同的，用户使
  • angular.forEach boyitech AngularJSAngularJS APIangular.forEach
    angular.forEach 描述: 循环对obj对象的每个元素调用iterator, obj对象可以是一个Object或一个Array. Iterator函数调用方法: iterator(value, key, obj), 其中obj是被迭代对象，key是obj的property key或者是数组的index，value就是相应的值啦. (此函数不能够迭代继承的属性.)
  • java-谷歌面试题-给定一个排序数组，如何构造一个二叉排序树 bylijinnan 二叉排序树
    import java.util.LinkedList; public class CreateBSTfromSortedArray { /** * 题目:给定一个排序数组，如何构造一个二叉排序树 * 递归 */ public static void main(String[] args) { int[] data = { 1, 2, 3, 4,
  • action执行2次 Chen.H JavaScriptjspXHTMLcssWebwork
    xwork 写道 <action name="userTypeAction" class="com.ekangcount.website.system.view.action.UserTypeAction"> <result name="ssss" type="dispatcher">
  • [时空与能量]逆转时空需要消耗大量能源 comsci 能源
            无论如何,人类始终都想摆脱时间和空间的限制....但是受到质量与能量关系的限制,我们人类在目前和今后很长一段时间内,都无法获得大量廉价的能源来进行时空跨越.....         在进行时空穿梭的实验中,消耗超大规模的能源是必然
  • oracle的正则表达式(regular expression)详细介绍 daizj oracle正则表达式
        正则表达式是很多编程语言中都有的。可惜oracle8i、oracle9i中一直迟迟不肯加入，好在oracle10g中终于增加了期盼已久的正则表达式功能。你可以在oracle10g中使用正则表达式肆意地匹配你想匹配的任何字符串了。 正则表达式中常用到的元数据(metacharacter)如下： ^ 匹配字符串的开头位置。 $ 匹配支付传的结尾位置。 *
  • 报表工具与报表性能的关系 datamachine 报表工具birt报表性能润乾报表
    在选择报表工具时，性能一直是用户关心的指标，但是，报表工具的性能和整个报表系统的性能有多大关系呢？ 要回答这个问题，首先要分析一下报表的处理过程包含哪些环节，哪些环节容易出现性能瓶颈，如何优化这些环节。   一、报表处理的一般过程分析 1、用户选择报表输入参数后，报表引擎会根据报表模板和输入参数来解析报表，并将数据计算和读取请求以SQL的方式发送给数据库。   2、
  • 初一上学期难记忆单词背诵第一课 dcj3sjt126com wordenglish
    what 什么  your 你 name 名字 my 我的 am 是 one 一 two 二 three 三 four 四 five 五 class 班级，课   six 六 seven 七 eight 八 nince 九 ten 十 zero 零 how 怎样 old 老的 eleven 十一 twelve 十二 thirteen
  • 我学过和准备学的各种技术 dcj3sjt126com 技术
    语言VB https://msdn.microsoft.com/zh-cn/library/2x7h1hfk.aspxJava http://docs.oracle.com/javase/8/C# https://msdn.microsoft.com/library/vstudioPHP http://php.net/manual/en/Html 
  • struts2中token防止重复提交表单 蕃薯耀 重复提交表单struts2中token
    struts2中token防止重复提交表单   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月12日 11:52:32 星期日 ht
  • 线性查找二维数组 hao3100590 二维数组
    1.算法描述 有序（行有序，列有序，且每行从左至右递增，列从上至下递增）二维数组查找，要求复杂度O(n)   2.使用到的相关知识： 结构体定义和使用，二维数组传递（http://blog.csdn.net/yzhhmhm/article/details/2045816）   3.使用数组名传递 这个的不便之处很明显，一旦确定就是不能设置列值 //使
  • spring security 3中推荐使用BCrypt算法加密密码 jackyrong Spring Security
    spring security 3中推荐使用BCrypt算法加密密码了，以前使用的是md5， Md5PasswordEncoder 和 ShaPasswordEncoder，现在不推荐了，推荐用bcrpt Bcrpt中的salt可以是随机的，比如： int i = 0; while (i < 10) { String password = "1234
  • 学习编程并不难,做到以下几点即可! lampcy javahtml编程语言
    不论你是想自己设计游戏，还是开发iPhone或安卓手机上的应用，还是仅仅为了娱乐，学习编程语言都是一条必经之路。编程语言种类繁多，用途各 异，然而一旦掌握其中之一，其他的也就迎刃而解。作为初学者，你可能要先从Java或HTML开始学，一旦掌握了一门编程语言，你就发挥无穷的想象，开发 各种神奇的软件啦。 1、确定目标 学习编程语言既充满乐趣，又充满挑战。有些花费多年时间学习一门编程语言的大学生到
  • 架构师之mysql----------------用group+inner join,left join ,right join 查重复数据（替代in) nannan408 right join
    1.前言。   如题。 2.代码 (1)单表查重复数据,根据a分组   SELECT m.a,m.b, INNER JOIN （select a,b,COUNT(*) AS rank FROM test.`A` A GROUP BY a HAVING rank>1 )k ON m.a=k.a （2）多表查询 ， 使用改为le
  • jQuery选择器小结 VS 节点查找（附css的一些东西） Everyday都不同 jquerycssname选择器追加元素查找节点
    最近做前端页面，频繁用到一些jQuery的选择器，所以特意来总结一下：   测试页面： <html> <head> <script src="jquery-1.7.2.min.js"></script> <script> /*$(function() { $(documen
  • 关于EXT tntxia ext
      ExtJS是一个很不错的Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用 javascript编写，与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。       ExtJs最开始基于YUI技术，由开发人员Jack
  • 一个MIT计算机博士对数学的思考 xjnine Math
     在过去的一年中，我一直在数学的海洋中游荡，research进展不多，对于数学世界的阅历算是有了一些长进。为什么要深入数学的世界？作为计算机的学生，我没有任何企图要成为一个数学家。我学习数学的目的，是要想爬上巨人的肩膀，希望站在更高的高度，能把我自己研究的东西看得更深广一些。说起来，我在刚来这个学校的时候，并没有预料到我将会有一个深入数学的旅程。我的导师最初希望我去做的题目，是对appe
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他