CSS實(shí)現(xiàn)完美垂直居中

流腥魚 — Fri, 17 Apr 2009 11:59:00 GMT

之前看到很多人一直都問這個(gè)問題，不過當(dāng)時(shí)我沒當(dāng)一回事，因?yàn)樵?CSS 中要垂直居中，多數(shù)是在有高度的情況下，或者容器高度不定的情況下才用，看上去比較舒服，而且實(shí)現(xiàn)的方法也不少，不一定要拘泥于和 table 布局一樣。不過最近有人問了幾個(gè)例子，看來對(duì)此的需求還不少。現(xiàn)在就把我經(jīng)驗(yàn)?zāi)贸鰜矸窒硪幌拢Ｍ蠹夜墓恼啤?/p>

首先，要有一個(gè)概念：凡是 table 布局可以實(shí)現(xiàn)的，CSS 一定可以實(shí)現(xiàn)。CSS 可以實(shí)現(xiàn)的，table 未必能做到。

現(xiàn)在來幾個(gè)例子：

一、單行內(nèi)容的居中
只考慮單行是最簡(jiǎn)單的，無論是否給容器固定高度，只要給容器設(shè)置 line-height 和 height，并使兩值相等，再加上 over-flow: hidden 就可以了

.middle-demo-1{
height: 4em;
line-height: 4em;
overflow: hidden;
}

優(yōu)點(diǎn)：
1. 同時(shí)支持塊級(jí)和內(nèi)聯(lián)極元素
2. 支持所有瀏覽器
缺點(diǎn)：
1. 只能顯示一行
2. IE中不支持等的居中
要注意的是：
1. 使用相對(duì)高度定義你的 height 和 line-height
2. 不想毀了你的布局的話，overflow: hidden 一定要
為什么？
請(qǐng)比較以下兩個(gè)例子：

[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

上一個(gè)高度是用的絕對(duì)單位px，并且沒有隱藏溢出，下一個(gè)高度用的單位是相對(duì)單位em，并且隱藏了溢出。如果你的瀏覽器支持放大字體，那么盡情地放大字體，看看會(huì)出現(xiàn)什么效果。

二、多行內(nèi)容居中，且容器高度可變
也很簡(jiǎn)單，給出一致的 padding-bottom 和 padding-top 就行

.middle-demo-2{
padding-top: 24px;
padding-bottom: 24px;
}

優(yōu)點(diǎn)：
1. 同時(shí)支持塊級(jí)和內(nèi)聯(lián)極元素
2. 支持非文本內(nèi)容
3. 支持所有瀏覽器
缺點(diǎn)：
容器不能固定高度

三、把容器當(dāng)作表格單元
CSS 提供一系列diplay屬性值，包括 display: table, display: table-row, display: table-cell 等，能把元素當(dāng)作表格單元來顯示。這是再加上 vertical-align: middle, 就和表格中的 valign="middle" 一樣了。

.middle-demo-3{
display: table-cell;
height: 300px;
vertical-align: middle;
}

可惜IE不支持這些屬性，不過在其他瀏覽器上顯示效果非常完美。
要注意的是：和一個(gè)合法的元素必須在

里一樣，display: table-cell 元素必須作為 display: table 的元素的子孫出現(xiàn)。

優(yōu)點(diǎn)：
不用說了吧，就是表格，效果和表格一模一樣
缺點(diǎn)：
IE下無效

四、以毒攻毒！用 IE 的 bug 解決 IE 中的絕對(duì)居中
先不得不說一句，IE 真的是個(gè)很爛的瀏覽器，CSS1中的定義都不支持，害得要我們轉(zhuǎn)個(gè)大圈子來造居中。不過就像我說的，凡是 table 布局可以實(shí)現(xiàn)的，CSS 一定可以實(shí)現(xiàn)，即使在 IE 里也不例外。我研究 IE layout 模式多年，還是找出了一個(gè)可以在 IE 中絕對(duì)居中的方法。這個(gè)方法就是基于 IE layout 的 bug，也可以算以毒攻毒。至于原理，不要問我，這是獨(dú)門秘學(xué)，何況三言兩語也講不清楚，只要好用就行

.middle-demo-4{
height: 300px;
position: relative;
}
.middle-demo-4 div{
position: absolute;
top: 50%;
left: 0;
}
.middle-demo-4 div div{
position: relative;
top: -50%;
left: 0;
}

五、整合三和四，寫出支持所有瀏覽器的垂直居中容器！
思路是利用 IE 和非IE 瀏覽器的 CSS hack, 整合三和四的CSS，寫出兼容主流瀏覽器的垂直居中容器。具體代碼就不給出了，大家權(quán)當(dāng)作練習(xí)練習(xí)。例子可以在下面的附錄中找到。
最終實(shí)測(cè)支持的瀏覽器：IE6+, Mozilla 1.7, Netscape Navigator 8, Opera 8.0+, Firefox 1.0+ 和 Safari 1.0+IE5 下需要加上對(duì)合適模型的補(bǔ)正。
推測(cè)支持的瀏覽器：Mozilla 1.5+, Netscape Navigator 7+, Opera 7+
未測(cè)試瀏覽器：Konqueror

最后附上自己寫的，所有居中布局的范例網(wǎng)頁，大家不明白可以參考。

<?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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Demo:: vertical align: middle</title>
<meta lang="en" name="author" content="Spenser Lee" />
<meta lang="en" name="copyright" content="(c)2006 Liberty Studio" />
<style media="screen" type="text/css">
html,body,div,h1,h2,pre,dd,ol{margin: 0;padding: 0;border: 0}
html{min-width: 779px}
body{background: #fff;color: #596480;text-align: center}
div#main-wrapper{padding: 12px 5px;width: 769px;margin: 0 auto}
div,code,p,h1,h2,address,dt,dd,li{font: normal 12px/1.5em Tahoma,"Lucida Grande",Helvetica,Verdana,Lucida,Arial,"Arial Unicode",sans-serif,serif}
h1{font-size: 22px;font-weight: bold;border-left: 12px solid #324f96;background: #e0eaf4;color: #4868a9;height: 4em;line-height: 4em;padding: 0 12px;overflow: hidden; text-align: left}
h2{font-size: 12px;font-weight: bold;background: #c0014e;color: #fff;height: 2.5em;line-height: 2.5em;padding: 0 24px;overflow: hidden;margin: 12px 0;text-align: left}
h2 a{color: #fff;background: transparent}
h2 a:hover{text-decoration: none}
p{margin: 6px 0;padding: 0 12px 0 24px;text-indent: 2em;text-align: left}
p.snap-back{text-align: right}
code{display: block;font-family: "Courier New", Courier, monospace, mono, serif;margin: 12px auto;padding: 12px;border: 1px solid #596480;color: inherit;background: #f6f6f6;text-align: left;white-space: pre;width: 350px}
strong{font-weight: bold}
em{font-style: italic}
address{display: block;padding: 0 12px;margin: 12px 0;text-align: right}
dl{margin: 6px 0;padding: 0 12px 0 24px;text-align: left}
dt{margin: 0;text-indent: 2em;font-weight: bold}
dd{margin-left: 24px;text-indent: 2em}
li{list-style: square inside none;text-align: left}
ol#table-of-content{padding-left: 24px}
a{color: #c0014e;background: transparent;text-decoration: none}
a:hover{text-decoration: underline}
div.demo{width: 400px;margin: 12px auto;border: 1px solid #596480;color: inherit;background: #ffc}
div.demo p{text-align: left;margin: 24px;text-indent: 0}
p#demo-1{margin: 12px auto;padding: 0 12px;width: 400px;text-indent: 0;border: 1px solid #596480;color: inherit;background: #ffc;line-height: 4em;height: 4em;overflow: hidden}
div#demo-2{padding: 50px 0}
div#demo-4, div#demo-5{height: 300px;position: relative}
div#demo-4 div, div#demo-5 div{position: absolute;top: 50%;left: 0}
div#demo-4 p, div#demo-5 p{position: relative;top: -50%}
div#demo-3{display: table;height: 300px;border-collapse: collapse}
div#main-wrapper>div#demo-5{position: static;display:table}
div#main-wrapper>div#demo-5>div{display:table-cell;vertical-align:middle;position:static}
div#demo-3>div{display: table-row}
div#demo-3>div>div{display: table-cell;vertical-align: middle}
span.property{font-family: "Courier New", Courier, monospace, mono, serif;border-bottom: 1px dotted #596480;background: #ffc;color: #c0014e}
p.copyright{line-height: 3em;text-align: center;border-top: 1px dotted #596480}
</style>
</head>
<body>
<div id="main-wrapper">
<h1>Demo of middled vertical align</h1>
<address>
Author: Spenser Lee, Liberty Studio<br />
Originally posted on <a  title="BlueIdea Forum">BlueIdea Forum</a>
</address>
<h2><a id="bullet-0">Table of centents:</a></h2>
<ol id="table-of-content">
<li><a href="#bullet-1" title="Single line countainer with/without a fixed height">Single line countainer with/without a fixed height</a></li>
<li><a href="#bullet-2" title="Align multi-line container which does not have a fixed height">Align multi-line container which does not have a fixed height</a></li>
<li><a href="#bullet-3" title="Simulating table layout in container with a fixed height">Simulating table layout in container with a fixed height</a></li>
<li><a href="#bullet-4" title="IE's solution">IE's solution</a></li>
<li><a href="#bullet-5" title="A perfect compounded sample">A perfect compounded sample</a></li>
</ol>
<h2><a id="bullet-1">Case One: Single line countainer with/without a fixed height</a></h2>
<p>If you only want to display a container which only holds a single line of text, you can set <span class="property">line-height</span> property to <span class="property">height</span> property, then set <span class="property">overflow</span> to hidden.</p>
<p><strong>Sample:</strong></p>
<p id="demo-1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p><strong>Core code:</strong></p>
<pre><code>.middle-demo-1{
height: 4em;
line-height: 4em;
overflow: hidden;
}</code></pre>
<dl>
<dt>Notes:</dt>
<dd>
<ol>
<li>I strongly recommend you use relative size in <span class="property">height</span> and <span class="property">line-height</span> property. <em>Why?</em> You can simply set the font size larger if your browser support it. When it gets large enough, you will see the countainer is stretched and the <span class="property">height</span> is no longer equal to <span class="property">line-height</span> property, thus, the layout is messed up. Using relative size as <span class="property">em, ex</span> or <span class="property">%</span> will let your countainer stretch with the content.</li>
<li><span class="property">overflow: hidden</span> is a must. <em>Why?</em> Same as above. Just ensure <span class="property">height</span> and <span class="property">line-height</span> are always equal.</li>
</ol>
</dd>
</dl>
<dl>
<dt>Pros:</dt>
<dd>
<ol>
<li>Fits in both <span class="property">block</span> elements and <span class="property">inline</span> elements.</li>
<li>Capable of all 5th-gen browsers.</li>
</ol>
</dd>
</dl>
<dl>
<dt>Cons:</dt>
<dd>
<ol>
<li>Text length is limited. Max with only <em>one</em> line.</li>
<li>Does not work well on none text contents such as images and objects.</li>
</ol>
</dd>
</dl>
<p class="snap-back"><a href="#bullet-0" title="Back top table of centents">Back</a></p>
<h2><a id="bullet-2">Case Two: Align multi-line container which does not have a fixed height</a></h2>
<p>In this case, we should simply set a pair of fixed equivalences to padding-top and padding-bottom attribute. It works on both IE and non-IE browsers.</p>
<p><strong>Sample:</strong></p>
<div class="demo" id="demo-2">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas dignissim diam eu sem. Proin nunc ante, accumsan sollicitudin, sodales at, semper sed, ipsum. Etiam orci. Vestibulum magna lectus, venenatis nec, tempus ac, dictum vel, lorem.</p>
</div>
<p><strong>Core code:</strong></p>
<pre><code>.middle-demo-2{
padding-top: 24px;
padding-bottom: 24px;
}</code></pre>
<dl>
<dt>Pros:</dt>
<dd>
<ol>
<li>Fits in both <span class="property">block</span> elements and <span class="property">inline</span> elements.</li>
<li>Works on none text contents as fine as text contents.</li>
<li>Capable of all 5th-gen browsers. Might need a little tune-up for the box model bug of IE5 though.</li>
</ol>
</dd>
</dl>
<dl>
<dt>Cons:</dt>
<dd>
<ol>
<li>You can <em>not</em> assign height in this solution.</li>
</ol>
</dd>
</dl>
<p class="snap-back"><a href="#bullet-0" title="Back top table of centents">Back</a></p>
<h2><a id="bullet-3">Case Three: Simulating table layout in container with a fixed height</a></h2>
<p>CSS offers a set of very convenient display atrribute values called <span class="property">display: table</span>, <span class="property">display: table-row</span>, <span class="property">display: table-cell</span> and other display values begin with <span class="property">table-</span>. It offers a way to simulate table layout in all elements. As a result, any element with <span class="property">display: table-cell</span>, <span class="property">vertical-align: middle</span> and a fixed height will display exactly like a table cell.</p>
<p><strong>Sample:</strong> (You may not be able to view the effect on IE)</p>
<div class="demo" id="demo-3">
<div><div><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas dignissim diam eu sem. Proin nunc ante, accumsan sollicitudin, sodales at, semper sed, ipsum. Etiam orci. Vestibulum magna lectus, venenatis nec, tempus ac, dictum vel, lorem.</p></div></div>
</div>
<p><strong>Core code:</strong></p>
<pre><code>.middle-demo-3{
display: table-cell;
height: 300px;
vertical-align: middle;
}</code></pre>
<dl>
<dt>Notes:</dt>
<dd>
<ol>
<li><span class="property">display: table-cell</span> must work with other elements with <span class="property">display: table</span> value sets in order to form a literal table. Or it might cause unexceptable bugs.</li>
<li>Sadly IE series (including the latest IE 7 beta) does not support any of <span class="property">display: table</span> values, so it won't work in IE.</li>
</ol>
</dd>
</dl>
<dl>
<dt>Pros:</dt>
<dd>
<ol>
<li>It has the most perfect render for <span class="property">vertical-align: middle</span> align.</li>
</ol>
</dd>
</dl>
<dl>
<dt>Cons:</dt>
<dd>
<ol>
<li>It only works in latest versions of non-IE browsers, such as Mozilla, Firefox, Netscape 8, Opera 8, and Safari.</li>
</ol>
</dd>
</dl>
<p class="snap-back"><a href="#bullet-0" title="Back top table of centents">Back</a></p>
<h2><a id="bullet-4">Case Four: IE's solution</a></h2>
<p>Since IE is a lame browser when it comes to ANYTHING, so you can't use the solution above simply because IE does not recognize it at all. However, <strong>there has been nothing yet you can not code with CSS if you have already coded it with table</strong>. It even offers you possibility to layout your page that tables can not do!</p>
<p>So what's the solution for IE? Like what we always do: Hit IE's back with the BUGS it offers!</p>
<p><strong>Sample:</strong> (You are able to view the correct result only on IE)</p>
<div class="demo" id="demo-4">
<div><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas dignissim diam eu sem. Proin nunc ante, accumsan sollicitudin, sodales at, semper sed, ipsum. Etiam orci. Vestibulum magna lectus, venenatis nec, tempus ac, dictum vel, lorem.</p></div>
</div>
<pre><code>.middle-demo-4{
height: 300px;
position: relative;
}
.middle-demo-4 div{
position: absolute;
top: 50%;
left: 0;
}
.middle-demo-4 div div{
position: relative;
top: -50%;
left: 0;
}</code></pre>
<p>See? Don't ask me why it worked. This hack is based on years of study in IE's own stupid layout model and it works very well, even in IE5 given the box width hack. I won't tell you the theory behind all these. It's my top secret, with which I solved a lot of other cross browser layout problems, and I'm not going to share it with you. But you are free to use this IE hack It's kinda handful in most occassions.</p>
<dl>
<dt>Pros:</dt>
<dd>
<ol>
<li>The only perfect vertical align method in IE. It works even better then add automatic <span class="property">padding</span>s.</li>
</ol>
</dd>
</dl>
<dl>
<dt>Cons:</dt>
<dd>
<ol>
<li>After all it's a CSS hack. We can avoid it if not for IE.</li>
</ol>
</dd>
</dl>
<p class="snap-back"><a href="#bullet-0" title="Back top table of centents">Back</a></p>
<h2><a id="bullet-5">Case Five: A perfect compounded sample</a></h2>
<p>Here's the perfect compounded solution on vertical centering that works on almost all latest browsers.</p>
<p><strong>Sample:</strong> (This works on almost all browsers)</p>
<div class="demo" id="demo-5">
<div><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas dignissim diam eu sem. Proin nunc ante, accumsan sollicitudin, sodales at, semper sed, ipsum. Etiam orci. Vestibulum magna lectus, venenatis nec, tempus ac, dictum vel, lorem.</p></div>
</div>
<p>I'm not going to give you the full code of this one. But it's not difficult to write it yourself, with the solution of case 3 and 4, and a little knowledge in IE/non-IE CSS hackers. And actually the hacking style is not limited, so I don't want to force you to use my hacking style neither. Stop being lazy, and write the code yourself!</p>
<dl>
<dt>Browser capability:</dt>
<dd>
<ol>
<li>Works on: IE6+, Mozilla 1.5+, Netscape Navigator 7+, Opera 7+, Firefox 1.0+ and Safari 1.0+</li>
<li>On IE5, you might need to apply the box model hacker to make the height correct.</li>
<li>Untested: WebOmini, Konqueror.</li>
<li>Fails on: Other browsers not reffered in the list above.</li>
</ol>
</dd>
</dl>
<p class="snap-back"><a href="#bullet-0" title="Back top table of centents">Back</a></p>
<p class="copyright">Copyright © Spenser Lee, 2006 Liberty Studio</p>
</div>
</body>
</html>

[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

流腥魚 2009-04-17 19:59 發(fā)表評(píng)論

Birt報(bào)表使用連接池配置

流腥魚 — Thu, 19 Mar 2009 02:46:00 GMT

現(xiàn)階段我們?cè)陂_發(fā)報(bào)表的時(shí)候，是使用jdbc鏈接數(shù)據(jù)庫的，為提高報(bào)表的運(yùn)行效率和穩(wěn)定性，使用連接池進(jìn)行管理。比較簡(jiǎn)便和低耦合的解決辦法，使用jndi連接池。

jdbc和jndi的區(qū)別

JDBC -最基本的連接數(shù)據(jù)庫的方式，每次對(duì)數(shù)據(jù)庫打交道的時(shí)候，連接數(shù)據(jù)庫是需要實(shí)例下你實(shí)現(xiàn)連接數(shù)據(jù)庫的方法或者類。
JNDI DataSource 英文全稱是:Java Naming and Directory Interface java 命明接口，當(dāng)服務(wù)啟動(dòng)時(shí) 事先把連接數(shù)據(jù)庫的已經(jīng)連好多條，具體多少條你可以設(shè)置，存放在tomcat容器里，用的時(shí)候可以直接使用，不用再實(shí)例化得到連接，相對(duì)與jdbc效率要快點(diǎn)

在eclipse設(shè)計(jì)報(bào)表的時(shí)候，我們使用jdbc鏈接數(shù)據(jù)庫做測(cè)試，當(dāng)?shù)搅藅omcat運(yùn)行環(huán)境中切換到j(luò)ndi連接池，這是比較方便的開發(fā)方法。

實(shí)現(xiàn)步驟：

1.tomcat配置jndi連接池

在 {tomcat目錄}\webapps\{項(xiàng)目名}\META-INF 中新增context.xml文件，配置代碼如下

xml version="1.0" encoding="UTF-8"?>
<Context>
<Resource
      auth="Container"
      name="jdbc/travel_agency"
      type="javax.sql.DataSource"
      maxIdle="5"
      maxWait="-1"
   driverClassName="com.mysql.jdbc.Driver"
      username="itravel"
   password="709394"
      url="jdbc:mysql://192.168.1.100/travel_agency?useUnicode=true&characterEncoding=UTF-8"
      maxActive="10"/>
Context>

2.在web.xml中加入配置

<resource-ref>
    <description>Database Sourcedescription>
    <res-ref-name>jdbc/travel_agencyres-ref-name>
    <res-type>javax.sql.DataSourceres-type>
    <res-auth>Containerres-auth>
resource-ref>

3.實(shí)例報(bào)表中數(shù)據(jù)源代碼

1 <data-sources>
2        <oda-data-source extensionID="org.eclipse.birt.report.data.oda.jdbc" name="數(shù)據(jù)源" id="227">
3            <property name="odaDriverClass">com.mysql.jdbc.Driverproperty>
4            <property name="odaURL">jdbc:mysql://192.168.1.100/travel_agencyproperty>
5            <property name="odaUser">itravelproperty>
6            <encrypted-property name="odaPassword" encryptionID="base64">NzA5Mzk0encrypted-property>
7            <property name="odaJndiName">java:comp/env/jdbc/travel_agencyproperty>
8        oda-data-source>
9    data-sources>

除了第7行 <property name="odaJndiName">java:comp/env/jdbc/travel_agencyproperty>，其余是我們的之前的配置。用了第7行的代碼，表示該報(bào)表支持jndi數(shù)據(jù)源，birt在運(yùn)行報(bào)表的時(shí)候，會(huì)先用jndi去連接，如果失敗了再用jdbc鏈接，這樣做的好處就是，我們?cè)陂_發(fā)報(bào)表的時(shí)候，沒有放到web環(huán)境中，可以使用jdbc，當(dāng)放到tomcat中，因?yàn)橛辛说?行的配置。默認(rèn)采用jdni連接。

流腥魚 2009-03-19 10:46 發(fā)表評(píng)論

Birt報(bào)表安全權(quán)限方案

流腥魚 — Thu, 19 Mar 2009 02:42:00 GMT

從論壇的一篇文章（http://www.javaeye.com/topic/335078）得知，在BIRT VIEWER SERVLET內(nèi)部也有認(rèn)證接口代碼，只是簡(jiǎn)單的返回了true，沒有做處理。BIRT VIEWER SERVLET是報(bào)表處理的入口，該接口如果返回flase，那么報(bào)表將不會(huì)顯示，目標(biāo)就是在該接口加入我們自己的邏輯實(shí)現(xiàn)，本階段先實(shí)現(xiàn)簡(jiǎn)單的安全認(rèn)證，即在沒有登錄的情況下無法訪問報(bào)表。

處理步驟：

1.把birt viewer項(xiàng)目和現(xiàn)有項(xiàng)目整合在一起（為了讓birt viewer項(xiàng)目能獲取到現(xiàn)有項(xiàng)目的session）

2.修改BIRT VIEWER SERVLET類，該類源碼在org.eclipse.birt.report.servlet.BirtEngineServlet下面，找到函數(shù)經(jīng)行修改，紅色為新增部分

/**
* Local authentication.
*
* @param request
*            incoming http request
* @param response
*            http response
* @return
*/
protected boolean __authenticate( HttpServletRequest request,
   HttpServletResponse response )
{

  //報(bào)表權(quán)限，沒有登錄訪問不了
  if(request.getSession().getAttribute("user")==null)
  {
   return false;
  }

  return true;
}

3.將該類編譯后放進(jìn)BIRT包里面。

流腥魚 2009-03-19 10:42 發(fā)表評(píng)論

一個(gè)不錯(cuò)的js時(shí)間控件，支持雙月顯示，和多天選擇

流腥魚 — Mon, 16 Feb 2009 16:26:00 GMT

http://www.overset.com/2008/05/12/multiday-calendar-datepicker-jquery-plugin/

流腥魚 2009-02-17 00:26 發(fā)表評(píng)論

工作流任務(wù)環(huán)節(jié)權(quán)限設(shè)計(jì)

流腥魚 — Thu, 12 Feb 2009 09:27:00 GMT

1.組織機(jī)構(gòu)的完善

工作流中的權(quán)限設(shè)置往往是比較復(fù)雜的，如審批中經(jīng)常需要某部門的主管審批，或者某個(gè)人的上級(jí)領(lǐng)導(dǎo)審批等等。

為了滿足需求的多樣化，在原來的組織機(jī)構(gòu)基礎(chǔ)上引入崗位的模型，每個(gè)員工都對(duì)應(yīng)一個(gè)部門和一個(gè)崗位。部門中設(shè)置主管的崗位。有個(gè)這個(gè)關(guān)系，這樣可以比較清楚地查找某個(gè)人的上級(jí)領(lǐng)導(dǎo)，或者是某個(gè)部門的主管。

2.工作流節(jié)點(diǎn)中設(shè)置執(zhí)行者方案

6種方式定義執(zhí)行者

1.指定人

通過在組織結(jié)構(gòu)樹中點(diǎn)選具體的某些人。

2.指定崗位

在崗位樹中指定執(zhí)行的崗位。

3.指定部門

在組織機(jī)構(gòu)樹中指定執(zhí)行的部門

4.指定角色

角色是某些邏輯上相識(shí)的一個(gè)組定義。選擇某個(gè)角色。

5.相對(duì)執(zhí)行人

在流程還沒有開啟之前，執(zhí)行者是誰是未知的，所以這里的指定是相對(duì)的，當(dāng)流程開啟的時(shí)候才能確定，這里可以設(shè)置相對(duì)執(zhí)行人的部門主管、相對(duì)執(zhí)行人的上級(jí)主管、相對(duì)執(zhí)行人的所在部門、執(zhí)行人自己這4個(gè)情況。

6.表單確定

有些流程不在定義的時(shí)候確定，是由上一節(jié)點(diǎn)執(zhí)行者確定的。

前五種方式可以混合，只要登錄者復(fù)合定義制定人的并集，就有權(quán)限在待辦任務(wù)中看到等待處理任務(wù)并有權(quán)限執(zhí)行。

流腥魚 2009-02-12 17:27 發(fā)表評(píng)論

linux關(guān)閉tomcat進(jìn)程

流腥魚 — Fri, 09 Jan 2009 10:28:00 GMT

ps -ef |grep tomcat
kill -9 端口

流腥魚 2009-01-09 18:28 發(fā)表評(píng)論

使用兩個(gè)IP實(shí)現(xiàn)IIS和Tomcat或Apache共用80端口的方法（轉(zhuǎn)）

流腥魚 — Fri, 26 Dec 2008 10:36:00 GMT

前段時(shí)間有個(gè)JSP網(wǎng)站要在服務(wù)器上部署，由于服務(wù)器上根本沒配置過jsp環(huán)境，于是裝了Jdk和Tomcat，過程還算順利，很快就安裝好了，但是Tomcat的默認(rèn)端口是8080，訪問網(wǎng)站也帶個(gè)端口多么不爽，因?yàn)榉?wù)器上有很多ASP站點(diǎn)，又不能不用IIS，于是第一個(gè)想到的便是跟IIS6.0整合，baidu google了大半天，搜出來文章倒是很多，也不知是由于我安裝的是最新的JDK和Tomcat，的原因還是權(quán)限原因（為了安全，更改過多處權(quán)限），總之就是不成功，換了兩臺(tái)服務(wù)器也沒配置成功，到最后不是不能正確運(yùn)行，就是提示函數(shù)不正確，到網(wǎng)上搜，很多人問之類的問題，但幾乎沒有人正了把經(jīng)回答的，有些“熱心”的倒還說兩句“重裝一下看看?”“再從頭到尾檢查一遍試試”。。。算了還是自己搞吧。

  繼續(xù)搞啊搞，還是不行，最后干脆不搞了，心想即使弄好了，性能還不知怎么樣呢。于是想另外的解決方法，因?yàn)榉?wù)器所在的網(wǎng)絡(luò)有空閑的ip，便想何不讓IIS用一個(gè)ip，Tomcat用一個(gè)ip，都使用80端口？問了幾個(gè)人都說不行，兩個(gè)軟件用同一個(gè)端口那不沖突么，也有的說兩個(gè)ip那得需要兩塊網(wǎng)卡啊。服務(wù)器上倒是有兩塊網(wǎng)卡，但就插了一根網(wǎng)線，另一個(gè)閑著。我就是要用一塊網(wǎng)卡，兩個(gè)ip，因?yàn)樵赥CP/ip協(xié)議屬性-》高級(jí)中，一塊網(wǎng)卡是可以添加多個(gè)ip地址的，iis與Tomcat分別監(jiān)聽不同ip的80端口，OK，開始吧。

  我們知道IIS默認(rèn)情況下是監(jiān)聽所有ip地址的80端口的，也就是說，在網(wǎng)站屬性中只要選擇“全部未分配”，則該網(wǎng)站就可以使用所有本機(jī)可用的ip地址。顯然這個(gè)不符合我們現(xiàn)在的要求，我們首先將IIS所有站點(diǎn)當(dāng)中全部改為指定IIS要監(jiān)聽的IP地址，包括默認(rèn)站點(diǎn)，例如全部改為61.156.31.1。再在網(wǎng)卡中加一個(gè)ip，也就是在TCP/ip高級(jí)屬性中再加一個(gè)可用的ip，這樣一塊網(wǎng)卡就可以使用兩個(gè)或更多個(gè)ip了，看似很簡(jiǎn)單的操作可能有很多人不知道，認(rèn)為一塊網(wǎng)卡只能設(shè)一個(gè)ip，呵呵。

  接下來最關(guān)鍵的一步開始了，便是禁用IIS的套接字池(如果這一步?jīng)]調(diào)好，便不會(huì)成功)，在微軟官方網(wǎng)站上有解釋：

http://support.microsoft.com/kb/238131/zh-cn

概要
在下列情況下，您可能需要禁用套接字池：
1、承載的站點(diǎn)數(shù)目不多。
2、有特殊的安全考慮。
3、另一個(gè)應(yīng)用程序或服務(wù)器需要某個(gè) IP 地址上的端口 80。

更多信息
套接字池會(huì)導(dǎo)致“Internet 信息服務(wù)”(IIS) 偵聽所有 IP 地址，這樣，可能會(huì)對(duì)具有多個(gè)網(wǎng)絡(luò)的安全域造成安全隱患。另外，帶寬調(diào)節(jié)和性能調(diào)整會(huì)應(yīng)用于所有針對(duì)同一端口（例如，端口 80）進(jìn)行配置的 Web 站點(diǎn)。如果基于每個(gè)站點(diǎn)進(jìn)行帶寬調(diào)節(jié)或性能調(diào)整，則必須禁用套接字池。

由于 DisableSocketPooling 在 IIS 6.0 元數(shù)據(jù)庫架構(gòu) (MBSchema.xml) 中被定義為有效屬性，所以，您仍然可以使用 Adsutil.vbs 設(shè)置該屬性，但這種設(shè)置不起作用。IIS 6.0 中的功能是新增的核心級(jí)別驅(qū)動(dòng)程序HTTP.sys 的一部分。要配置 HTTP.sys，您必須使用Httpcfg.exe。有關(guān)如何在 IIS 6.0 中禁用套接字池的其他信息，請(qǐng)單擊下面的文章編號(hào)，以查看 Microsoft 知識(shí)庫中相應(yīng)的文章：
813368 (http://support.microsoft.com/kb/813368/) IIS 6.0：設(shè)置配置數(shù)據(jù)庫數(shù)據(jù) DisableSocketPooling 沒有作用

要禁用套接字池，請(qǐng)執(zhí)行下列步驟：
1. 打開命令提示符并確保您位于 X:\Inetpub\Adminscripts 文件夾（其中 X 是 IIS 安裝驅(qū)動(dòng)器）中。為此，請(qǐng)?jiān)诿钐崾痉骆I入以下

行：
X:

CD\Inetpub\Adminscripts

2. 打開 Adminscripts 文件夾后，請(qǐng)?jiān)诿钐崾痉骆I入以下行：
cscript adsutil.vbs set w3svc/disablesocketpooling true
3. 該命令反饋如下：
disablesocketpooling :(BOOLEAN) True
4. 停止 IIS Admin 服務(wù)，然后再啟動(dòng)它。
5. 重新啟動(dòng) WWW 服務(wù)。

好了，接下來設(shè)置IIS要監(jiān)聽的ip地址。到2003的CD下的 support/tools/Support.cab。解壓出httpcfg.exe文件，COPY到

windows/system32/目錄下，用法自己看幫助
命令行：
綁定到某IP： httpcfg set iplisten -i 61.156.31.1
即命令使用IIS的只監(jiān)聽指定的IP及端口
查看綁定： httpcfg query iplisten
刪除綁定： httpcfg delete iplisten -i 61.156.31.1

IIS部分到此就設(shè)置好了，接下來設(shè)置Tomcat，當(dāng)然或者你用Apache，Resin等也都可以，在Tomcat的配置文件Server.xml里找到

在后面添加上需要Tomcat監(jiān)聽的ip地址即可，例如：address="61.156.31.2"  Apache，Resin或者其他WEB服務(wù)器軟件都應(yīng)該有相應(yīng)的設(shè)置的，自己找一下即可。

好了接下來重啟IIS，重啟Tomcat或Apache，怎么？啟動(dòng)失敗？提示端口占用？是啊，我也遇到這種情況，搗鼓了大半天要是再不成功我就要放棄了。實(shí)在無奈之下重啟了一下服務(wù)器，哇，好啦。測(cè)試一下61.156.31.1訪問的是IIS，61.156.31.2訪問的是Tomcat可愛的大貓。

實(shí)際上，實(shí)現(xiàn)IIS和Apache或Tomcat公用80的方法還很多，例如IIS設(shè)置8080，Apache設(shè)置80，利用Apache反向代理IIS的8080，當(dāng)然也可以用NT下面的squid。或者在IIS中安裝IIS的Isapi Rewrite，利用IIS的反向代理代理Apache，當(dāng)然如果IIS站點(diǎn)少，Apache站點(diǎn)多就用第一種方法，IIS站點(diǎn)多，Apache站點(diǎn)少就用第二種方法，但這兩種方法在性能上都不是很好，Apache在Windows下的反向代理也有BUG，經(jīng)常出現(xiàn)Proxy Error的提示，至于IIS的反向代理沒用過，因?yàn)镮IS的ISAPI帶反向代理功能的是要收費(fèi)的。http://www.xpb.cn/blog/623.html

流腥魚 2008-12-26 18:36 發(fā)表評(píng)論

eclipse svn插件不能正常顯示的解決辦法

流腥魚 — Tue, 16 Dec 2008 08:34:00 GMT

eclipse 中使用 svn 插件，原本正常，未作任何更改，突然有一天， eclipse 中查看文件時(shí)，文件后面的版本號(hào) 、文件的狀態(tài)圖標(biāo) 等等都不見了。

檢查插件都在，更新，提交等操作都能正常使用，唯獨(dú)看不到狀態(tài)了。

經(jīng)過一番查找，找到問題解決辦法。

打開： windows ->preferences->General->Appearance->Lable Decorations 勾選其中的 SVN 項(xiàng)即可。

流腥魚 2008-12-16 16:34 發(fā)表評(píng)論

亚洲午夜福利在线视频,亚洲AV成人无码久久WWW,亚洲成av人在片观看

cas單點(diǎn)登錄配置速成

eclipse使用svn插件，狀態(tài)圖標(biāo)、版本號(hào)不能顯示的解決辦法