一个不错的CSS DIV布局，DIV高度自适应

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WiseInfo</title>
<style type="text/css">
<!--
* {
 margin:0px;
 padding:0px;
}
html, body {
 height:100%;
 overflow: hidden;
}
html>body {   /*-- for !IE6.0 --*/
 width: auto;
 height: auto;
 position: absolute;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
}
body {
 border:8px solid #ffff00;
 background-color: #ffffff;
}
#mainDiv {
 width: 100%;
 height: 100%;
 _padding-left:160px;
}
#rightDiv {
 width: 100%;
 height: 100%;
 _padding:100px 0px;
}
#mainDiv>#rightDiv {
 width:auto;
 position:absolute;
 left:160px;
 right:0px;
}
#leftDiv {
 width:156px;
 height:100%;
 background-color:#99FF33;
 position:absolute;
 top:0px;
 left:0px;
}
#centerDiv {
 width: 100%;
 height: 100%;
 background-color:#00CCFF;
}
#rightDiv>#centerDiv {
 height:auto;
 position:absolute;
 top:100px;
 bottom:100px;
}
#topDiv {
 height:96px;
 width:100%;
 background-color:#9933FF;
 position:absolute;
 top:0px;
}
#bottomDiv {
 height:96px;
 width:100%;
 background-color:#FF9900;
 position:absolute;
 bottom:0px;
 _bottom:-1px; /*-- for IE6.0 --*/
}
-->
</style>
</head>
<body>
<div id="mainDiv">
  <div id="leftDiv"></div>
  <div id="rightDiv">
    <div id="topDiv"></div>
    <div id="centerDiv" style="overflow:auto;"> 阿飞撒旦发啊是发送方啊沙发
      <h1 style="width:3000px; height:2000px; background-color:#F00;"></h1>
    </div>
    <div id="bottomDiv"></div>
  </div>
</div>
</body>
</html>

出自http://bbs.blueidea.com/viewthread.php?tid=2818595&extra=page%3D1%26amp%3Bfilter%3Drate

你可能感兴趣的:(高度自适应)

  • 微信小程序仿微信聊天界面 微特尔普拉斯 微信小程序微信notepad++
    界面结构:消息列表:使用scroll-view实现滚动，每条消息使用view组件包裹，根据消息类型(文本、图片、文件)显示不同内容。输入框区域:包含输入框(textarea)、发送按钮(button)和上传文件按钮(view组件模拟)。头像:使用image组件展示。功能实现:多行输入框高度自适应:使用textarea组件的auto-height属性，并监听linechange事件动态调整高度。消息
  • uniapp scroll-view滚动触底加载 height高度自适应 影子信息 uniappuni-app
    背景：scroll-view组件是使用，官网说必须给一个高度height，否则无法滚动，所以刚开始设置了设置了一个高度，想着vh应该挺合适的；后来在不同手机应用中，发现不同手机，滚动触底加载的动态效果显示不出来。经过排查，解决办法是让height自适应。。。即，不设置height高度，在css里面设置：.content_box{min-height:0;width:100%;height:100%
  • 不同分辨率下vue页面的高度自适应 Abao vue.jsjavascript前端
    1.使用视口单位.element{height:100vh;/*使得元素高度等于视口高度的100%*//*可以减去一部分高度以适应页眉或页脚*/height:calc(100vh-100px);}2.使用百分比（%）高度.parent{height:100vh;/*父元素高度等于视口高度*/}.child{height:50%;/*子元素高度为父元素高度的50%*/}3.使用Flexbox或Gri
  • IOS开发0基础入门UIkit-3--实现一个高度自适应的UILabel和一个宽度自适应的UILabel Z编程 ios-UIkit入门ios
    1.实现一个高度自适应的UILable思路：UILabel初始化之后，先不要设置他的宽度和高度，等到设置好text属性和font属性之后，根据text的长度以及font的大小来计算UILabel控件的高度//实现一个高度自适应的uilabelUILabel*label2=[[UILabelalloc]init];label2.text=@"xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  • iOS UIScrollView高度自适应 芮淼一线
    UIScrollView经常会用来一些高度不确定的场景，要想完全展示(可滚动)需要正确计算contentSize的大小，当子控件很多时手动计算这些frame还是比较复杂，想要简单点就需要利用AutoLayout来实现自适应高度(宽度)。高度自适应时可以在UIScrollView中添加一个contentView，然后对contentView进行约束。然后将其他子控件添加到contentView中，再
  • height:0,padding-bottom:50% 流浪_8e2e
    当margin或者padding取值是百分比的时候，无论是left，right或者top，bottom，都是以父元素的width为参考物，进行提前占位，避免资源加载时候的闪烁，还可以让高度自适应。iconsexportdefault{name:'HomeIcons'}.iconsoverflow:hiddenheight:0padding-bottom:50%background:green看看效
  • 浮动元素父元素高度自适应（高度塌陷） MarciaC
    浮动元素父元素高度自适应（高度塌陷）当子元素有浮动并且父元素没有高度的情况下父元素会出现高度塌陷高度塌陷的解决方法hack1：给父元素添加声明overflow:hidden;(触发一个BFC)（缺点：超出元素会被隐藏）hack2:在浮动元素下方添加空div,并给该元素添加声明：div{clear:both;height:0;overflow:hidden;}（缺点：造成代码冗余）hack3:万能清
  • 前端--输入框换行，高度自适应 壹拾伍_0bb6
    最近项目遇到一个说小不小说大不大的问题，输入框要自动换行，并且高度还得自适应，我试了几种方式，1.input输入，input不能换行，上网查询了说将css设为word-break:break-all;word-wrap:break-word;也是无效的。2.div设置contenteditable="true"属性，这种方法可以实现输入内容自动换行，并且自适应高度，但是项目需要光标从边输入，我试过
  • flex布局下el-table表格高度自适应、表格头部固定 JCAL123 vue.jsjavascript前端css
    flex布局下el-table表格高度自适应、表格头部固定—vue技术交流群（864583465)(此群满可加2群：111822407）直接上代码固定高度固定高度import{Vue,Component}from'vue-property-decorator'@Component({})exportdefaultclassextendsVue{privatenum:number=123privat
  • Qt|QTextEdit编辑文本自动拉伸高度以及踩坑经验 糯诺诺米团 Qtqt开发语言
    最近做开放项目时，遇到了这样一个需求：使用QTextEdit编辑文本，随着编辑文本的变化，窗口高度自适应拉伸。实现该功能的核心思想：响应QTextEdit::textChanged消息，实时获取QTextEdit高度，当编辑框内容的高度超过最小值时，需要修改QTextEdit的高度。对于TextEdit编辑框自动拉伸的功能，很多博友也有记录，今天主要是针对踩坑经验分析，为大家分享！首先看一下实现效
  • vue实现瀑布流 天使的同类 瀑布流vue.jshtmlvue.js前端
    每个色块宽度一致，高度自适应VerticalLine.item-move{transition:all.5scubic-bezier(.55,0,.1,1);-webkit-transition:all.5scubic-bezier(.55,0,.1,1);}varapp=newVue({el:'#app',components:{'waterfall':Waterfall.waterfall,'
  • UITextView输入时高度自适应 NirvanaReborn凯
    这里使用的sizeThatFits方法，属于AutoLayout中的一个方法，代码如下：-(void)textViewDidChange:(UITextView*)textView{//获得textView的初始尺寸CGFloatwidth=CGRectGetWidth(textView.frame);CGFloatheight=CGRectGetHeight(textView.frame);CG
  • 微信小程序 图片自适应高度 宽度 完美适配原生或者uniapp 执波仔丶 微信小程序uni-app小程序
    -----查了一下百度看到网上图片高度自适应的解决方案基本是靠JS获取图片的宽度进行按比例计算得出图片高度。不是很符合我的需求/于是我脑瓜子一转想到一种新的解决方案不用JS计算也能完美解决。我写了一个组件，直接导入可以使用。---1.新建一个组件bl-adaptation-img.vue2.在main.js中导入//自适应图片图片高度宽度100%importblAdaptationImgfrom'
  • 实现小程序image图片宽度100%高度自适应 比奇堡的珊迪
    因为微信小程序的图片image有默认的宽高：width:320px和height:240px，所以只设置宽度100%是无效的，因为图片高度默认240px只需要添加属性mode="widthFix"设置宽度100%，.img{width:100%;}这样就可以实现图片宽度100%高度自适应，图片不会拉伸
  • Android TextView 字体大小&组件高度自适应解决方案 大渔歌_ Androidandroid
    TextView字体大小与组件高度不匹配问题通常在做UI的时候，文本都是比较重要的一部分。但是在Android中，往往会出现实际效果与UI图不太一致的情况，导致这种情况的出现主要是以下3个点。问题点属性值与实际绘制测量结果不一致字体大小字体行高组件高度解决方案自定义行高属性，严格遵从定义数值通过文本行数x行高，重新计算组件高度根据给定字号，在行高范围内，自适应调整字体高度不会超过行高，再重新设置字
  • UITableView-FDTemplateLayoutCell + 自动布局让 Cell 高度自适应 黑羽肃霜
    前提本文以Swift作为讲解，OC类似，不作赘述我们这里讨论的是纯代码方式的布局，所以XIB和Storyboard的使用方式不在本文的讨论范畴。问题描述通常情况下，我们都是通过functableView(_tableView:UITableView,heightForRowAtindexPath:IndexPath)->CGFloat{return50}提前告知每个Cell的高度。当UITable
  • 【CSS】保持元素宽高比 lynnhgwang css前端保持宽高比
    保持元素的宽高比，在视频或图片展示类页面是一个重要功能。本文介绍其常规的实现方法。实现效果当浏览器视口发生变化时，元素的尺寸随之变化，且宽高比不变。代码实现我们用最简单的元素结构来演示，实现宽高比为4：3。.box{width:50%;margin:100pxauto;background-color:pink;height://要实现高度自适应，这里就不能固定高度了。}接下来我们介绍2种方案来实
  • css-img图像同比缩小 哟哟耶耶 csscss前端
    1.HTML中使图像按比例缩小CSS来控制图像的大小，并保持其宽高比.image-container{width:300px;/*设置容器宽度*/height:auto;/*让高度自适应*/}.image-containerimg{width:100%;/*图像宽度填满容器*/height:auto;/*让高度自适应，保持宽高比*/}创建了一个包含图像的容器，并使用CSS来控制图像的大小。通过将容
  • 布局 Kiki_Q
    1.calc（100%-x）的替换[如果页头页脚一直存在页面且位置不变，写app文件统一样式]定位（内部盒子也是撑满剩余屏幕，继续通过定位来达到自适应和兼容各种浏览器）image.png情景：header和footer高50px；left固定200px，但是高度自适应屏幕铺满，不出现滚动条，右侧的table也铺满右侧下半部分，自适应.body{position:relative;.header{h
  • uniapp tab选项卡 swiper 高度自适应 使用vue nextTick 解决swiper不能及时获取高度 时间在飞飞 uni-appvueuniapptab自适应uniappuni-app选项卡自适应uniapp获取高度swiper高度自适应
    unippswipertab高度自适应使用了vuenextTick实现swiper切换自适应高度因为在uniapp中不支持vue的router-view所以选项卡选择了swiper,但是swiper的高度需要预设，不能根据内容的高度撑开，因此使用了uniapp提供的获取节点属性的api来动态设置swiper的高度setHeight(index=0){console.log('step2')cons
  • el-table魔改样式出现BUG，表格内容区域出现滚动条 ita_code bug前端elementuivuecss3
    问题：el-table表格内容区域在高度自适应的情况下冒出滚动条解决办法：代码排查后发现时我设置了fixed:“xxx”属性就会导致滚动条出现的问题，不设置则无。[{type:'index',label:'序号',fixed:'left'},{prop:'enterprisesName',label:'企业名称'},{prop:'orderAmount',label:'销售金额',format:'
  • css 保持元素宽高比 随页面宽度变化高度自适应 路光. 前端htmlcss
    目录1.效果展示2.代码内容3.代码解析（1）分析inner类写法（2）分析container类写法1.效果展示2.代码内容.item{background:red;width:50%;margin:0auto;}.inner{width:100%;height:0;padding-bottom:60%;position:relative;}.container{position:absolute
  • flex布局实现 内容区域高度自适应 goms csshtml5html
    用flex搭建一个如下页面布局（1）在主容器container中创建header、main、footer等容器(div)，display:flex开启flex布局，设置主容器的大小是很有必要的，flex布局将根据容器的大小来分配内部子元素的大小，所以配置了height:100vh;width:100%;（2）通过flex-direction:column改变容器的排列方向为竖向（3）主要通过fle
  • vue实现瀑布流布局 jojo是只猫 vuejsvue.js前端javascript
    简介：商城瀑布流，商品的图片尺寸不同，实现高低错落排列的感觉。原理：图片尺寸不一样，让宽度保持一致，高度自适应，所以后端返回了图片的原始宽高，方便计算。分成2列（可自定义），接口拿到数据，先计算出图片所占高度，在根据当前高度计算出两列中哪列矮，将数据push到哪一列。效果：代码：vue3组合式api+ts+vant{{item.name}}地点：{{item.address}}import{rea
  • 【vue】avue-crud配置大全-持续更新 王佑辉 vueavue-crud前端avuevue
    1.表格属性width:'100%',//表格宽度calcHeight:'auto',//表格高度差（主要用于减去其他部分让表格高度自适应）height:'auto',//表格高度maxHeight:'auto',//表格最大高度border:true,//是否显示表格边框expand:false,//是否展开折叠行index:false,//是否显示表格序号（根据分页会自动计算，比如每页10行，
  • Element-ui下拉框多选样式——宽高自适应 iatkotworld element-uivueuijavascript前端
    Element-ui下拉框多选样式——宽高自适应高度自适应宽度自适应高度自适应在element-ui的文档中可以看到，多选时，高度自适应是默认就有的展示方式，select组件不需要设置额外属性，如下图显示：正常情况下高度自适应已经足够使用了，但是如果option文字过多，tag横向展示时，就会出现超出输入框的异常显示情况，如下图所见：解决方法：修改css样式，修改tag宽度样式，增加文字超出显示省
  • 使用 Vue 3 + TypeScript 和 setup 语法糖实现动态计算高度，实现高度根据屏幕的高度自适应 xiaoming_0208 typescriptvue.jsubuntu
    HTML代码部分:style="{height:firstSectionHeight}"荣誉资质JS代码import{reactive,ref,computed,onMounted,onUnmounted}from'vue'//动态计算第一部分高度constfirstSectionHeight=ref('100vh');//初始化高度constcalculateFirstSectionHeight
  • 子元素浮动导致父元素高度塌陷解决方案 杨康他兄弟
    高度塌陷是指父元素在未指定高度的情况下(高度自适应子元素高度)，其内部的子元素因为设置了浮动属性，脱离文档流，导致父元素高度因为子元素的脱离变成了0。形象化如图所示：css.css.header{background-color:#333333;width:100%;height:60px;}.content{background-color:#FFFFFF;width:100%;height:1
  • uniapp使用iframe标签实现iframe高度自适应 不会切肉的小辉同学 javascript开发语言前端
    uniapp页面嵌入百度地图，但是百度地图生成的文件是html，无奈只能用iframe引入这个文件，引入后发现高度只有50%。可以添加一段代码，实现iframe高度自适应。实现代码：scrolling="no"οnlοad="this.height=this.contentWindow.document.documentElement.scrollHeight"
  • html iframe自动高度,真正解决iframe高度自适应问题 沐辉东方 htmliframe自动高度
    1.前言解决iframe高度自适应问题有两种方法1.pym2.手动设置iframe的高度本文主要是总结第二种实现方式，因为第一种pym.js插件我没用懂如果使用iframe时，遇到以下的需求：iframe的高度始终等于嵌入页面内容的高度，而不是屏幕的高度右侧不允许出现两个滚动条iframe的高度自适应不仅仅是指刚加载进来时，也有可能嵌入内容的高度会随点击变化(如：下拉菜单，左侧导航栏等)页面可能同
  • Spring4.1新特性——Spring MVC增强 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • mysql 性能查询优化 annan211 javasql优化mysql应用服务器
    1 时间到底花在哪了？ mysql在执行查询的时候需要执行一系列的子任务，这些子任务包含了整个查询周期最重要的阶段，这其中包含了大量为了 检索数据列到存储引擎的调用以及调用后的数据处理，包括排序、分组等。在完成这些任务的时候，查询需要在不同的地方 花费时间，包括网络、cpu计算、生成统计信息和执行计划、锁等待等。尤其是向底层存储引擎检索数据的调用操作。这些调用需要在内存操
  • windows系统配置 cherishLC windows
    删除Hiberfil.sys ：使用命令powercfg -h off 关闭休眠功能即可： http://jingyan.baidu.com/article/f3ad7d0fc0992e09c2345b51.html 类似的还有pagefile.sys msconfig 配置启动项 shutdown 定时关机 ipconfig 查看网络配置 ipconfig /flushdns
  • 人体的排毒时间 Array_06 工作
    ======================== ||  人体的排毒时间是什么时候？|| ======================== 转载于： http://zhidao.baidu.com/link?url=ibaGlicVslAQhVdWWVevU4TMjhiKaNBWCpZ1NS6igCQ78EkNJZFsEjCjl3T5EdXU9SaPg04bh8MbY1bR
  • ZooKeeper cugfy zookeeper
    Zookeeper是一个高性能，分布式的，开源分布式应用协调服务。它提供了简单原始的功能，分布式应用可以基于它实现更高级的服务，比如同步， 配置管理，集群管理，名空间。它被设计为易于编程，使用文件系统目录树作为数据模型。服务端跑在java上，提供java和C的客户端API。 Zookeeper是Google的Chubby一个开源的实现，是高有效和可靠的协同工作系统，Zookeeper能够用来lea
  • 网络爬虫的乱码处理 随意而生 爬虫网络
    下边简单总结下关于网络爬虫的乱码处理。注意，这里不仅是中文乱码，还包括一些如日文、韩文 、俄文、藏文之类的乱码处理，因为他们的解决方式 是一致的，故在此统一说明。     网络爬虫，有两种选择，一是选择nutch、hetriex，二是自写爬虫，两者在处理乱码时，原理是一致的，但前者处理乱码时，要看懂源码后进行修改才可以，所以要废劲一些；而后者更自由方便，可以在编码处理
  • Xcode常用快捷键 张亚雄 xcode
    一、总结的常用命令：     隐藏xcode command+h     退出xcode command+q     关闭窗口 command+w     关闭所有窗口 command+option+w     关闭当前
  • mongoDB索引操作 adminjun mongodb索引
    一、索引基础：    MongoDB的索引几乎与传统的关系型数据库一模一样，这其中也包括一些基本的优化技巧。下面是创建索引的命令：    > db.test.ensureIndex({"username":1})    可以通过下面的名称查看索引是否已经成功建立： &nbs
  • 成都软件园实习那些话 aijuans 成都 软件园 实习
    无聊之中，翻了一下日志，发现上一篇经历是很久以前的事了，悔过~~ 　　断断续续离开了学校快一年了，习惯了那里一天天的幼稚、成长的环境，到这里有点与世隔绝的感觉。不过还好，那是刚到这里时的想法，现在感觉在这挺好，不管怎么样，最要感谢的还是老师能给这么好的一次催化成长的机会，在这里确实看到了好多好多能想到或想不到的东西。 　　都说在外面和学校相比最明显的差距就是与人相处比较困难，因为在外面每个人都
  • Linux下FTP服务器安装及配置 ayaoxinchao linuxFTP服务器vsftp
    检测是否安装了FTP [root@localhost ~]# rpm -q vsftpd 如果未安装：package vsftpd is not installed  安装了则显示：vsftpd-2.0.5-28.el5累死的版本信息   安装FTP 运行yum install vsftpd命令，如[root@localhost ~]# yum install vsf
  • 使用mongo-java-driver获取文档id和查找文档 BigBird2012 driver
    注：本文所有代码都使用的mongo-java-driver实现。   在MongoDB中，一个集合（collection）在概念上就类似我们SQL数据库中的表（Table），这个集合包含了一系列文档（document）。一个DBObject对象表示我们想添加到集合（collection）中的一个文档（document），MongoDB会自动为我们创建的每个文档添加一个id，这个id在
  • JSONObject以及json串 bijian1013 jsonJSONObject
    一.JAR包简介     要使程序可以运行必须引入JSON-lib包，JSON-lib包同时依赖于以下的JAR包：     1.commons-lang-2.0.jar     2.commons-beanutils-1.7.0.jar     3.commons-collections-3.1.jar &n
  • [Zookeeper学习笔记之三]Zookeeper实例创建和会话建立的异步特性 bit1129 zookeeper
    为了说明问题，看个简单的代码，   import org.apache.zookeeper.*; import java.io.IOException; import java.util.concurrent.CountDownLatch; import java.util.concurrent.ThreadLocal
  • 【Scala十二】Scala核心六：Trait bit1129 scala
    Traits are a fundamental unit of code reuse in Scala. A trait encapsulates method and field definitions, which can then be reused by mixing them into classes. Unlike class inheritance, in which each c
  • weblogic version 10.3破解 ronin47 weblogic
    版本：WebLogic Server 10.3 说明：%DOMAIN_HOME%：指WebLogic Server 域(Domain）目录 例如我的做测试的域的根目录 DOMAIN_HOME=D:/Weblogic/Middleware/user_projects/domains/base_domain 1.为了保证操作安全，备份%DOMAIN_HOME%/security/Defa
  • 求第n个斐波那契数 BrokenDreams
            今天看到群友发的一个问题：写一个小程序打印第n个斐波那契数。         自己试了下，搞了好久。。。基础要加强了。           &nbs
  • 读《研磨设计模式》-代码笔记-访问者模式-Visitor bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; interface IVisitor { //第二次分派，Visitor调用Element void visitConcret
  • MatConvNet的excise 3改为网络配置文件形式 cherishLC matlab
    MatConvNet为vlFeat作者写的matlab下的卷积神经网络工具包，可以使用GPU。 主页： http://www.vlfeat.org/matconvnet/ 教程： http://www.robots.ox.ac.uk/~vgg/practicals/cnn/index.html 注意：需要下载新版的MatConvNet替换掉教程中工具包中的matconvnet： http
  • ZK Timeout再讨论 chenchao051 zookeepertimeouthbase
    http://crazyjvm.iteye.com/blog/1693757 文中提到相关超时问题，但是又出现了一个问题，我把min和max都设置成了180000，但是仍然出现了以下的异常信息： Client session timed out, have not heard from server in 154339ms for sessionid 0x13a3f7732340003
  • CASE WHEN 用法介绍 daizj sqlgroup bycase when
    CASE WHEN 用法介绍 1. CASE WHEN 表达式有两种形式 --简单Case函数  CASE sex  WHEN '1' THEN '男'  WHEN '2' THEN '女'  ELSE '其他' END  --Case搜索函数  CASE WHEN sex = '1' THEN
  • PHP技巧汇总:提高PHP性能的53个技巧 dcj3sjt126com PHP
    PHP技巧汇总:提高PHP性能的53个技巧　　用单引号代替双引号来包含字符串，这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量，　　单引号则不会，注意：只有echo能这么做，它是一种可以把多个字符串当作参数的函数译注：　　PHP手册中说echo是语言结构，不是真正的函数，故把函数加上了双引号)。　　1、如果能将类的方法定义成static，就尽量定义成static，它的速度会提升将近4倍
  • Yii框架中CGridView的使用方法以及详细示例 dcj3sjt126com yii
    CGridView显示一个数据项的列表中的一个表。 表中的每一行代表一个数据项的数据,和一个列通常代表一个属性的物品(一些列可能对应于复杂的表达式的属性或静态文本)。　　CGridView既支持排序和分页的数据项。排序和分页可以在AJAX模式或正常的页面请求。使用CGridView的一个好处是,当用户浏览器禁用JavaScript,排序和分页自动退化普通页面请求和仍然正常运行。 实例代码如下：
  • Maven项目打包成可执行Jar文件 dyy_gusi assembly
    Maven项目打包成可执行Jar文件 在使用Maven完成项目以后，如果是需要打包成可执行的Jar文件，我们通过eclipse的导出很麻烦，还得指定入口文件的位置，还得说明依赖的jar包，既然都使用Maven了，很重要的一个目的就是让这些繁琐的操作简单。我们可以通过插件完成这项工作，使用assembly插件。具体使用方式如下： 1、在项目中加入插件的依赖： <plugin>
  • php常见错误 geeksun PHP
    1.  kevent() reported that connect() failed (61: Connection refused) while connecting to upstream, client: 127.0.0.1, server: localhost, request: "GET / HTTP/1.1", upstream: "fastc
  • 修改linux的用户名 hongtoushizi linuxchange password
    Change Linux Username 更改Linux用户名，需要修改4个系统的文件： /etc/passwd /etc/shadow /etc/group /etc/gshadow 古老/传统的方法是使用vi去直接修改，但是这有安全隐患（具体可自己搜一下），所以后来改成使用这些命令去代替： vipw vipw -s vigr vigr -s   具体的操作顺
  • 第五章 常用Lua开发库1-redis、mysql、http客户端 jinnianshilongnian nginxlua
    对于开发来说需要有好的生态开发库来辅助我们快速开发，而Lua中也有大多数我们需要的第三方开发库如Redis、Memcached、Mysql、Http客户端、JSON、模板引擎等。 一些常见的Lua库可以在github上搜索，https://github.com/search?utf8=%E2%9C%93&q=lua+resty。   Redis客户端 lua-resty-r
  • zkClient 监控机制实现 liyonghui160com zkClient 监控机制实现
             直接使用zk的api实现业务功能比较繁琐。因为要处理session loss，session expire等异常，在发生这些异常后进行重连。又因为ZK的watcher是一次性的，如果要基于wather实现发布/订阅模式，还要自己包装一下，将一次性订阅包装成持久订阅。另外如果要使用抽象级别更高的功能，比如分布式锁，leader选举
  • 在Mysql 众多表中查找一个表名或者字段名的 SQL 语句 pda158 mysql
    在Mysql 众多表中查找一个表名或者字段名的 SQL 语句： 　　方法一：SELECT table_name, column_name from information_schema.columns WHERE column_name LIKE 'Name'; 　　方法二：SELECT column_name from information_schema.colum
  • 程序员对英语的依赖 Smile.zeng 英语程序猿
    1、程序员最基本的技能，至少要能写得出代码，当我们还在为建立类的时候思考用什么单词发牢骚的时候，英语与别人的差距就直接表现出来咯。 2、程序员最起码能认识开发工具里的英语单词，不然怎么知道使用这些开发工具。 3、进阶一点，就是能读懂别人的代码，有利于我们学习人家的思路和技术。 4、写的程序至少能有一定的可读性，至少要人别人能懂吧... 以上一些问题，充分说明了英语对程序猿的重要性。骚年
  • Oracle学习笔记(8) 使用PLSQL编写触发器 vipbooks oraclesql编程活动Access
        时间过得真快啊，转眼就到了Oracle学习笔记的最后个章节了，通过前面七章的学习大家应该对Oracle编程有了一定了了解了吧，这东东如果一段时间不用很快就会忘记了，所以我会把自己学习过的东西做好详细的笔记，用到的时候可以随时查找，马上上手！希望这些笔记能对大家有些帮助！     这是第八章的学习笔记，学习完第七章的子程序和包之后
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他