iteye_9252
iteye_9252

jQuery 入门教程(23): jQuery UI Autocomplete示例（一）

AutoComplete 在获取焦点后，随着用户键入的内容，可以在预订的数据源中查找和已输入的内容相匹配的内容列表供用户选择。
这可以用作之前输入过的内容也可以用作自动填充相关内容，比如根据城市名，自动填充邮编等。
你可以使用本地数据源或是远程数据源，本地数据一般使用小数据集合，比如包含50条记录的通讯录，远程数据源一般为保护大量记录的数据库。
基本用法
本例为使用AutoComplete的基本用法，通过本地数据源（数组）定义一组语言列表，用户输入字母后，包含该字母的语言会作为列表显示出来：

1
2 <htmllang="en">
3 <head>
4 <metacharset="utf-8"/>
5 <title>jQuery UI Demostitle>
6 <linkrel="stylesheet"href="themes/trontastic/jquery-ui.css"/>
7 <scriptsrc="scripts/jquery-1.9.1.js">script>
8 <scriptsrc="scripts/jquery-ui-1.10.1.custom.js">script>
9
10 <script>
11 $(function () {
12 var availableTags = [
13 "ActionScript",
14 "AppleScript",
15 "Asp",
16 "BASIC",
17 "C",
18 "C++",
19 "Clojure",
20 "COBOL",
21 "ColdFusion",
22 "Erlang",
23 "Fortran",
24 "Groovy",
25 "Haskell",
26 "Java",
27 "JavaScript",
28 "Lisp",
29 "Perl",
30 "PHP",
31 "Python",
32 "Ruby",
33 "Scala",
34 "Scheme"
35 ];
36 $("#tags").autocomplete({
37 source: availableTags
38 });
39 });
40 script>
41 head>
42 <body>
43 <divclass="ui-widget">
44 <labelfor="tags">Tags: label>
45 <inputid="tags"/>
46 div>
47 body>
48 html>

语调支持
某些语言支持语调字符，比如Jörn 中的ö，希望在输入o时，也能显示包含ö的内容，AutoComplete支持使用function来定义Source属性：

1
2 <htmllang="en">
3 <head>
4 <metacharset="utf-8"/>
5 <title>jQuery UI Demostitle>
6 <linkrel="stylesheet"href="themes/trontastic/jquery-ui.css"/>
7 <scriptsrc="scripts/jquery-1.9.1.js">script>
8 <scriptsrc="scripts/jquery-ui-1.10.1.custom.js">script>
9
10 <script>
11 $(function () {
12 var names = ["Jörn Zaefferer",
13 "Scott González",
14 "John Resig"];
15
16 var accentMap = {
17 "á": "a",
18 "ö": "o"
19 };
20 var normalize = function (term) {
21 var ret = "";
22 for (var i = 0; i <term.length; i++) {
23 ret += accentMap[term.charAt(i)]
24 || term.charAt(i);
25 }
26 return ret;
27 };
28
29 $("#developer").autocomplete({
30 source: function (request, response) {
31 varmatcher
32 =newRegExp($.ui.autocomplete
33 .escapeRegex(request.term),"i");
34 response($.grep(names, function (value) {
35 value= value.label
36 || value.value
37 || value;
38 return matcher.test(value)
39 || matcher.test(normalize(value));
40 }));
41 }
42 });
43 });
44
45 head>
46 <body>
47 <divclass="ui-widget">
48 <form>
49 <labelfor="developer">Developer: label>
50 <inputid="developer"/>
51 form>
52 div>
53 body>
54 html>

分类支持
本例是提供简单扩展AutoComplete 组件实现了一个自定义的custom.catcomplete UI组件以支持AutoComplete的分类支持。自定义组件有兴趣的可以参见jQuery 的Widget Factory。一般无需自定义UI组件，如果需要，可以在网站查找是否有人已经实现你需要的UI组件，实在不行才自定义UI组件，使用Widget Factory自定义组件的方法并不十分直观（这是因为JavaScript使用了面向“原型”的面向对象方法，而非通常的使用类的面向对象方法）。

1
2 <htmllang="en">
3 <head>
4 <metacharset="utf-8"/>
5 <title>jQuery UI Demostitle>
6 <linkrel="stylesheet"href="themes/trontastic/jquery-ui.css"/>
7 <scriptsrc="scripts/jquery-1.9.1.js">script>
8 <scriptsrc="scripts/jquery-ui-1.10.1.custom.js">script>
9
10 <style>
11 .ui-autocomplete-category {
12 font-weight: bold;
13 padding: .2em .4em;
14 margin: .8em 0 .2em;
15 line-height: 1.5;
16 }
17 style>
18 <script>
19 $.widget("custom.catcomplete", $.ui.autocomplete, {
20 _renderMenu: function (ul, items) {
21 var that = this,
22 currentCategory = "";
23 $.each(items, function (index, item) {
24 if (item.category != currentCategory) {
25 ul.append("<liclass='ui-autocomplete-category'>"
26 + item.category + "li>");
27 currentCategory = item.category;
28 }
29 that._renderItemData(ul, item);
30 });
31 }
32 });
33 script>
34 <script>
35 $(function () {
36 var data = [
37 { label: "anders", category: "" },
38 { label: "andreas", category: "" },
39 { label: "antal", category: "" },
40 { label: "annhhx10", category: "Products" },
41 { label: "annk K12", category: "Products" },
42 { label: "annttop C13", category: "Products" },
43 { label: "anders andersson", category: "People" },
44 { label: "andreas andersson", category: "People" },
45 { label: "andreas johnson", category: "People" }
46 ];
47
48 $("#search").catcomplete({
49 delay: 0,
50 source: data
51 });
52 });
53 script>
54 head>
55 <body>
56 <labelfor="search">Search: label>
57 <inputid="search"/>
58 body>
59 html>

其中custom.catcomplete为自定义的UI组件，因此$( “#search” ).catcomplete 使用catcomplete ，而非autocomplete。




你可能感兴趣的:(jQuery 入门教程(23): jQuery UI Autocomplete示例（一）)

  • C 语言 “神秘武器”：联合体与枚举大揭秘！ 南玖yy c语言算法开发语言
    在C语言里，除了常见的基本数据类型，还有一些自定义类型，它们能帮助我们更灵活地组织和管理数据。今天我们就来详细聊聊其中的联合体和枚举类型。1.联合体1.1联合体类型的声明联合体（Union），也叫共用体，它的声明语法和结构体很相似。声明一个联合体，我们使用union关键字，后面跟上联合体的名称，然后在花括号里列出联合体的成员。示例如下：#include//声明一个联合体unionData{inti
  • 一文读懂 NPM 版本 npm前端工程化
    这是前端工程化的系列文章版本号组成nodepackage版本号由四部分组成：major.minor.patch[-prerelease]，比如：1.0.2-beta.1，其中prerelease可选。major：代表主版本号，通常在需要提交不能向下兼容的情况下对该版本号进行升级minor：代表次版本号，通常在新增功能时才对该版本号进行升级patch：代表修复版本号，升级该版本号通常代表修复一些bu
  • ctf网络安全大赛官网赛题 ctf网络安全大赛规则 网络安全-老纪 web安全安全网络
    CTF（CaptureTheFlag，夺旗赛）起源于1996年DEFCON全球黑客大会，是网络安全爱好者之间的竞技游戏。CTF竞赛模式具体分为以下三类：一、解题模式（Jeopardy）在解题模式CTF赛制中，参赛队伍可以通过互联网或者现场网络参与，这种模式的CTF竞赛与ACM编程竞赛、信息学奥赛比较类似，以解决网络安全技术挑战题目的分值和时间来排名，通常用于在线选拔赛。题目主要包含逆向、漏洞挖掘与
  • Flutter 单例模式技巧与最佳实践 flutter
    Flutter单例模式技巧与最佳实践视频https://youtu.be/9kRw-4Rg8tchttps://www.bilibili.com/video/BV1EsxLeAEWx/前言原文Flutter单例模式技巧与最佳实践在Flutter开发中，单例模式是一种重要的设计模式，能够有效管理共享资源和全局状态。通过实现单例模式，开发者可以确保只有一个实例存在，从而优化应用性能和代码结构。本文探讨
  • windows基础 网络安全-老纪 windows
    系统目录服务端口注册表黑客常用DOS命令（在拿到shell时会用到）一、系统目录Windows目录系统的安装目录System32àconfigàSAM文件是用户密码的存储文件System32àetcàhost文件记录本地解析（优先级大于DNS域名解析）可以自行添加域名解析记录System32àcmdexe用户目录用户家目录，存放缓存文件、桌面文件Programfile64位软件安装路径Progra
  • 基金基础知识 xuanloyer 金融金融
    一、基金的本质与价值定义：基金是通过集合投资者资金，由专业管理人（基金经理）进行多元化投资（如股票、债券等）的金融工具，收益按持有份额分配。核心优势：分散风险：单笔资金可投资数十种资产，降低单一资产波动影响专业管理：由具备市场研究能力的团队决策投资组合低门槛：1元起投，适合小额资金参与资本市场流动性强：开放式基金支持随时申赎（货币基金最快5分钟到账）二、基金分类与特征解析1.货币基金投资标的：国债
  • 【Qt】23 布局管理器（二） QBoxLayout QGridLayout c++
    一、布局管理器布局管理器中的比例系数默认情况下以等比例的方式更新组件大小可以自定义组件大小更新时的比例系数QBoxLayout中的比例系数设置voidsetStretch(intindex,intstretch)//格子对应的比例系数boolsetStretchFactor(Qwidget*widget,intstretch)//组件比例系数boolsetStretchFactor(QLayout
  • 【Qt】24 布局管理器（三） QFormLayout c++
    一、问题解决方案：(1)绝对定位组件的坐标和大小(2)嵌套QBoxLayout(3)创建3*2的QGridLayout二、布局管理器QformLayout布局管理器以表单（Form）的方式管理界面组件表单布局中的标签和组件是相互对应的关系QFormLayout的用法概要表单布局支持嵌套，其他布局管理器可以作为子布局被其管理。三、编程实验24-2.proQformLayout的实现实例#includ
  • 【Qt】25 布局管理器（四）QStackedLayout 计时器 c++
    一、最特别的布局管理器栈式布局管理器（QStackedLayout）所有组件在垂直于屏幕的方向上被管理每次只有一个组件会显示在屏幕上只有最顶层的组件会被最终显示栈式布局管理器的特点组件大小一致且充满组件的显示区不能直接嵌套其他布局管理器能够自由切换需要显示的组件每次能且进行显示一个组件QStackedLayout的用法概要intaddWidge(QWidget*widget)//加入需要管理的组件
  • 如何通过提示词更好地利用AI lally. 人工智能
    如何通过提示词工程释放AI的全部潜力：7个深度优化技巧前言：为什么提示词决定AI的输出质量？在人工智能对话系统的使用中，提示词（Prompt）就像开启宝藏的密码钥匙。研究表明，优化后的提示词可使输出质量提升300%（AIResearchLab,2023）。本指南将系统解析提示词设计的核心方法论，并提供可直接复用的模板库。一、基础构建：打造高效提示词的4大支柱1.1精准目标定位术原理分析：模糊指令导
  • 【Qt】13 计算器核心解析算法(中) c++
    一、中缀转后缀中缀表达式转后缀表达式的过程类似编译过程四则运算符表达式中的括号必须匹配根据运算符优先级进行转化转换后的表达式没有括号转换后可以顺序的计算出最终结果转换过程：当前元素e为数字：输出当前元素e为运算符：1.与栈顶运算符进行优先级比较2.小于等于：将栈顶元素输出，转13.大于：将当前元素e入栈当前元素e为左括号，入栈当前元素e为右括号:1.弹出栈顶元素并输出，直至栈顶元素为左括号2.将栈
  • STM32实战开发（126）：智能液位检测 - 使用STM32实现液位检测 嵌入式开发项目 stm32嵌入式硬件单片机javascript音视频
    1.引言液位检测技术广泛应用于工业自动化、环境监测、水处理、智能家居等领域。在这些应用中，实时准确地检测液体的液位变化至关重要。液位检测不仅关系到生产过程中的自动化控制，还能保证设备和人员的安全，避免因液位异常导致的设备损坏或事故。STM32作为一种高性能、低功耗的微控制器，因其强大的处理能力和丰富的外设接口，成为液位检测系统开发中的首选平台。本博客将详细介绍如何使用STM32实现智能液位检测系统
  • 完全免费的 GPT-4 你还不来白嫖？开源 AI 聊天、绘图软件 AIdea 1.0.6 发布啦
    限时活动即日起至2023年10月22日，GPT-4和GPT-3.5完全免费，没有任何套路，快来下载使用吧！（每日GPT-4免费100次，GPT-3.51000次）后续还将推出更多优惠活动，详情请关注我的新浪微博https://weibo.com/code404。如果你还不知道这款APP，那么可以简单看看这篇文章花了小半年开发了一个AI套壳APP，然而大势已过，直接开源了。AIdea最新版本的1.0
  • 【Rust中级教程】2.9. API设计原则之显然性(obvious) ：文档与类型系统、语义化类型、使用“零大小”类型 SomeB1oody Rust中级教程rust开发语言后端
    喜欢的话别忘了点赞、收藏加关注哦（加关注即可阅读全文），对接下来的教程有兴趣的可以关注专栏。谢谢喵！(=･ω･=)2.9.1.文档与类型系统用户可能不会完全理解API的所有规则和限制。所以你写的API应该让你的用户易于理解，并且难以用错。通过Rust的文档与类型系统，我们可以尽量实现这个需求。2.9.2.文档让API透明化的第一步就是写出好的文档。写出好的文档有这么几点要求：1.清楚的记录清楚的记
  • 【网络安全】常见的web攻击 网络安全-老纪 web安全前端安全
    1、SQL注入攻击定义：攻击者在HTTP请求中注入恶意的SQL代码，当服务器利用参数构建SQL语句的时候，恶意的SQL代码被一起构建,并在数据库中执行。示例：用户登录：输入用户名xx，密码'or'1'='1,如果此时使用参数构建的方式,就会出现select*fromuserwherename="xx"andpassword=''or'1'='1',这样不管输入的用户名和密码是什么内容,查询出来的用
  • CSS 真的会阻塞文档解析吗？从浏览器渲染原理深入探究一下 银之夏雪 css前端浏览器浏览器渲染
    在网页开发领域，一个常见的疑问是CSS是否会阻塞文档解析。理解这一问题对于优化网页性能、提升用户体验至关重要。要深入解答这个问题，需要从浏览器渲染网页的原理说起。浏览器渲染网页的基本流程浏览器在接收到HTML文档后，会依次进行以下几个主要步骤：解析HTML：浏览器从网络或本地获取HTML文件，然后开始解析，将HTML代码转换为DOM（DocumentObjectModel，文档对象模型）树。DOM
  • Mysql行格式DYNAMIC和COMPACT区别 yyytucj mysql数据库
    MySQL的InnoDB存储引擎支持多种行格式，其中DYNAMIC和COMPACT是两种常见的行格式，它们各自有着不同的特性和应用场景。下面将详细对比这两种行格式的主要区别，以便于在设计数据库时做出合适的选择。COMPACT行格式COMPACT是MySQL5.0之后引入的一种行记录存储方式，旨在提高数据页的利用率，使每个数据页能够存储更多的行记录。COMPACT格式的特点包括：变长字段处理：对于V
  • XSS 与 CSRF 攻击你了解多少呢 银之夏雪丶 安全网络web安全前端javascriptreact.js
    网络安全至关重要，它保护着我们的个人信息和网站的正常运行。XSS和CSRF是两种常见且危险的网络威胁，它常常困扰着我们，而你又了解多少呢？一、XSS攻击深度剖析（一）概念溯源与攻击本质XSS，即跨站脚本攻击，其核心在于攻击者利用网站对用户输入数据处理的漏洞，将恶意脚本注入网页。当其他用户访问该网页时，浏览器会误将这些恶意脚本当作正常网页内容执行，从而沦为攻击者的“傀儡”，实现用户敏感信息窃取、会话
  • 说说DNS劫持那点事儿 银之夏雪丶 前端web安全
    在互联网时代，我们每天都在通过浏览器访问各种网站，获取信息、进行社交、购物娱乐等。然而，在这看似便捷的网络交互背后，却隐藏着一种威胁——DNS劫持。DNS劫持就像一个隐形的“网络小偷”，悄然改变着我们的网络访问路径，带来诸多危害。那么，究竟什么是DNS劫持？它为何会出现？又有哪些实际案例和常见场景？我们该如何解决这一问题呢？想要深入了解这些，我们首先需要清楚DNS解析过程。一、DNS解析过程当我们
  • 为什么React Hooks需要顺序调用 银之夏雪丶 react.jsjavascript前端
    在享受ReactHooks带来的便捷性的同时，我们必须严格遵循顺序调用的规则，这一规则的重要性远超我们的想象。本文将深入探讨顺序调用对ReactHooks的重要性，并结合常见的缺陷，通过具体的代码案例进行详细阐述，揭示其背后深层次的原理。一、ReactHooks工作原理理解ReactHooks的工作原理是掌握顺序调用重要性的关键。React内部维护着一个Hooks链表，每次组件渲染时，React会
  • 告别 `if - else`：策略模式与 `return` 语句的深度解析与应用 银之夏雪丶 策略模式javascript前端reactjsvue.jsreact.js
    一、引言在编程领域，if-else语句我们再熟悉不过了。它简单易用，是构建程序逻辑的常用方式。可一旦业务变得复杂起来，大量嵌套的if-else代码就会像乱麻一样，把代码的可读性、可维护性和扩展性都搞得一团糟。本文就来好好讲讲怎么用策略模式和合理运用return语句，把代码从这团乱麻里解救出来，让代码结构更清晰、更高效。二、return语句：简化if-else的得力助手（一）代码瘦身与逻辑明晰当if
  • React 中的受控组件与非受控组件：深度剖析与实战应用 银之夏雪丶 react.jsjavascript前端
    一、引言在如今的前端开发里，React可是响当当的角色，是咱搭建用户界面的得力帮手。一碰到表单处理和用户输入交互这些事儿，受控组件和非受控组件就派上大用场了，它们就像是两种不一样的工具，各有各的厉害之处。要是咱能把它们摸透了，知道啥时候用啥，那开发出来的React应用肯定既好用又靠谱，用户体验也差不了。二、受控组件（一）定义咋来的受控组件，简单讲，就是让表单元素的值跟React组件的state绑得
  • 【刚度计算】石川公式法齿轮时变啮合刚度计算【含Matlab源码 2680期】 Matlab领域 matlab
    一、⛄获取代码方式获取代码方式1：完整代码已上传我的资源：【刚度计算】基于matlab石川公式法齿轮时变啮合刚度计算【含Matlab源码2680期】点击上面蓝色字体，直接付费下载，即可。获取代码方式2：付费专栏Matlab物理应用（初级版）备注：点击上面蓝色字体付费专栏Matlab物理应用（初级版），扫描上面二维码，付费29.9元订阅海神之光博客付费专栏Matlab物理应用（初级版），凭支付凭证，
  • python 第三方库 打包 离线电脑安装 新手老张 离线环境安装python
    最开始一个个下载第三方库，然后拷贝到离线电脑pip安装，弄好了发现离线电脑系统有问题，重装，，，，前面的又白干了。找了很久，终于找到2022-4月可行且简单的方法：Python第三方库离线安装包制作_Chelseady的博客-CSDN博客_python第三方库的离线安装1.清理python环境：使用piplist命令查看已安装的包;如果有其它的包，则使用pipuninstall[包名]进行删除;2
  • Matlab 三维网格数据读取写入 程序员杨弋 Matlab应用篇matlab开发语言
    三维网格数据在计算机图形学、计算机辅助设计等领域中广泛应用，在Matlab中读取和处理三维网格数据是一项重要的任务，本文将介绍如何使用Matlab读取、处理和写入三维网格数据。一、读取三维网格数据Matlab提供了许多函数用于读取三维网格数据，常见的格式包括STL、OBJ、PLY等，这里以STL格式为例，介绍如何使用Matlab读取三维网格数据。1、使用stlread函数读取STL文件stlrea
  • PageForge v2025.1.6 发布：支持 KaTeX 数学公式渲染 静态网站
    我们很高兴地宣布PageForge2025.1.6正式发布。PageForge是一款现代化的静态页面生成与部署平台，致力于为用户提供从创建到部署的一站式解决方案。新增功能支持KaTeX数学公式渲染(#10)新增switch扩展功能支持banner多数据源配置问题修复修复有序列表无法正确解析的问题链接GitHub:https://github.com/devlive-community/pagefo
  • linux内核模块管理命令lsmod、insmod、rmmod、modinfo、modprobe、depmod zbee Linux命令linux服务器驱动开发c语言
    文章目录前言一、Linux内核模块管理命令二、基本介绍2.1这些命令均是安装再“kmod”包中2.1CentOS中所有与内核模块相关的文件都存放在"/lib/modules/$(uname-r)/“下面（不管32位还是64位系统，都在/lib/...之下）：三、命令介绍3.1lsmod查看内核已加载的模块3.2lsmodmodinfo：查看模块的基本信息3.3insmod：将指定模块加载到内核，建
  • langchai4j结合zhipu-ai生成图片 llm
    序本文主要研究一下怎么通过langchai4j结合zhipu-ai生成图片步骤pom.xmldev.langchain4jlangchain4j-community-zhipu-ai1.0.0-beta1config@ConfigurationpublicclassImageConfig{@BeanpublicZhipuAiImageModelzhipuAiImageModel(@Value("$
  • 机器学习与深度学习在辣椒病虫害识别中的集成分析（实验室环境） @@南风 农作物病害识别与分类深度学习机器学习神经网络
    Abstract背景:辣椒是世界上最重要的高价值蔬菜作物之一。然而，虫害和疾病感染是辣椒种植的主要限制因素。这些疾病无法根除，但可以加以处理和监测，以减轻损害。因此，采用基于图像的自动识别系统将有助于快速识别辣椒病害。从图像中提取的特征对于开发这样一个精确的识别系统至关重要。结果:本研究将传统方法提取的辣椒病虫害特征与基于深度学习方法提取的特征进行了比较。***共采集辣椒叶片图像974张，由5种病
  • QT开发技术 【opencv图片裁剪，平均哈希相似度判断，以及获取游戏窗口图片】 增援未来章北海 QT开发技术qtopencv哈希算法
    一、图片裁剪intCJSAutoWidget::GetHouseNo(cv::MatmatMap){cv::imwrite(m_strPath+"/Data/map.png",matMap);for(inti=0;i(i);uchar*data2=matDst2.ptr(i);intnTmp=i*8;for(intj=0;j=nAvg1)?1:0;nArr2[i]=(nArr2[i]>=nAvg2
  • 矩阵求逆（JAVA）利用伴随矩阵 qiuwanchi 利用伴随矩阵求逆矩阵
    package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(利用伴随矩阵) * @author 邱万迟
  • 单例（Singleton）模式 aoyouzi 单例模式Singleton
    3.1           概述 如果要保证系统里一个类最多只能存在一个实例时，我们就需要单例模式。这种情况在我们应用中经常碰到，例如缓存池，数据库连接池，线程池，一些应用服务实例等。在多线程环境中，为了保证实例的唯一性其实并不简单，这章将和读者一起探讨如何实现单例模式。 3.2
  • [开源与自主研发]就算可以轻易获得外部技术支持,自己也必须研发 comsci 开源
          现在国内有大量的信息技术产品，都是通过盗版，免费下载，开源，附送等方式从国外的开发者那里获得的。。。。。。        虽然这种情况带来了国内信息产业的短暂繁荣，也促进了电子商务和互联网产业的快速发展，但是实际上，我们应该清醒的看到，这些产业的核心力量是被国外的
  • 页面有两个frame,怎样点击一个的链接改变另一个的内容 Array_06 UIXHTML
    <a src="地址"  targets="这里写你要操作的Frame的名字" />搜索 然后你点击连接以后你的新页面就会显示在你设置的Frame名字的框那里 targerts="",就是你要填写目标的显示页面位置 ===================== 例如： <frame src=&
  • Struts2实现单个/多个文件上传和下载 oloz 文件上传struts
    struts2单文件上传：     步骤01:jsp页面 <!--在进行文件上传时，表单提交方式一定要是post的方式，因为文件上传时二进制文件可能会很大，还有就是enctype属性，这个属性一定要写成multipart/form-data，不然就会以二进制文本上传到服务器端--> 　　<form action="fileUplo
  • 推荐10个在线logo设计网站 362217990 logo
    在线设计Logo网站。 1、http://flickr.nosv.org（这个太简单） 2、http://www.logomaker.com/?source=1.5770.1 3、http://www.simwebsol.com/ImageTool 4、http://www.logogenerator.com/logo.php?nal=1&tpl_catlist[]=2 5、ht
  • jsp上传文件 香水浓 jspfileupload
    1. jsp上传 Notice： 1. form表单 method 属性必须设置为 POST 方法 ，不能使用 GET 方法 2. form表单 enctype 属性需要设置为 multipart/form-data 3. form表单 action 属性需要设置为提交到后台处理文件上传的jsp文件地址或者servlet地址。例如 uploadFile.jsp 程序文件用来处理上传的文
  • 我的架构经验系列文章 - 前端架构 agevs JavaScriptWeb框架UIjQuer
    框架层面：近几年前端发展很快，前端之所以叫前端因为前端是已经可以独立成为一种职业了，js也不再是十年前的玩具了，以前富客户端RIA的应用可能会用flash/flex或是silverlight，现在可以使用js来完成大部分的功能，因此js作为一门前端的支撑语言也不仅仅是进行的简单的编码，越来越多框架性的东西出现了。越来越多的开发模式转变为后端只是吐json的数据源，而前端做所有UI的事情。MVCMV
  • android ksoap2 中把XML(DataSet) 当做参数传递 aijuans android
    我的android app中需要发送webservice ，于是我使用了 ksop2 进行发送，在测试过程中不是很顺利,不能正常工作.我的web service 请求格式如下     [html]  view plain copy   <Envelope xmlns="http://schemas.
  • 使用Spring进行统一日志管理 + 统一异常管理 baalwolf spring
    统一日志和异常管理配置好后，SSH项目中，代码以往散落的log.info() 和 try..catch..finally 再也不见踪影！ 统一日志异常实现类： [java]  view plain copy   package com.pilelot.web.util;      impor
  • Android SDK 国内镜像 BigBird2012 android sdk
    一、镜像地址： 1、东软信息学院的 Android SDK 镜像，比配置代理下载快多了。 配置地址， http://mirrors.neusoft.edu.cn/configurations.we#android 2、北京化工大学的： IPV4:ubuntu.buct.edu.cn  IPV4:ubuntu.buct.cn IPV6:ubuntu.buct6.edu.cn
  • HTML无害化和Sanitize模块 bijian1013 JavaScriptAngularJSLinkySanitize
    一.ng-bind-html、ng-bind-html-unsafe         AngularJS非常注重安全方面的问题，它会尽一切可能把大多数攻击手段最小化。其中一个攻击手段是向你的web页面里注入不安全的HTML，然后利用它触发跨站攻击或者注入攻击。         考虑这样一个例子，假设我们有一个变量存
  • [Maven学习笔记二]Maven命令 bit1129 maven
    mvn compile compile编译命令将src/main/java和src/main/resources中的代码和配置文件编译到target/classes中，不会对src/test/java中的测试类进行编译 MVN编译使用 maven-resources-plugin:2.6:resources maven-compiler-plugin:2.5.1:compile &nbs
  • 【Java命令二】jhat bit1129 Java命令
    jhat用于分析使用jmap dump的文件，，可以将堆中的对象以html的形式显示出来，包括对象的数量，大小等等，并支持对象查询语言。 jhat默认开启监听端口7000的HTTP服务，jhat是Java Heap Analysis Tool的缩写 1. 用法： [hadoop@hadoop bin]$ jhat -help Usage: jhat [-stack <bool&g
  • JBoss 5.1.0 GA:Error installing to Instantiated: name=AttachmentStore state=Desc ronin47
    进到类似目录 server/default/conf/bootstrap，打开文件 profile.xml找到： Xml代码<bean    name="AttachmentStore"  class="org.jboss.system.server.profileservice.repository.AbstractAtta
  • 写给初学者的6条网页设计安全配色指南 brotherlamp UIui自学ui视频ui教程ui资料
    网页设计中最基本的原则之一是，不管你花多长时间创造一个华丽的设计，其最终的角色都是这场秀中真正的明星——内容的衬托     我仍然清楚地记得我最早的一次美术课，那时我还是一个小小的、对凡事都充满渴望的孩子，我摆放出一大堆漂亮的彩色颜料。我仍然记得当我第一次看到原色与另一种颜色混合变成第二种颜色时的那种兴奋，并且我想，既然两种颜色能创造出一种全新的美丽色彩，那所有颜色
  • 有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。写一个函数实现。复杂度是什么。 bylijinnan java算法面试
    import java.util.Random; import java.util.Set; import java.util.TreeSet; /** * http://weibo.com/1915548291/z7HtOF4sx * #面试题#有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。 * 写一个函数实现。复杂度是什么
  • struts2获得request、session、application方式 chiangfai application
    1、与Servlet API解耦的访问方式。 a.Struts2对HttpServletRequest、HttpSession、ServletContext进行了封装，构造了三个Map对象来替代这三种对象要获取这三个Map对象，使用ActionContext类。 ----->   package pro.action; import java.util.Map; imp
  • 改变python的默认语言设置 chenchao051 python
    import sys sys.getdefaultencoding()  可以测试出默认语言，要改变的话，需要在python lib的site-packages文件夹下新建： sitecustomize.py， 这个文件比较特殊，会在python启动时来加载，所以就可以在里面写上： import sys sys.setdefaultencoding('utf-8') &n
  • mysql导入数据load data infile用法 daizj mysql导入数据
    我们常常导入数据！mysql有一个高效导入方法，那就是load data infile 下面来看案例说明 基本语法： load data  [low_priority] [local] infile 'file_name txt' [replace | ignore] into table tbl_name [fields [terminated by't'] [OPTI
  • phpexcel导入excel表到数据库简单入门示例 dcj3sjt126com PHPExcel
    跟导出相对应的，同一个数据表，也是将phpexcel类放在class目录下，将Excel表格中的内容读取出来放到数据库中 <?php error_reporting(E_ALL); set_time_limit(0); ?> <html> <head> <meta http-equiv="Content-Type"
  • 22岁到72岁的男人对女人的要求 dcj3sjt126com
    22岁男人对女人的要求是：一，美丽，二，性感，三，有份具品味的职业，四，极有耐性，善解人意，五，该聪明的时候聪明，六，作小鸟依人状时尽量自然，七，怎样穿都好看，八，懂得适当地撒娇，九，虽作惊喜反应，但看起来自然，十，上了床就是个无条件荡妇。 32岁的男人对女人的要求，略作修定，是：一，入得厨房，进得睡房，二，不必服侍皇太后，三，不介意浪漫蜡烛配盒饭，四，听多过说，五，不再傻笑，六，懂得独
  • Spring和HIbernate对DDM设计的支持 e200702084 DAO设计模式springHibernate领域模型
    A：数据访问对象     DAO和资源库在领域驱动设计中都很重要。DAO是关系型数据库和应用之间的契约。它封装了Web应用中的数据库CRUD操作细节。另一方面，资源库是一个独立的抽象，它与DAO进行交互，并提供到领域模型的“业务接口”。    资源库使用领域的通用语言，处理所有必要的DAO，并使用领域理解的语言提供对领域模型的数据访问服务。
  • NoSql 数据库的特性比较 geeksun NoSQL
    Redis 是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言的API。目前由VMware主持开发工作。   1. 数据模型 作为Key-value型数据库，Redis也提供了键（Key）和值（Value）的映射关系。除了常规的数值或字符串，Redis的键值还可以是以下形式之一： Lists （列表） Sets
  • 使用 Nginx Upload Module 实现上传文件功能 hongtoushizi nginx
    转载自： http://www.tuicool.com/wx/aUrAzm   普通网站在实现文件上传功能的时候，一般是使用Python，Java等后端程序实现，比较麻烦。Nginx有一个Upload模块，可以非常简单的实现文件上传功能。此模块的原理是先把用户上传的文件保存到临时文件，然后在交由后台页面处理，并且把文件的原名，上传后的名称，文件类型，文件大小set到页面。下
  • spring-boot-web-ui及thymeleaf基本使用 jishiweili springthymeleaf
    视图控制层代码demo如下：   @Controller @RequestMapping("/") public class MessageController { private final MessageRepository messageRepository; @Autowired public MessageController(Mes
  • 数据源架构模式之活动记录 home198979 PHP架构活动记录数据映射
    hello!架构 一、概念 活动记录（Active Record）：一个对象，它包装数据库表或视图中某一行，封装数据库访问，并在这些数据上增加了领域逻辑。 对象既有数据又有行为。活动记录使用直截了当的方法，把数据访问逻辑置于领域对象中。   二、实现简单活动记录 活动记录在php许多框架中都有应用，如cakephp。 <?php /** * 行数据入口类 *
  • Linux Shell脚本之自动修改IP pda158 linuxcentosDebian脚本
    作为一名 Linux SA，日常运维中很多地方都会用到脚本，而服务器的ip一般采用静态ip或者MAC绑定，当然后者比较操作起来相对繁琐，而前者我们可以设置主机名、ip信息、网关等配置。修改成特定的主机名在维护和管理方面也比较方便。如下脚本用途为：修改ip和主机名等相关信息，可以根据实际需求修改，举一反三！ #!/bin/sh #auto Change ip netmask ga
  • 开发环境搭建 独浮云 eclipsejdktomcat
           最近在开发过程中，经常出现MyEclipse内存溢出等错误，需要重启的情况，好麻烦。对于一般的JAVA+TOMCAT项目开发，其实没有必要使用重量级的MyEclipse，使用eclipse就足够了。尤其是开发机器硬件配置一般的人。         &n
  • 操作日期和时间的工具类 vipbooks 工具类
       大家好啊，好久没有来这里发文章了，今天来逛逛，分享一篇刚写不久的操作日期和时间的工具类，希望对大家有所帮助。 /* * @(#)DataFormatUtils.java 2010-10-10 * * Copyright 2010 BianJing,All rights reserved. */ package test; impor
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他