Ajax Control Toolkit——Accordion(折叠效果)

Accordion中文有可折叠的意思，这样说来有点抽像，看效果要具体明了得多。在没有接触Ajax Accordion之前，

使用jQuery实现过相同的效果，代码如下：(以下是jQuery中的Slideup方法)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Panel</title>
<style type="text/css">
*{margin:0;padding:0;}    
body { font-size: 13px; line-height: 130%; padding: 60px }
#panel { width: 300px; border: 1px solid #0050D0 }
.head { padding: 5px; background: #96E555; cursor: pointer }
.content { padding: 10px; text-indent: 2em; border-top: 1px solid #0050D0;display:block; }
</style>
<script src="http://www.cnblogs.com/scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    $("#panel h5.head").toggle(function(){
         $(this).next().slideUp();
    },function(){
         $(this).next().slideDown();
    })
})
</script>
</head>
<body>
<div id="panel">
    <h5 class="head">什么是jQuery?</h5>
    <div class="content">
        jQuery is a JavaScript Library    
</div>
</div>
</body>
</html>

Accordion>>

1.一个最简单的Accordion

 1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Accordion.aspx.cs" Inherits="_Default" %>
 2 
 3 <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
 4 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/
DTD/xhtml1-transitional.dtd">
 5 <html xmlns="http://www.w3.org/1999/xhtml">
 6 <head runat="server">
 7     <title>Simple Accordion</title>
 8     <style type="text/css">
 9         .accordion
10         {
11             width: 400px;
12         }
13         
14         .accordionHeader
15         {
16             border: 1px solid #2f4f4f;
17             color: White;
18             background-color: #2E4D7B;
19             font-family: @微软雅黑;
20             font-size: 12px;
21             font-weight: bold;
22             padding: 5px;
23             margin-top: 5px;
24         }
25         .accordionHeaderSelected
26         {
27             border: 1px solid #2F4F4F;
28             color: white;
29             background-color: #5078B3;
30             font-family: @微软雅黑;
31             font-size: 12px;
32             font-weight: bold;
33             padding: 5px;
34             margin-top: 5px;
35             cursor: pointer;
36         }
37         
38         .accordionContent
39         {
40             background-color: #D3DEEF;
41             border: 1px dashed #2F4F4F;
42             border-top: none;
43             padding: 5px;
44             padding-top: 10px;
45         }
46     </style>
47 </head>
48 <body>
49     <form id="form1" runat="server">
50     <div>
51      <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
52         </asp:ToolkitScriptManager>
53         <asp:Accordion ID="Accordion1" runat="server" CssClass="accordion" HeaderCssClass="accordionHeader"
54             HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent">
55             <Panes>
56                 <asp:AccordionPane runat="server">
57                     <Header>
58                         Pane 1</Header>
59                     <Content>
60                         This is some Text</Content>
61                 </asp:AccordionPane>
62                 <asp:AccordionPane ID="ap1" runat="server">
63                     <Header>
64                         Pane2</Header>
65                     <Content>
66                         This is some text in Panel 2</Content>
67                 </asp:AccordionPane>
68                 <asp:AccordionPane ID="ap2" runat="server">
69                     <Header>
70                         Panel 3</Header>
71                     <Content>
72                         this is some Text in Panel 3</Content>
73                 </asp:AccordionPane>
74             </Panes>
75      </asp:Accordion>
76     </div>
77     </form>
78 </body>
79 </html>

该控件的还可以绑定数据源作为，将如上代码改用绑定数据源：

 1         <asp:SqlDataSource ID="SqlDS1" runat="server" 
ConnectionString="<%$ ConnectionStrings:ASPDemoConnectionString %>"
 2             SelectCommand="SELECT * FROM [tbArticle]"></asp:SqlDataSource>
 3         <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
 4         </asp:ToolkitScriptManager>
 5         <asp:Accordion ID="Accordion1" runat="server" CssClass="accordion" HeaderCssClass="accordionHeader"
 6             HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
 7             DataSourceID="SqlDS1">
 8                       <HeaderTemplate>
 9                 <!--Template for the Header of databound panes -->
10                 <%#Eval("Title") %>
11             </HeaderTemplate>
12             <ContentTemplate>
13                 <!--Template for the Content of databound panes -->
14                 <%#Eval("Contents") %>
15             </ContentTemplate>
16         </asp:Accordion>
17

当然也可以在处理代码中使用DataSource为控件指定数据源，以上示例可能是叫可能常用到的，若想较为深入的了解该控件的一些特性你可以参看http://www.asp.net/ajaxlibrary/act_Accordion_Reference.ashx，不过都是英文的有几个我自己看得也不是太懂，其中几个关于控件CSS的属性我觉得是必不可少的，SelectedIndex默认值为0，就是展开第一个<content>标签，其它常用属性在代码中很明了了。

由于本人自身也是刚开始学习（@http://www.asp.net/ajaxlibrary/act_tutorials.ashx），这里仅仅是对学习成果的巩固记忆。

　　

你可能感兴趣的:(accordion)

  • React Native实现手风琴折叠菜单效果 做全栈攻城狮
    使用了各类手风琴组件，都出现了各类问题。而市面上手风琴效果的第三方组件又不是很多。最终使用的是antdesign的手风琴效果，简单高效。组件网址：https://rn.mobile.ant.design/components/accordion-cn/#components-accordion-demo-basic使用DEMO：https://github.com/ant-design/ant-d
  • vue2+elementUI的el-tree的选中、高亮、定位 懒啦 vueElement-uielementuijavascript前端
    在使用无选择框的el-tree时遇到的坑以及如何使用el-tree最后附全部代码ref="tree"---->必须写accordion---->是否每次只打开一个同级树节点展开看个人选择default-expand-all---->默认打开全部节点:data="leftData"---->必写展示数据@node-click="handleNodeClick"---->节点被点击时的回调node-k
  • 英语演讲稿 准备摇滚
    Hi,everyone.Mynameis郑名哲.MyEnglishnameisAlan.I’mthirteen.I’mgladbehereforthisprogram.I’mveryexcitedbecauseit’smyfirstspeechcontest.IcomefromMinShengmiddleschool.Ilikeplayingaccordion.AndIlikesinging,to
  • easyui 虫儿飞ZLEI
    layout:posttitle:easyuisubtitle:简单使用date:2018-06-20author:ZLheader-img:img/20180620.jpgcatalog:truetags:-easyui-前端导入image引用使用五个区域layout北部区域西部区域中心区域东部区域南部区域image折叠面板accordion北部区域111122223333中心区域东部区域南部区
  • 界面控件DevExpress WPF导航组件，助力升级应用程序用户体验！（下） 界面开发小八哥 wpfuxdevexpressUI界面开发.net
    DevExpressWPF的SideNavigation（侧边导航）、TreeView、导航面板组件能帮助开发者在WPF项目中添加Windows样式的资源管理器栏或OutlookNavBar（导航栏），DevExpressWPFNavBar和Accordion控件包含了许多开发人员友好的功能，专门设计用于帮助用户构建极佳的应用功能。在上文中（点击这里回顾>>），我们为大家介绍了DevExpress
  • wpf devexpress如何使用AccordionControl 赫敏璋 c#WPFwpf
    添加一个数据模型AccordionControl可以被束缚到任何实现IEnumerable接口的对象或者它的派生类（例如IList,ICollection）如下代码例子示范了一个简单的数据模型使用：usingSystem.Collections.Generic;namespaceDxAccordionGettingStarted{publicclassEmployee{publicintID{ge
  • Part08 左侧导航栏缩放设置 不愿透露姓名的撸大湿
    一、效果先看看调整前后对比图吧二、目录结构总览1、本part，我们在这个结构下进行代码填充：Project目录（Django-Xadmin学习项目）||--app||--users||`--adminx.py...三、动手改代码1、在app/users/adminx.py文件中，类“classGlobalSettings”增加一行代码：menu_style='accordion'#导航栏缩放增加后
  • 界面控件DevExpress WPF导航组件，助力升级应用程序用户体验！（上） 界面开发小八哥 wpfuxdevexpress界面控件UI开发
    DevExpressWPF的SideNavigation（侧边导航）、TreeView、导航面板组件能帮助开发者在WPF项目中添加Windows样式的资源管理器栏或OutlookNavBar（导航栏），DevExpressWPFNavBar和Accordion控件包含了许多开发人员友好的功能，专门设计用于帮助用户构建极佳的应用功能。P.S：DevExpressWPF拥有120+个控件和库，将帮助您
  • Gradio 搭建人工智能交互界面v1 Alexa2077 大模型人工智能交互
    Gradio搭建人工智能交互界面v10Gradio简介1gradio.Interface()搭建界面2使用gradio.Chatbot()来助力聊天!3接入本地知识库进行回答3.1绑定已封装的函数4丰富前端界面4.1gradio.File()上传文件4.2gradio.Slider()配置滑动条4.3gradio.Dropdown()建立下拉列表4.4gradio.Accordion()可折叠组件
  • 浅谈ExtJS的布局 星旅星愿
    ExtJs的最大特性之一就是可用简单的方法来进行布局。我们可通过合适的类来定义固定布局或非固定布局。比如，我们来为容器内的子组件设置布局时，如没有定义布局，则缺省使用auto布局。auto布局是将子组件在容器内一个接一个的来显示的。ExtJs中可以用很多布局来安排组件，比如：accordions,cards,columns,table等。一些常用的布局有：边界布局适应布局卡片布局手风琴布局锚定布局
  • IntegralUI Crack,Vue的原生Web组件 SEO-狼术 Crack前端vue.jsjavascript
    IntegralUICrack,Vue的原生Web组件IntegralUIWeb是一套高级Web组件，包括可在Angular、React、Vue或任何其他JavaScript框架中使用的Accordion、Menu、TabStrip和TreeView。所有组件都具有许多功能，例如完全可自定义的外观、改进的拖放功能、动画、主题等等。使用用户界面组件、指令和服务来帮助您构建具有快速数据加载和更新的现代
  • 解决Taro微信小程序Canvas层级太高覆盖Modal组件问题 辰九九 前端BugsetReact微信小程序微信小程序
    问题描述使用Taro-ui的AtAccordion（手风琴）组件放在modal中。微信开发者工具里面一切正常，但是真机调试的时候，下面图层的圆环会覆盖在AtAccordion的上面。如下图所示：问题分析开始想的是层级问题，以为设置z-index就可以解决，列出了几种解决方案使用z-index结合canvas的type利用modal显示与否的变量来控制canvas的display将canvas转换为
  • parent.$(".easyui-accordion").accordion('remove', i); 吴繁飞
    操作easyui里面的组建,报错,子类操作父类的元素.只能用下面一种方法,其他2种报错parent.$(".easyui-accordion").accordion('remove',i);//(window.parent.document).find(".easyui-accordion").accordion('remove',i);
  • react + Material UI递归实现侧边导航（多层级） zxo_apple 前端开发react.jsuijavascript
    项目使用MUI5实现，过程中需要使用到侧边导航，翻看了整个文档，最终决定使用accordion来实现多层级的侧边导航先看效果图先看完整代码importReactfrom'react'import{styled}from'@mui/material/styles'importtype{AccordionProps}from'@mui/material/Accordion'importtype{Acc
  • Bootstrap Collapse的使用 sxjlinux bootstrapjavajavascript
    1、效果图：2、当点击B或C时，A自动收缩：3、html代码：A123B123C123其中最关键的是：data-parent=“#accordion”、aria-expanded=“true”、class=“panel-collapsecollapsein”（1）data-parent=“#accordion”：它指定的当前折叠框是在哪个下边，就是类似于分组，是指的在哪个分组下，该分组指定了ID（
  • 《通信软件开发与应用》课程结业报告 ~山有木兮 前端bootstrapweb
    文章目录简介一、BootStrap简介二、开发过程1.导航栏（NavBar）2.按钮（Button）3.卡片（Card）4.折叠菜单（Accordion）5.轮播（Carousel）6.栅格布局7.滚动显示（wow）8.播放视频9.提交表单10.底部设计（Footer）其他总结简介本文是基于Bootstrap框架，使用Html和CSS为基本工具所实现的静态网页，主要参考了BootStrap的代码框
  • Ionic学习日记12： accordionlist效果的实现（手风琴） SWKende
    前言为了美观，美观，美观，没了，效果大概是这样界面效果使用一个list包裹着button和一个div，点击button后才显示div里面的内容，加了点特效（渐变）让他变得像是出来一封信的样子，这样看起来好看点准备步骤本篇日记只牵扯到一个pageHTML页面{{d.titlestart}}{{d.titleend}}休假类型：{{d.titlestart}}休假原因{{d.content}}生效日期
  • 关于angularjs中使用路由后子锚点的链接跳转问题 天蝎_Alvin HTMLjavascriptangularjsangularjs
    2.0.1我见过上帝你信吗1.9.1南蛮入侵1.7.2万箭齐发1.7.1最好的告别,这本书不错哦1.5.3没有版本更新,瞎鼓捣1.5.2来个大本版的更新1.3.3升级了,快不Prev12345Next大家可以看到以上代码,我这里使用了锚点,#accordion1_1到#accordion1_7这里使的angularjs路由的时候,老是跳转到路由默认页面,如何解决呢,看以下代码,只要将href="#
  • 【wxWidgets 如何实现wxAccordion 手风琴组件】 JAVA-博弈人生-超哥 C/C++精华版wxWidgets如何实现wxAccordion手风琴组件wxWidgets手风琴组件UI鉴赏
    1.简要说明wxWidgets并没有提供wxAccordion手风琴组件面板,网上也基本没有找到资料,CSDN有个标题:wxAccordion:wxWidgets的手风琴控件下载链接,再无资料可查,但是其他语言是提供了手风琴面板组件的,那么怎么办呢,开干喽…2.效果展示3.交流探讨代码就暂时不发了,可以交流,探讨.
  • 学习Bootstrap 5的第十一天 世俗ˊ Bootstrap学习bootstrap前端
    目录折叠基础的折叠实例Accordion（手风琴）实例导航导航菜单实例导航对齐方式实例垂直导航栏实例动态选项卡实例胶囊状动态选项卡实例等宽的选项卡/胶囊的下拉菜单实例导航栏基础的导航栏实例垂直导航栏实例居中对齐的导航栏实例不同颜色导航栏实例品牌/Logo实例导航栏文本折叠基础的折叠在Bootstrap5中，折叠效果可以通过添加特定的属性和类来轻松实现内容的显示和隐藏。具体步骤如下：1、创建一个可折
  • 【连载】研究EasyUI系统— Accordion组件 我想我是人 Web编程easyuieasyuiaccordion
    Accordion组件是easyui框架中的布局组件之一，它提供了多个可展开/折叠的面板。Accordion经常用作页面的导航菜单。我们先通过制作一个导航菜单来认识一下Accordion。图中左侧便是通过accordion组件构建的导航菜单，右侧是用panel构建的内容显示页面。点击左侧不同的菜单，右侧panel将会加载对应的页面，显示不同内容。我们通过代码来研究一下accordion组件用法。示
  • jQuery（七）插件、Cookie、Accordion 折叠栏、Autocomplete、Growl、Password Validation、Prettydate、Tooltip、Treeview ChrisP3616 前端工程师1——汇总前端工程师4——XMLJSONAJAXJQueryjqueryjavascriptes6前端
    jQuery（七）插件、Cookie、Accordion折叠栏、Autocomplete、Growl、PasswordValidation、Prettydate、Tooltip、Treeview文章目录jQuery（七）插件、Cookie、Accordion折叠栏、Autocomplete、Growl、PasswordValidation、Prettydate、Tooltip、Treeview1.
  • 如何使用CSS实现一个带有动画效果的折叠面板（Accordion）？ 几何心凉 前端入门之旅css前端
    聚沙成塔·每天进步一点点⭐专栏简介⭐折叠面板（Accordion）带动画效果⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅！这个专栏是为那些对Web开发感兴趣、刚刚踏入前端领域的朋友们量身打造的。无论你是完全的新手还是有一些基础的开发者，这里都将为你提供一个系统而又亲切的学习平台。在这个专栏中，我们将以问答形式
  • 如何使用CSS实现一个带有动画效果的折叠面板（Accordion）？ 几何心凉 前端入门之旅css前端
    聚沙成塔·每天进步一点点⭐专栏简介⭐带有动画效果的折叠面板（Accordion）⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅！这个专栏是为那些对Web开发感兴趣、刚刚踏入前端领域的朋友们量身打造的。无论你是完全的新手还是有一些基础的开发者，这里都将为你提供一个系统而又亲切的学习平台。在这个专栏中，我们将以问答
  • dhtmlx技术使用总结与介绍中文手册 _Fighter Dhtmlx
    界面的主要元素概述DHTMLX是一套完整的具有客户端程序效果的界面组件，解决了常见的客户端操作要求。这套组件采用javascript、xml定义组件性征，某些组件甚至可以直接渲染HTML元素。常见的容器元素包括：布局(layout)、滑动窗口(accordion)、页签(tab)、窗口(window)；常见的数据元素包括：表格(grid)、树(tree)、选择框(combo)、日历(calenda
  • React 18 在组件间共享状态 木蓝茶陌*_* 前端react状态提升在组件间共享状态受控组件和非受控组件
    参考文章在组件间共享状态有时候，希望两个组件的状态始终同步更改。要实现这一点，可以将相关state从这两个组件上移除，并把state放到它们的公共父级，再通过props将state传递给这两个组件。这被称为“状态提升”，这是编写React代码时常做的事。状态提升在这个例子中，父组件Accordion渲染了2个独立的Panel组件。AccordionPanelPanel每个Panel组件都有一个布尔
  • Jquery validateTip 乖乖一地瓜子壳
    jQuery属性jQueryAccordionjQueryValidatejQueryValidate插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括URL和电子邮件验证，同时提供了一个用来编写用户自定义方法的API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他37种语言。该插件是由JörnZ
  • Element-UI RumbleWx elementuivue.jsjavascript前端
    Element-UI组件Tree树形控件用清晰的层级结构展示信息，可展开或折叠。常用属性（参数说明类型可选值默认值）lazy需与load结合使用在data数据内添加id键来绑定array内的值一般绑定id为false的时候只有点▲箭头才能展开/收缩筛选节点accordion手风琴模式同一级节点，只能同时展开一个拖拽节点如下，三级3-2-2节点（返回false）无法被拖拽如下二级3-1节点无法把其它
  • Accordion：HBase 内存压缩算法 步闲
    现今，HBase所支持的现代产品对Hbase读写性能的期望越来越高。理想情况下，HBase也希望在保证其可靠的持久存储的前提下能同时享有内存数据库的速度。社区的贡献者在HBase2.0中引入了一种名为Accordion的新算法，这促使Hbase又朝着理想的目标迈出了重要的一步。HbaseRegionServer负责将数据划分到多个Region中。RegionServer内部（垂直）的可伸缩性能对于
  • 超简单的 jquery 版 手风琴滑块效果 aimee66
    超简单的jquery版手风琴滑块效果h5手风琴效果的写法有很多，我所写的效果主要是使用jquery的animate方法实现的，鼠标移入手风琴左右滑动展示当前的模块，具体效果如下：查看地址link>>image.png页面结构如下：将所要展示的图片生成列表css样式如下.accordionBox{/*--手风琴动画效果--*/width:100%;height:449px;margin:40pxau
  • jdk tomcat 环境变量配置 Array_06 javajdktomcat
    Win7 下如何配置java环境变量 1。准备jdk包，win7系统，tomcat安装包（均上网下载即可） 2。进行对jdk的安装，尽量为默认路径（但要记住啊！！以防以后配置用。。。） 3。分别配置高级环境变量。   电脑-->右击属性-->高级环境变量-->环境变量。 分别配置 : path    &nbs
  • Spring调SDK包报java.lang.NoSuchFieldError错误 bijian1013 javaspring
            在工作中调另一个系统的SDK包，出现如下java.lang.NoSuchFieldError错误。 org.springframework.web.util.NestedServletException: Handler processing failed; nested exception is java.l
  • LeetCode[位运算] - #136 数组中的单一数 Cwind java题解位运算LeetCodeAlgorithm
    原题链接：#136 Single Number 要求： 给定一个整型数组，其中除了一个元素之外，每个元素都出现两次。找出这个元素 注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间 难度：中等 分析： 题目限定了线性的时间复杂度，同时不使用额外的空间，即要求只遍历数组一遍得出结果。由于异或运算 n XOR n = 0, n XOR 0 = n，故将数组中的每个元素进
  • qq登陆界面开发 15700786134 qq
    今天我们来开发一个qq登陆界面，首先写一个界面程序，一个界面首先是一个Frame对象，即是一个窗体。然后在这个窗体上放置其他组件。代码如下： public class First {         public void initul(){        jf=ne
  • Linux的程序包管理器RPM 被触发 linux
    在早期我们使用源代码的方式来安装软件时，都需要先把源程序代码编译成可执行的二进制安装程序，然后进行安装。这就意味着每次安装软件都需要经过预处理-->编译-->汇编-->链接-->生成安装文件--> 安装，这个复杂而艰辛的过程。为简化安装步骤，便于广大用户的安装部署程序，程序提供商就在特定的系统上面编译好相关程序的安装文件并进行打包，提供给大家下载，我们只需要根据自己的
  • socket通信遇到EOFException 肆无忌惮_ EOFException
    java.io.EOFException at java.io.ObjectInputStream$PeekInputStream.readFully(ObjectInputStream.java:2281) at java.io.ObjectInputStream$BlockDataInputStream.readShort(ObjectInputStream.java:
  • 基于spring的web项目定时操作 知了ing javaWeb
    废话不多说，直接上代码，很简单 配置一下项目启动就行 1，web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="h
  • 树形结构的数据库表Schema设计 矮蛋蛋 schema
    原文地址： http://blog.csdn.net/MONKEY_D_MENG/article/details/6647488     程序设计过程中，我们常常用树形结构来表征某些数据的关联关系，如企业上下级部门、栏目结构、商品分类等等，通常而言，这些树状结构需要借助于数据库完成持久化。然而目前的各种基于关系的数据库，都是以二维表的形式记录存储数据信息，
  • maven将jar包和源码一起打包到本地仓库 alleni123 maven
    http://stackoverflow.com/questions/4031987/how-to-upload-sources-to-local-maven-repository <project> ... <build> <plugins> <plugin> <groupI
  • java IO操作 与 File 获取文件或文件夹的大小，可读，等属性！！！ 百合不是茶
    类 File File是指文件和目录路径名的抽象表示形式。 1，何为文件： 标准文件（txt doc mp3...） 目录文件（文件夹） 虚拟内存文件   2，File类中有可以创建文件的 createNewFile（）方法,在创建新文件的时候需要try{} catch(）{}因为可能会抛出异常；也有可以判断文件是否是一个标准文件的方法isFile();这些防抖都
  • Spring注入有继承关系的类（2） bijian1013 javaspring
    被注入类的父类有相应的属性，Spring可以直接注入相应的属性，如下所例：1.AClass类 package com.bijian.spring.test4; public class AClass { private String a; private String b; public String getA() { retu
  • 30岁转型期你能否成为成功人士 bijian1013 成长励志
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • 【Velocity四】Velocity与Java互操作 bit1129 velocity
    Velocity出现的目的用于简化基于MVC的web应用开发，用于替代JSP标签技术，那么Velocity如何访问Java代码.本篇继续以Velocity三http://bit1129.iteye.com/blog/2106142中的例子为基础，      POJO    package com.tom.servlets; public
  • 【Hive十一】Hive数据倾斜优化 bit1129 hive
    什么是Hive数据倾斜问题   操作：join,group by,count distinct 现象：任务进度长时间维持在99%（或100%），查看任务监控页面，发现只有少量（1个或几个）reduce子任务未完成；查看未完成的子任务，可以看到本地读写数据量积累非常大，通常超过10GB可以认定为发生数据倾斜。 原因：key分布不均匀 倾斜度衡量：平均记录数超过50w且
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等 ronin47 nginx lua csrf
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{
  • java-3.求子数组的最大和 bylijinnan java
    package beautyOfCoding; public class MaxSubArraySum { /** * 3.求子数组的最大和 题目描述： 输入一个整形数组，数组里有正数也有负数。 数组中连续的一个或多个整数组成一个子数组，每个子数组都有一个和。 求所有子数组的和的最大值。要求时间复杂度为O(n)。 例如输入的数组为1, -2, 3, 10, -4,
  • Netty源码学习-FileRegion bylijinnan javanetty
    今天看org.jboss.netty.example.http.file.HttpStaticFileServerHandler.java 可以直接往channel里面写入一个FileRegion对象，而不需要相应的encoder： //pipeline（没有诸如“FileRegionEncoder”的handler）： public ChannelPipeline ge
  • 使用ZeroClipboard解决跨浏览器复制到剪贴板的问题 cngolon 跨浏览器复制到粘贴板Zero Clipboard
    Zero Clipboard的实现原理 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是 Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板。 Zero Clipboard的安装方法 首先需要下载 Zero Clipboard的压缩包，解压后把文件夹中两个文件：ZeroClipboard.js
  • 单例模式 cuishikuan 单例模式
    第一种（懒汉，线程不安全）： public class Singleton {   2     private static Singleton instance;   3     pri
  • spring+websocket的使用 dalan_123
    一、spring配置文件 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"    xmlns:xsi="http://www.w3.or
  • 细节问题：ZEROFILL的用法范围。 dcj3sjt126com mysql
    1、zerofill把月份中的一位数字比如1，2，3等加前导0 mysql> CREATE TABLE t1 (year YEAR(4), month INT(2) UNSIGNED ZEROFILL,    -> day
  • Android开发10——Activity的跳转与传值 dcj3sjt126com Android开发
    Activity跳转与传值，主要是通过Intent类，Intent的作用是激活组件和附带数据。   一、Activity跳转 方法一Intent intent = new Intent(A.this, B.class); startActivity(intent)   方法二Intent intent = new Intent();intent.setCla
  • jdbc 得到表结构、主键 eksliang jdbc 得到表结构、主键
    转自博客：http://blog.csdn.net/ocean1010/article/details/7266042 假设有个con DatabaseMetaData dbmd = con.getMetaData(); rs = dbmd.getColumns(con.getCatalog(), schema, tableName, null); rs.getSt
  • Android 应用程序开关GPS gqdy365 android
    要在应用程序中操作GPS开关需要权限： <uses-permission android:name="android.permission.WRITE_SECURE_SETTINGS" /> 但在配置文件中添加此权限之后会报错，无法再eclipse里面正常编译，怎么办？ 1、方法一：将项目放到Android源码中编译； 2、方法二：网上有人说cl
  • Windows上调试MapReduce zhiquanliu mapreduce
    1.下载hadoop2x-eclipse-plugin https://github.com/winghc/hadoop2x-eclipse-plugin.git 把 hadoop2.6.0-eclipse-plugin.jar 放到eclipse plugin 目录中。 2.下载 hadoop2.6_x64_.zip http://dl.iteye.com/topics/download/d2b
  • 如何看待一些知名博客推广软文的行为？ justjavac 博客
    本文来自我在知乎上的一个回答：http://www.zhihu.com/question/23431810/answer/24588621 互联网上的两种典型心态： 当初求种像条狗，如今撸完嫌人丑 当初搜贴像条犬，如今读完嫌人软 你为啥感觉不舒服呢？ 难道非得要作者把自己的劳动成果免费给你用，你才舒服？ 就如同 Google 关闭了 Gooled Reader，那是
  • sql优化总结 macroli sql
    为了是自己对sql优化有更好的原则性，在这里做一下总结，个人原则如有不对请多多指教。谢谢！   要知道一个简单的sql语句执行效率，就要有查看方式，一遍更好的进行优化。   一、简单的统计语句执行时间 declare @d datetime ---定义一个datetime的变量set @d=getdate() ---获取查询语句开始前的时间select user_id
  • Linux Oracle中常遇到的一些问题及命令总结 超声波 oraclelinux
    1.linux更改主机名   (1)#hostname oracledb　　　　临时修改主机名 (2) vi /etc/sysconfig/network 　　修改hostname (3) vi /etc/hosts　　　　　　　　修改IP对应的主机名   2.linux重启oracle实例及监听的各种方法 （注意操作的顺序应该是先监听，后数据库实例） &nbs
  • hive函数大全及使用示例 superlxw1234 hadoophive函数
      具体说明及示例参 见附件文档。     文档目录：   目录 一、关系运算： 4 1. 等值比较: = 4 2. 不等值比较: <> 4 3. 小于比较: < 4 4. 小于等于比较: <= 4 5. 大于比较: > 5 6. 大于等于比较: >= 5 7. 空值判断: IS NULL 5
  • Spring 4.2新特性-使用@Order调整配置类加载顺序 wiselyman spring 4
    4.1 @Order Spring 4.2 利用@Order控制配置类的加载顺序 4.2 演示 两个演示bean package com.wisely.spring4_2.order; public class Demo1Service { } package com.wisely.spring4_2.order; public class
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他