沉默王二
沉默王二

Bootstrap-table：轻松实现多层表头

在做私活的时候，有一个需求是要在页面上实现多层表头。一开始有点懵，不知道怎么来实现，我回想起在JFTT的时候，曾用过Flex版的多层表头，不过那离现在已经很久远了，久远到Flex已经被淘汰出局了。于是在网上折腾了好一会儿，终于找到一款用起来简单，效果又很不错的组件——Bootstrap-table。

Bootstrap-table还有很多强大的功能，但这篇文章我们把关注点只放在多层表头上，关注点确定后，这篇博客就很简单了，但我觉得还是很有必要推而广之——因为之前在看董卿主持的《诗词大会》，里面有很多基础的知识，竟然有很多人都答不上来，搞得我一度很“嚣张”，对老婆夸下海口说我也能过第一轮，但事实是我过不了——我也不会写“碧玉妆成一树高，万条垂下绿丝绦（tao）”中的tao字。

所以，文章不在于其难度，而在于其意义——在月球上迈上一小步和在地球上迈上一小步差别就在于“这是个人迈出的一小步，但却是人类迈出的一大步。”

#0.效果图

Bootstrap-table：轻松实现多层表头_第1张图片

#1.实现方法

<html>
<head>
<title>多层表头title>
<link href="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.css" rel="stylesheet">
<style type="text/css">

.table td, .table th {
	font-style: normal;
	font-weight: normal;
	text-align:center;
}

.bootstrap-table {
	width: 100%;
}
style>
head>
<body>
	<table data-toggle="table">
		<thead>
			<tr>
				<th data-colspan="1">妻子th>
				<th data-colspan="2">车子th>
				<th data-colspan="3">房子th>
				<th data-rowspan="2">总价值th>
			tr>
			<tr>
				<th>唯一th>
				<th>Minith>
				<th>Smartth>
				<th>90平th>
				<th>149平th>
				<th>别墅th>
			tr>
		thead>
		<tbody>
			<tr>
				<td>∞td>
				<td>30万td>
				<td>20万td>
				<td>60万td>
				<td>100万td>
				<td>看着办td>
				<td>∞∞td>
			tr>
		tbody>
	table>
	<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js">script>
	<script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.js">script>
body>
html>

#2.具体步骤

第一步，通过CDN引入jquery和bootstrap-table。

<link href="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js">script>
<script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.js">script>

第二步，第一层表头；

<tr>
	<th data-colspan="1">妻子th>
	<th data-colspan="2">车子th>
	<th data-colspan="3">房子th>
	<th data-rowspan="2">总价值th>
tr>

通过data-colspan指定二级表头横向有多少个，纵向为1；
通过data-rowspan指定二级表头纵向有多少个，横向为1；

第三步，第二层表头；

<tr>
	<th>唯一th>
	<th>Minith>
	<th>Smartth>
	<th>90平th>
	<th>149平th>
	<th>别墅th>
tr>

注意data-rowspan="2"对应的第二层表头就不需要指定了。

第三步，启用bootstrap-table。

<table data-toggle="table">
	
table>

嗯，不需要解释了。

文章很简单，意义却大不同。

你可能感兴趣的:(大前端)

  • 对于大前端开发来说，转鸿蒙开发究竟是福还是祸？_鸿蒙开发面试 2401_84447417 程序员harmonyos面试华为
    会不会是下一个风口？自从鸿蒙原生应用全面启动以来，各大互联网领域的鸿蒙原生应用都在加速开发，带动了人才需求持续释放，吸引了不少人才涌入。据智联招聘数据统计，2024春招市场中软件/互联网大厂是招聘鸿蒙人才的主力，鸿蒙开发岗平均月薪超1.8万。鸿蒙系统生态已覆盖智能手机、平板电脑、耳机、智能手表及智能汽车系统等多元设备，涉及不同场景的软件、应用、硬件开发，相关企业对鸿蒙人才需求旺盛。从企业规模看，大
  • 大前端面试题集锦——HTML篇 Midshar.top 前端html
    HTML篇1.什么是DOCTYPE,有何作用?DOCTYPE是用来声明HTML文档应当使用哪种版本来进行解析如果不使用DOCTYPE告知浏览器应当使用哪种版本解析文档,那么浏览器将会开启最大兼容模式来解析文档,一般称为怪异模式.在怪异模式下,可能会产生一些预想不到的bug2.说说对HTML语义化的理解?HTML的语义化指的是在合适的地方使用合适的标签,让人能够根据标签进而大致知晓标签内容语义化使得
  • 【鸿蒙实战开发】HarmonyOS-状态管理 代码改变世界996 前端鸿蒙安卓harmonyos华为ui鸿蒙安卓
    前言本文基于鸿蒙Nextbeta1，beta2的新特性暂未深入研究和使用，且目前beta2已经可以试用。现在客户端所流行的结构无非就是MVVM或者MVI。MVI的特点是不仅把数据变化做了响应，连交互都封装了，鸿蒙目前最适合的是MVVM。鸿蒙使用声明式UI开发框架，那么和所有的流行的大前端框架一样，我们需要处理前端组件间的数据通信和变化响应，也就是所谓的状态管理。而MVVM中的viewmodel可以
  • 基于 React & TypeScript & Webpack 的微前端应用模板 weixin_33806300 前端webpackjavascriptViewUI
    m-fe/react-ts-webpack在Web开发导论/微前端与大前端一文中，笔者简述了微服务与微前端的设计理念以及微前端的潜在可行方案。微服务与微前端，都是希望将某个单一的单体应用，转化为多个可以独立运行、独立开发、独立部署、独立维护的服务或者应用的聚合，从而满足业务快速变化及分布式多团队并行开发的需求。如康威定律(Conway’sLaw)所言，设计系统的组织，其产生的设计和架构等价于组织间
  • 一款好看的EMlog系统博客网站微信小程序源码v1.1 dddaaxx 程序源码
    介绍：这是一个简洁的程序，所以给它取了个英文名叫Brief，需要配合EMlog后端，所以EMlog附带了一款非常好看的大前端模板。Brief使用emlog（6.0.1）系统强力驱动后端API使用张子恒接口文档开发本程序仍有诸多bug未修复由于开发时修改过很多emlog原有功能及数据库所以使用该程序需要重新安装emlog和数据库1、配置ssl宝塔可免费申请2、安装后端上传源码-导入数据库-修改con
  • 关于6种Web安全常见的攻防姿势 AI大模型-搬运工 web安全安全网络安全网络网络攻击模型
    关于Web安全的问题，是一个老生常谈的问题，作为离用户最近的一层，我们大前端应该把手伸的更远一点。我们最常见的Web安全攻击有以下几种：XSS跨站脚本攻击CSRF跨站请求伪造URL跳转漏洞ClickJacking点击劫持/UI-覆盖攻击SQLInjectionSQL注入OSCommandInjectionOS命令注入一、XSSXSS（CrossSiteScript），中文是跨站脚本攻击；其原本缩写
  • 大前端-postcss安装使用指南 黑夜照亮前行的路 postcss
    PostCSS是一款强大的CSS处理工具，可以用来自动添加浏览器前缀、代码合并、代码压缩等，提升代码的可读性，并支持使用最新的CSS语法。以下是一份简化的PostCSS安装使用指南：一、安装PostCSS在你的项目目录中，通过npm（NodePackageManager）来安装PostCSS。打开命令行窗口，输入以下命令：bash复制代码npminstallpostcss--save-dev这将把
  • Android程序员的Java后台学习建议 Androidgiao
    作为一个原生Android开发，一路走来经历了Java、Kotlin的洗礼；在“原生要凉”的氛围下学习Cordova、ReactNative、Weex、Flutter等跨平台框架；之后又在“大前端”的口号下延伸到React、Vue等前端框架的学习；最终面对“全栈”的诱惑，又撸起了SpringBoot的Javaweb开发。image.pngAndroid开发作为“安身立命”的资本，在面对如今“移动要
  • 一起来使用node.js制作一个视频吧
    theme:fancyTNTWeb-全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能业务提效和产品创新。团队倡导开源共建，拥有各种技术大牛，团队Github地址：https://github.com/tnfe今天为大家介绍FFCreator，项目
  • 一起来使用node.js制作一个视频吧
    theme:fancyTNTWeb-全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能业务提效和产品创新。团队倡导开源共建，拥有各种技术大牛，团队Github地址：https://github.com/tnfe今天为大家介绍FFCreator，项目
  • JavaScript复习笔记(一) acsamson
    [TOC]题外话:其实我觉得能后通过自己感兴趣的事情给自己获取资源是一件很幸福的事情，这也是自己未来努力的方向吧也有人反对浏览器使用javascript,认为其不安全,所以就禁用了javascript.但其实我倒是觉得很历史倒退,没有必要完全,因为你可以看到其实浏览器大前端这一模块也是一个趋势,而javascript就是一个最好的武器,包括谷歌最近在开发的Fuchsia也打算在底层嵌入javasc
  • 基于UI交互意图理解的异常检测方法 美团测试
    美团到店平台技术部/质量工程部与复旦大学周扬帆教授团队开展了科研合作，基于业务实际场景，自主研发了多模态UI交互意图识别模型以及配套的UI交互框架。本文从大前端质量保障领域的痛点出发，介绍了UI交互意图识别的方法设计与实现。基于UI交互意图编写的测试用例在实际业务中展现出了可以跨端、跨App的泛化能力，希望可以为从事相关工作的同学带来一些启发或帮助。1.背景近年来，随着美团多种业务线的扩充和迭代，
  • 大前端完整学习路线（详解） 强哥科技兴
    第一阶段：HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：正则表达式、排序算
  • vue3初识 余识- vuevue3前端nodenpm
    目录一、前言二、主观感受三、vue3初探原文以及该系列教程文章后续可点击这里查看：vue初识一、前言Vue.js是一款流行的前端框架，最初由尤雨溪（EvanYou）于2014年创建，非常的年轻。官网为vue3，但要注意，vue框架本身是基于前端基础知识之上的，所以学习vue的前提是，你已经理解、并能够熟练的使用html、css、JavaScript这三大前端基石去开发基本的网页应用了。如果你对这些
  • 从0到1：用HTML、CSS和JavaScript构建经典案例
    从0到1：用HTML、CSS和JavaScript构建经典案例一、案例目标本案例旨在通过构建一个简单的新闻网站，使读者从零开始学习并掌握HTML、CSS和JavaScript三大前端技术。通过实践，读者将能够熟悉网页的基本结构、样式设计和交互功能。二、案例内容HTML结构搭建首先，我们需要使用HTML来搭建网页的基本结构。以下是一个简单的新闻网站的HTML框架：html新闻网站新闻网站首页国内新闻
  • 前端发展史 斑码教育王老师
    迅速发展的前端开发，在每⼀年，都为开发者带来了新的关键词。2019年已步⼊尾声，2020年前端发展的关键词⼜将有哪些呢？发展的方向又会是什么呢？参考2019年大前端的发展，不出意外，前端依旧会围绕⼩程序、超级APP、跨端开发、前端⼯程化以及新技术运用等几个方面进行展开（可以参考2019年大前端技术趋势深度解读）。小程序在⼩程序⽅⾯，今年仍然是⼩程序突⻜猛进的⼀年，各⼤主流的App都上线了⼩程序能⼒
  • 〖大前端 - ES6篇②〗- let和const 哈哥撩编程 #①-基础入门三大核心篇大前端全栈架构白宝书前端es6ecmascript大前端letconst
    说明：该文属于大前端全栈架构白宝书专栏，目前阶段免费，如需要项目实战或者是体系化资源，文末名片加V！作者：哈哥撩编程，十余年工作经验,从事过全栈研发、产品经理等工作，目前在公司担任研发部门CTO。荣誉：2022年度博客之星Top4、2023年度超级个体得主、谷歌与亚马逊开发者大会特约speaker、全栈领域优质创作者。白宝书系列启示录-攻城狮的自我修养Python全栈白宝书ChatGPT实践指南白
  • 撩课-Web大前端每天5道面试题-Day14 撩课_叶建华
    1.apply,call和bind有什么区别?三者都可以把一个函数应用到其他对象上，注意不是自身对象．apply,call是直接执行函数调用，bind是绑定，执行需要再次调用．apply和call的区别是apply接受数组作为参数，而call是接受逗号分隔的无限多个参数列表.代码如下:functionPerson(){}Person.prototype.sayName(){alert(this.n
  • 在面试中如何回复擅长vue还是react 开心点啦. vue.jsreact.js前端
    当面试官问及这个问题的时候，我们需要思考面试官是否是在乎你是掌握vue还是react吗？？？在大前端的一个环境下，当前又有AI人工智能的加持辅助，我们是不是要去思考企业在进行前端岗位人员需求的时候，只是去找一个会vue或者是react技术框架的人员呢？？？显然，这并不一定是我们企业真正的一个述求。对于这个问题来说，面试官要找寻的是一个更为有宽广知识面，更为有专项技术研究的一个人员。那么在进行该问题
  • CSS Transition：为网页元素增添优雅过渡效果 白猫a~ 网络安全visualstudioide编程工具程序集成开发环境CSStransition
    随着互联网的发展，网页的视觉效果和用户体验变得尤为重要。CSSTransition作为一种能够让网页元素在状态改变时呈现平滑过渡效果的工具，受到了广大前端开发者的青睐。本文将详细介绍CSSTransition的基本概念、使用方法以及常见应用，帮助读者更好地理解和应用这一技术。一、CSSTransition的基本概念CSSTransition是CSS3中的一个重要特性，它允许元素从一种样式逐渐改变为
  • JavaScript 性能优化2 学习笔记 sayCloud
    文章内容输出来源：拉勾大前端高薪训练营1、性能测试工具JSBench使用网址：https://jsbench.me/常用的JSperf已经停止维护了SetupHTML想初始化的domSetupJS前置统一的js代码TestCase添加测试用例，具体的测试代码（一般两个）TeardownJS后置统一的js代码（每秒的次数越大越好）性能测试细节：尽可能开一个标签页、当前的进程不要关掉、多次执行2、堆栈
  • 2024是时候转Framework开发了 Calvin880828 AndroidFrameworkandroid
    2024是时候转Framework开发了1引言随着科技的不断发展，移动设备已经成为了现代人生活中必不可少的一部分。作为移动设备操作系统之一，Android系统在市场中占有很大的份额。因此，Android应用程序开发和Framework开发变得越来越受欢迎。但是随着近年来，AndroidApp开发趋于饱和，大前端技术的快速发展，Android原生开发替代方案越来越多，直接导致了App开发的饱和及人才
  • PC端静态网页应用开发及项目 WGP鹏灬 前端开发学习笔记csshtmlhtml5
    笔记来源：拉勾教育-大前端就业集训营文章内容：学习过程中的笔记、感悟、经验一、网页开发流程1、需求分析：对开发产品进行定位（如产品类型、产品功能、面向的客户群、达到的目的等）2、整体规划：根据需求分析的结论，确定网站中要展示的内容、层次、展示形式等，给出对应内容的文案3、界面设计：设计师根据整体规划的方案、将网站各个页面进行设计，最终给出设计图、颜色、数据信息等4、前端程序设计：前端开发人员根据设
  • gulp和webpack究竟有什么区别？ NewChapter °
    在现在的前端开发中，前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始逐渐渗透到“大前端”的开发中。前端开发过程越来越繁琐，当今越来越多的网站已经从网页模式进化到了Webapp模式。它们运行在现代的高级浏览器里，使用HTML5、CSS3、ES6等更新的技术来开发丰富的功能，网页已经不仅仅是完成浏览的基本需求，并且Webapp通常是一个单页面应用(SPA)，每一
  • 美团React Native开源组件库beeshell详解 「已注销」 前端ReactNativeJavaScriptAndroid测试
    近年来，伴随着大前端概念的提出和兴起，移动端和前端的边界变得越来越模糊，涌现了一大批移动跨平台开发框架和模式。从早期的PhoneGap、inoc等Hybird技术，到现在耳熟能详的ReactNative、Weex和Flutter等技术，无不体现着移动端开发的前端化。而提供一套三端统一的开发框架，一直是前端奋斗的目标，而ReactNative就是这么一个不错的三端统一的跨平台开发框架，这方面的知识可
  • 低码大前端 - 混合云集群部署 PagePlug 流雨声 前端
    前情提要老师之前布置了什么作业，完全忘了，本来觉得写作业可能也就一两个小时的事情，结果搞了半天，有一半的作业题目都没找到，mmp,之前拖延症，搞到心态都炸了，今天不管怎么说都要搞定；维护下自己的混合云集群，然后部署下低代码的前端工具，真心不喜欢造轮子，PagePlug是国庆前夕自己调研的一个产品，突然感觉我又可以了，之前就是觉得前端开发人员需要有点艺术天赋才可以，不然捏，每天加班排版吗？该做的是需
  • 撩课-Web大前端每天5道面试题-Day12 撩课_叶建华
    1.请写出至少5个html5新增的标签，并说明其语义和应用场景？section：定义文档中的一个章节;nav：定义只包含导航链接的章节;header：定义页面或章节的头部;它经常包含logo、页面标题和导航性的目录。footer：定义页面或章节的尾部;它经常包含版权信息、法律信息链接和反馈建议用的地址。aside：定义和页面内容关联度较低的内容，如果被删除，剩下的内容仍然很合理。2.get和pos
  • 解密国内BAT等大厂前端技术体系-阿里篇（长文建议收藏） linchare 前端
    进入2019年，大前端技术生态似乎进入到了一个相对稳定的环境，React在2013年发布至今已经6年时间了，Vue1.0在2015年发布，至今也有4年时间了。整个业界在前端框架不断迭代中，也寻找到了许多突破方向，例如跨平台中的RN、Flutter，服务端GraphQL、Serverless，前端和客户端的融合越来越紧密，前端在Node和Electron的加持下，也扩展了自己的版图到服务端和桌面。同
  • 解密阿里前端技术体系 frontend_frank
    作者|奶爸码农编辑|张之栋、王文婧前端框架的不断变化，对不同行业产生了诸多的影响。目前，前端的发展趋势究竟是什么样的？为了解更多的前端趋势相关内容，让我们跟随本文，看一下像阿里巴巴这样的互联网大厂，是怎样做的。进入2019年，大前端技术生态似乎进入到了一个相对稳定的环境，React在2013年发布至今已经6年时间了，Vue1.0在2015年发布，至今也有4年时间了。整个业界在前端框架不断迭代中，也
  • 函数式编程与Js异步编程、手写Promise（Day01） 5coder
    Part1·JavaScript【深度剖析】函数式编程与Js异步编程、手写Promise文章说明：本专栏内容为本人参加【拉钩大前端高新训练营】的学习笔记以及思考总结，学徒之心，仅为分享。如若有误，请在评论区支出，如果您觉得专栏内容还不错，请点赞、关注、评论。共同进步！一、为什么要学习函数式编程函数式编程功能是非常古老的一个概念，早于第一台计算机的诞生，函数式编程的历史学习函数式编程的目的：函数式编
  • java短路运算符和逻辑运算符的区别 3213213333332132 java基础
    /* * 逻辑运算符——不论是什么条件都要执行左右两边代码 * 短路运算符——我认为在底层就是利用物理电路的“并联”和“串联”实现的 * 原理很简单，并联电路代表短路或（||），串联电路代表短路与（&&）。 * * 并联电路两个开关只要有一个开关闭合，电路就会通。 * 类似于短路或（||），只要有其中一个为true（开关闭合）是
  • Java异常那些不得不说的事 白糖_ javaexception
    一、在finally块中做数据回收操作 比如数据库连接都是很宝贵的，所以最好在finally中关闭连接。 JDBCAgent jdbc = new JDBCAgent(); try{ jdbc.excute("select * from ctp_log"); }catch(SQLException e){ ... }finally{ jdbc.close();
  • utf-8与utf-8(无BOM)的区别 dcj3sjt126com PHP
    BOM——Byte Order Mark，就是字节序标记   在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符，它的编码是FEFF。而FFFE在UCS中是不存在的字符，所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前，先传输 字符"ZERO WIDTH NO-BREAK SPACE"。这样如
  • JAVA Annotation之定义篇 周凡杨 java注解annotation入门注释
        Annotation: 译为注释或注解 An annotation, in the Java computer programming language, is a form of syntactic metadata that can be added to Java source code. Classes, methods, variables, pa
  • tomcat的多域名、虚拟主机配置 g21121 tomcat
    众所周知apache可以配置多域名和虚拟主机，而且配置起来比较简单，但是项目用到的是tomcat，配来配去总是不成功。查了些资料才总算可以，下面就跟大家分享下经验。 很多朋友搜索的内容基本是告诉我们这么配置： 在Engine标签下增面积Host标签，如下： <Host name="www.site1.com" appBase="webapps"
  • Linux SSH 错误解析（Capistrano 的cap 访问错误 Permission ） 510888780 linuxcapistrano
    1.ssh -v [email protected] 出现 Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password). 错误 运行状况如下： OpenSSH_5.3p1, OpenSSL 1.0.1e-fips 11 Feb 2013 debug1: Reading configuratio
  • log4j的用法 Harry642 javalog4j
    一、前言：     log4j 是一个开放源码项目，是广泛使用的以Java编写的日志记录包。由于log4j出色的表现，     当时在log4j完成时，log4j开发组织曾建议sun在jdk1.4中用log4j取代jdk1.4 的日志工具类，但当时jdk1.4已接近完成，所以sun拒绝使用log4j，当在java开发中
  • mysql、sqlserver、oracle分页，java分页统一接口实现 aijuans oraclejave
    定义：pageStart 起始页，pageEnd 终止页,pageSize页面容量 oracle分页： 　　　　select * from ( select mytable.*,rownum num from (实际传的SQL) where rownum<=pageEnd) where num>=pageStart sqlServer分页：  
  • Hessian 简单例子 antlove javaWebservicehessian
    hello.hessian.MyCar.java package hessian.pojo; import java.io.Serializable; public class MyCar implements Serializable { private static final long serialVersionUID = 473690540190845543
  • 数据库对象的同义词和序列 百合不是茶 sql序列同义词ORACLE权限
    回顾简单的数据库权限等命令; 解锁用户和锁定用户 alter user scott account lock/unlock; //system下查看系统中的用户 select * dba_users; //创建用户名和密码 create user wj identified by wj; identified by //授予连接权和建表权 grant connect to
  • 使用Powermock和mockito测试静态方法 bijian1013 持续集成单元测试mockitoPowermock
            实例： package com.bijian.study; import static org.junit.Assert.assertEquals; import java.io.IOException; import org.junit.Before; import org.junit.Test; import or
  • 精通Oracle10编程SQL(6)访问ORACLE bijian1013 oracle数据库plsql
    /* *访问ORACLE */ --检索单行数据 --使用标量变量接收数据 DECLARE v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; BEGIN select ename,sal into v_ename,v_sal from emp where empno=&no; dbms_output.pu
  • 【Nginx四】Nginx作为HTTP负载均衡服务器 bit1129 nginx
     Nginx的另一个常用的功能是作为负载均衡服务器。一个典型的web应用系统，通过负载均衡服务器，可以使得应用有多台后端服务器来响应客户端的请求。一个应用配置多台后端服务器，可以带来很多好处：   负载均衡的好处 增加可用资源 增加吞吐量 加快响应速度，降低延时 出错的重试验机制 Nginx主要支持三种均衡算法： round-robin l
  • jquery-validation备忘 白糖_ jquerycssF#Firebug
    留点学习jquery validation总结的代码：   function checkForm(){ validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID errorElement :"span",// 使用"div"标签标记错误， 默认:&
  • solr限制admin界面访问（端口限制和http授权限制） ronin47 限定Ip访问
    solr的管理界面可以帮助我们做很多事情，但是把solr程序放到公网之后就要限制对admin的访问了。 可以通过tomcat的http基本授权来做限制，也可以通过iptables防火墙来限制。 我们先看如何通过tomcat配置http授权限制。 第一步： 在tomcat的conf/tomcat-users.xml文件中添加管理用户，比如： <userusername="ad
  • 多线程-用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 bylijinnan java多线程
    public class IncDecThread { private int j=10; /* * 题目:用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 * 两个问题： * 1、线程同步--synchronized * 2、线程之间如何共享同一个j变量--内部类 */ public static
  • 买房历程 cfyme
        2015-06-21: 万科未来城，看房子   2015-06-26: 办理贷款手续，贷款73万，贷款利率5.65=5.3675   2015-06-27: 房子首付,签完合同   2015-06-28，央行宣布降息 0.25，就2天的时间差啊，没赶上。   首付，老婆找他的小姐妹接了5万，另外几个朋友借了1-
  • [军事与科技]制造大型太空战舰的前奏 comsci 制造
           天气热了........空调和电扇要准备好..........        最近,世界形势日趋复杂化,战争的阴影开始覆盖全世界..........        所以,我们不得不关
  • dateformat dai_lm DateFormat
    "Symbol Meaning Presentation Ex." "------ ------- ------------ ----" "G era designator (Text) AD" "y year
  • Hadoop如何实现关联计算 datamachine mapreducehadoop关联计算
        选择Hadoop，低成本和高扩展性是主要原因，但但它的开发效率实在无法让人满意。     以关联计算为例。     假设：HDFS上有2个文件，分别是客户信息和订单信息，customerID是它们之间的关联字段。如何进行关联计算，以便将客户名称添加到订单列表中？   &nbs
  • 用户模型中修改用户信息时，密码是如何处理的 dcj3sjt126com yii
    当我添加或修改用户记录的时候对于处理确认密码我遇到了一些麻烦，所有我想分享一下我是怎么处理的。 场景是使用的基本的那些(系统自带)，你需要有一个数据表(user)并且表中有一个密码字段(password),它使用 sha1、md5或其他加密方式加密用户密码。 面是它的工作流程: 当创建用户的时候密码需要加密并且保存，但当修改用户记录时如果使用同样的场景我们最终就会把用户加密过的密码再次加密，这
  • 中文 iOS/Mac 开发博客列表 dcj3sjt126com Blog
      本博客列表会不断更新维护，如果有推荐的博客，请到此处提交博客信息。 本博客列表涉及的文章内容支持 定制化Google搜索，特别感谢 JeOam 提供并帮助更新。 本博客列表也提供同步更新的OPML文件（下载OPML文件），可供导入到例如feedly等第三方定阅工具中，特别感谢 lcepy 提供自动转换脚本。这里有导入教程。
  • js去除空格，去除左右两端的空格 蕃薯耀 去除左右两端的空格js去掉所有空格js去除空格
    js去除空格，去除左右两端的空格 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>&g
  • SpringMVC4零配置--web.xml hanqunfeng springmvc4
    servlet3.0+规范后，允许servlet，filter，listener不必声明在web.xml中，而是以硬编码的方式存在，实现容器的零配置。 ServletContainerInitializer：启动容器时负责加载相关配置 package javax.servlet; import java.util.Set; public interface ServletContainer
  • 《开源框架那些事儿21》：巧借力与借巧力 j2eetop 框架UI
    同样做前端UI，为什么有人花了一点力气，就可以做好？而有的人费尽全力，仍然错误百出？我们可以先看看几个故事。 故事1：巧借力，乌鸦也可以吃核桃 有一个盛产核桃的村子，每年秋末冬初，成群的乌鸦总会来到这里，到果园里捡拾那些被果农们遗落的核桃。 核桃仁虽然美味，但是外壳那么坚硬，乌鸦怎么才能吃到呢？原来乌鸦先把核桃叼起，然后飞到高高的树枝上，再将核桃摔下去，核桃落到坚硬的地面上，被撞破了，于是，
  • JQuery EasyUI 验证扩展 可怜的猫 jqueryeasyui验证
      最近项目中用到了前端框架-- EasyUI，在做校验的时候会涉及到很多需要自定义的内容，现把常用的验证方式总结出来，留待后用。   以下内容只需要在公用js中添加即可。   使用类似于如下： <input class="easyui-textbox" name="mobile" id="mobile&
  • 架构师之httpurlconnection----------读取和发送(流读取效率通用类) nannan408
    1.前言.    如题. 2.代码. /* * Copyright (c) 2015, S.F. Express Inc. All rights reserved. */ package com.test.test.test.send; import java.io.IOException; import java.io.InputStream
  • Jquery性能优化 r361251 JavaScriptjquery
    一、注意定义jQuery变量的时候添加var关键字 这个不仅仅是jQuery，所有javascript开发过程中，都需要注意，请一定不要定义成如下： $loading = $('#loading'); //这个是全局定义，不知道哪里位置倒霉引用了相同的变量名，就会郁闷至死的 二、请使用一个var来定义变量 如果你使用多个变量的话，请如下方式定义： . 代码如下: var page
  • 在eclipse项目中使用maven管理依赖 tjj006 eclipsemaven
    概览: 如何导入maven项目至eclipse中 建立自有Maven  Java类库服务器 建立符合maven代码库标准的自定义类库 Maven在管理Java类库方面有巨大的优势，像白衣所说就是非常“环保”。 我们平时用IDE开发都是把所需要的类库一股脑的全丢到项目目录下，然后全部添加到ide的构建路径中，如果用了SVN/CVS，这样会很容易就 把
  • 中国天气网省市级联页面 x125858805 级联
    1、页面及级联js <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> &l
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他