麥當勞培根季<<田園培根雙牛堡>>美味推薦

From: Polin Wei

From: Polin Wei 麥當勞培根季 意想不到的美味推薦

　　芭啦芭芭芭...I'm lovin' it ! 麥當勞推出新口味 "田園培根雙牛堡" 。今天一下班就帶著小崴崴往麥當勞跑...才一進門就看到它各式各樣大小的廣告。

　看來這一次麥當勞是下重本來推銷這款新口味"田園培根雙牛堡" ，今天沒來好好品嚐它一下，怎麼對得起我的胃呢? 因為太餓了，一下子就點了一堆的食物，滿滿的一盤子，真是令人食指大動...

　　別急...別急...照相留記念後再享用嘛!!

　"田園培根雙牛堡" ...那兩片培根...爽口的大黃瓜...雙份的澳洲牛肉...再淋上特製的煙燻培根醬，煙燻的味道...微酸大黃瓜的口感...紮實的牛肉...濃郁的吉事片...這些 MIX 在一起，讓那味道變得完全不一樣，超讚!! 真是太超過了...真是太超值了啦!!

　　瞧我們滿足的樣子...時間就應該浪費在美好的食物上...多了兩片...味道變得更美味，快來嚐嚐就知道它的威力了...再來給它個特寫當作 Ending...
更多都在 http://www.mcdonalds.com.tw/Campaign_2008_Bacon/index.html

[Hyperion] Interactive Reporting 資料分析與報表產生的利器

From: Polin Wei

　　Hyperion Interactive Reporting 是 Oracle BI (Business Intelligence Suite Enterprise Edition Plus)系統中的模組之一，它可以輕鬆的幫你製作 Report, Pivot, Chart, Dashboard, 若只想單純查詢資料時, 也可只用它的 Query 產生的 Results就可以了. 不需要下任何的 SQL 語法.

　　Hyperion Interactive Reporting 有 Server & Client 的版本，今天以 Client版本來作示範．所需要的安裝程式可以上 Oracle 的網站抓．

實作:
　　新建立一個資料庫的連結 File->New ,並將此連結檔名存成 ODBCDemo.oce

• 選擇 ODBC 連結

• User Name :空白
• Password: 空白
• Host: Hyperion Client Sample

　　再依下圖將所需要的 table (Periods Days, Sales Fact, Products, Regions, Stores)拉進來, 將要查的欄位放在 Request 裡．



再按 Process ，就可以自動產生 Results值了




對於製作報表也輕鬆易舉

[Java] log4j 的說明及實作

From: Polin Wei

簡介 Introduction
　　Log4j 是一套開放源碼的工具,方便編程人員在程式中加入 log 機制,並輸出到各種目標上。Log4j 能夠透過外部的設定檔(properites 或 XML)進行設定。Log4j 能夠將 log message 寫到 console, 檔案,串流,TCP 協定的伺服器, Unix Syslog daemon 等。詳細的說明可以參考官方網 log4j

組成 Log4j 的三大元件(Loggers, Appenders and Layouts) :

• Logger - 由編程人員在程式中使用,進行 logging 的元件
• Appender - 負責將 log message 輸出到各種裝置上
• Layout - 決定 log message 的格式

Loggers：
　　Logger 可以被指派等級。能夠指派給 Logger 的等級有 : DEBUG, INFO, WARN, ERROR, FATAL 5 種,定義在 org.apache.log4j.Level 類別中。這 5 種等級的高低順序為 FATAL > ERROR > WARN > DEBUG > INFO 。

　　Logger 的等級決定它產生 log message 的數量 : Logger 只寫"出高於或等於本身等級"的 log message。例如某個 Logger 的等級被設定為 WARN,那麼它只會寫出等級為 WARN, ERROR, FATAL 的 log message,對於 DEBUG, INFO 的 log message 則不予理會。

　　若是 Logger 的等級未被設定,則會自動使用 parent(上一層) 的等級。如果程式中所有的 Logger 都未設定等級,則由 root logger 決定。

　　Logger 之間以名稱區分,所以在程式中任何地方,呼叫 Logger.getLogger(),並傳入同一個 Logger 名稱,則會得到同一個 Logger 的 reference。

　　Logger 之間以名稱區分出階層。即使父階層在程式中出現的時機比子階層晚,例如 "com.foo" logger 比 "com.foo.bar" 被取得的時間來得晚,"com.foo" 仍然是 "com.foo.bar" 的父階層(會影響到子階層 logger 未被定義的屬性, log 等級, appender, layout )。

Appenders：
　　透過 Appender, Logger 能夠將 log message 輸出到指定的裝置上。一個 Logger 能夠擁有多個 Appender,所以 Logger 能夠同時將 log message 輸出到多個個裝置上。

　　Appender 的設定亦會反映在 Logger 的階層中。當 Logger 輸出一筆 log message 時,父階層的 Appender 和自己的 Appender(如果有的話)都會記錄到這筆 log message;

　　例如 "com.foo" Logger 有一個 Appender 將 log message 輸出到 console,而 "com.foo.bar" 有一個 Appender 將 log message 輸出到檔案;當 "com.foo.bar" Logger 輸出一筆 log message 時, console 和檔案都會出現這筆 log message。

　　而最簡單的例子,就是當 root logger 擁有一個輸出到 console 的 Appender 時,則程式中所有的 logger 所產生的 log message 都會輸出到 console。唯一個例外的情況,就是當某個 logger 將自己的 additivity 屬性設為 false(Logger.setAdditivity(false)),則此 logger 與隸屬於它的子 logger 都不會將 log message 寫到 console。

Layouts:
　　可以透過 Layout 的配置,自由改變 Logger 寫出 log message 的格式。例如,為 Logger 加入一個 conversion pattern 為 "%r [%t] %-5p %c - %m%n" 的 PatternLayout,則輸出的 log message 就可能會像下列這樣:

176 [main] INFO org.foo.Bar - Located nearest gas station.

PatternLayout 的 格式字元列表如下:

# %c 輸出日誌訊息所屬的類別的全名
# %d 輸出日誌時間點的日期或時間，指定格式的方式：%d{yyy-MM-dd HH:mm:ss }。
# %l 輸出日誌事件的發生位置，即輸出日誌訊息的語句處於它所在的類別的第幾行。
# %m 輸出訊息，如log(message)中的message。
# %n 輸出一個列尾符號。
# %p 輸出優先階層，即DEBUG，INFO，WARN，ERROR，FATAL。如果是調用debug()輸出的，則為DEBUG，依此類推。
# %r 輸出自應用啟動到輸出該日誌訊息所耗費的毫秒數。
# %t 輸出產生該日誌事件的線程名。
# %r 輸出自應用啟動到輸出該日誌訊息所耗費的毫秒數。
# %f 輸出日誌訊息所屬的類別的類別名。

Layout 亦會反映在 Logger 的階層上。

---

實作：

1. 修改 log4j.xml 檔
　　在JBOSS(version:4.0.3SP1) 上的 log4j.xml 實作，可以分兩個層次來看:

• 一是修改 Server 端的 log4j.xml ，檔案在：$JBOSS_HOME/server/default/conf/log4j.xml
• 一是修改每個Prjoject中的 $Java Resource/src 程式原始檔目錄下的 log4j.xml
  

這兩個檔案內容大致相同，差異只在 Project 端的 logger 參數在 Server 端要改成 category

Server 端的 log4j.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE log4j:configuration SYSTEM "log4j.dtd">

<!-- ============================================================ -->
<!--  Log4j Configuration -->
<!-- ============================================================ -->


<log4j:configuration xmlns:log4j="http://jakarta.apache.org/log4j/" debug="false">

   <!-- ======================== -->
   <!-- Preserve messages in a local file -->
   <!-- ======================== -->

   <!-- A time/date based rolling appender 定義 log message 輸出FILE檔案 -->
   <appender name="FILE" class="org.jboss.logging.appender.DailyRollingFileAppender">
      <errorHandler class="org.jboss.logging.util.OnlyOnceErrorHandler"/>
      <param name="File" value="${jboss.server.home.dir}/log/server.log"/>
      <param name="Append" value="false"/>

      <!-- Rollover at midnight each day -->
      <param name="DatePattern" value="'.'yyyy-MM-dd"/>

      <!-- 定義 log message 的格式 -->
      <layout class="org.apache.log4j.PatternLayout">
         <!-- The default pattern: Date Priority [Category] Message\n -->
         <param name="ConversionPattern" value="%d %-5p [%c] %m%n"/>

      </layout>
   </appender>


   <!-- ===================================================== -->
   <!-- Append messages to the console 定義 log message 輸出 Console -->
   <!-- ===================================================== -->

   <appender name="CONSOLE" class="org.apache.log4j.ConsoleAppender">
      <errorHandler class="org.jboss.logging.util.OnlyOnceErrorHandler"/>
      <param name="Target" value="System.out"/>
      <param name="Threshold" value="INFO"/>

      <!-- 定義 log message 的格式 -->
      <layout class="org.apache.log4j.PatternLayout">
         <!-- The default pattern: Date Priority [Category] Message\n -->
         <param name="ConversionPattern" value="%d{ABSOLUTE} %-5p [%c{1}] %m%n"/>
      </layout>
   </appender>

   
   <!-- ========================================= -->
   <!-- Limit categories 對 class: com.demos 作偵錯觀察 -->
   <!-- ========================================= -->
   <category name="com.demos">
      <priority value="DEBUG"/>
   </category>

   <!-- ============================ -->
   <!-- Setup the Root category 設定 log 要在那裡產生 -->
   <!-- ============================ -->

   <root>
      <appender-ref ref="CONSOLE"/>
      <appender-ref ref="FILE"/>
   </root>

</log4j:configuration>

Project 端的 log4j.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE log4j:configuration SYSTEM "log4j.dtd">
<log4j:configuration xmlns:log4j="http://jakarta.apache.org/log4j/">

   <!-- ===================================================== -->
   <!-- Append messages to the console 定義 log message 輸出至 Console 及 log 內容格式 -->
   <!-- ===================================================== -->
    <appender name="default" class="org.apache.log4j.ConsoleAppender">
        <param name="target" value="System.out" />
        <layout class="org.apache.log4j.PatternLayout">
            <param name="ConversionPattern"
                value="[%p] %d{dd MMM hh:mm:ss.SSS aa} %t [%C-%M]%n%m%n%n" />
        </layout>
    </appender>

    <!-- 設定要偵錯的 calss: com.demos 及 log 要輸出到那一個裝置-->
    <logger name="com.demos">
        <level value="debug" />
        <appender-ref ref="default" />
    </logger>

</log4j:configuration>

2. 在 java 程式 com.demos.LookupFormF.java 中放入偵錯點

package com.demos;

import javax.servlet.http.HttpServletRequest;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionMapping;
import org.apache.log4j.Logger;

public class LookupFormF extends ActionForm{

    static Logger loger = Logger.getLogger(LookupFormF.class.getName());
    private String symbol = null;
   
    public String getSymbol() {
        return (symbol);
    }
   
    public void setSymbol(String symbol) {
        this.symbol = symbol;
        loger.debug(symbol);
    }
}

3. 成果如下

16:54:23,733 INFO  [STDOUT] [DEBUG] 24 十月 04:54:23.733 下午 http-0.0.0.0-8043-
1 [com.demos.LookupFormF-setSymbol]
polinwei

[文章]老婆小崴崴，是我信仰的原創

From: Polin Wei

老婆小崴崴，是我信仰的原創

　　人生三大喜事: 他鄉遇故知、金榜題名時、洞房花燭夜。老婆「小崴崴」就佔了這三大喜事之一，為了記錄老婆「小崴崴」與我生活中，柴米油盬醬醋茶的甘苦，我們用部落格記下這一切平凡卻不單調的家庭生活...；等時光飛逝 ，雙鬢泛白時，這將成為珍貴的資產供我們回憶。

　　家是永遠的避風港，因為有了老婆「小崴崴」後，她變的更溫馨了，她給我安全、舒適、完全放鬆且毫無拘束的自在，「老婆小崴崴，是我信仰的原創」這句話真是貼切的表達了一切。

　　adidas 也提供您一個安全、舒適、完全放鬆且毫無拘束...穿的自在。

[Google Translate] 讓你的網頁可以翻譯成多國語言

From: Polin Wei

　　您的網誌內容希望能翻成各國語言，讓每個國家的人都看得懂嗎？就像下面 "我與小崴崴工作日記" 日文版一樣。

　　

　　而且當你的滑鼠移到句子段落的上方時，它還能用浮動視窗將原來的本文顯示出來。 該如何作呢？其時很簡單，只要一個步驟就可以。

　　連結到 Google Translated : http://translate.google.com/translate_tools 再將所需的 Java Script 放在您的網頁上就可以了。




Google Translated Java Script Code

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=zh-TW&synd=open&w=160&h=60&title=&lang=en&country=ALL&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>

韓國版



日本版
　　

巴布(Buboo) 心情隨手貼

From: Polin Wei

　　寫網誌...文筆沒有那麼豐富, 也沒有那麼多時間; 有時只是想隨手寫寫當時的心情, 有什麼工具可以留下當時那一點點思緒的發洩呢?

　　不妨可以安裝 巴布(Buboo) , 註冊好帳號後, 登入巴布(Buboo) ->巴布工具 -> 留言版型，將程式碼複制到你的網站內，就可以了．



　　成果就像下圖一樣

[DOM] W3C DOM 文件物件模型（Document Object Model，DOM）

From: Polin Wei

文件物件模型（Document Object Model，DOM）是給 HTML 與 XML 文件使用的一組 API。它提供了文件的結構表述（representation），讓你可以更動其中的內容及可見物。其本質是建立網頁與 Script 或程式語言溝通的橋樑。

[全球資訊網協會]（World Wide Web Consortium，W3C）建立了 [DOM] 的標準，稱之為「W3C DOM」。在當今主要瀏覽器都已正確實作的情況下，W3C DOM 使強大、跨瀏覽器的應用程式成真。


　　現在舉個 HTML檔案 實例來說明 DOM（Document Object Model，DOM）文件物件模型，這樣比較能瞭解。


W3CDOM.html

<html>
<head>
<script type='text/javascript'>
function showTd(){
   var nodes = document.getElementsByTagName("td");
   for(var i = 0; i < nodes.length; i++) {
      var node = nodes[i];
      alert(node.childNodes[0].nodeValue);
    }
}
function showTitle(){
   document.getElementById("myTitle").innerHTML ="<h2>我與小崴崴</h2>";
}
</script>
</head>
<body>
<input value="showTitle" onclick="showTitle();" type="button"><br>
<input value="showTDValues" onclick="showTd();" type="button"><br>

<div id="myTitle"></div>
<table>
  <tbody>
    <tr>
      <td>EmpID</td>
      <td>UserID</td>
      <td>UserName</td>
    </tr>
    <tr>
      <td>E0001</td>
      <td>Polin</td>
      <td>我</td>
    </tr>   
  </tbody>
</table>
</body>
</html>

　　DOM 對 W3CDOM.html 檔案視為一個標籤文件，每個標籤視作一個節點，這些節點從<html>
標籤開始作為根標籤，上面的 W3CDOM.html 可以用下圖來表示(下圖中標示出相對於橘色tr節點的屬性):

PS:可以使用hasChildNodes()來測試目前的DOM節點物件是否有子節點。

　　在JavaScript中可以使用document物件取得HTML文件中節點的值，如標籤上的id屬性id="myTitle"，可以使用getElementById()並指定id名稱來取得節點的DOM物件，例如：

function showTitle(){
   document.getElementById("myTitle").innerHTML ="<h2>我與小崴崴</h2>";
}

　　您也可以操作getElementsByTagName()並指定標籤名稱來取得節點，例如可使用以下的程式片段，顯示上例的表格文字內容：

function showTd(){
   var nodes = document.getElementsByTagName("td");
   for(var i = 0; i < nodes.length; i++) {
      var node = nodes[i];
      alert(node.childNodes[0].nodeValue);
    }
}

您可以使用DOM節點的innerHTML屬性來設定節點中的HTML內容，不過innerHTML並不是W3C DOM規範中的標準屬性，只是目前剛好大部份的瀏覽器都有支援，標準的作法是要懂得各種DOM上建立、設定節點的方法，可以深入瞭解這 innerHTML屬性。

[AJax] AJax 基本觀念與實作

From: Polin Wei

　　AJax 技術是目前網頁流行的趨勢，在工作上也時常運用此技術．那什麼是 AJax 呢？節錄一段 WIKI 上的 AJax 文章如下：

AJAX全稱為「Asynchronous JavaScript and XML」（非同步JavaScript和XML），是一種創建互動式網頁應用的網頁開發技術。根據Ajax提出者Jesse James Garrett建議[1]，它：

• 使用XHTML+CSS來表示資訊；
• 使用JavaScript操作DOM（Document Object Model）進行動態顯示及互動；
• 使用XML和XSLT進行資料交換及相關操作；
• 使用XMLHttpRequest物件與Web伺服器進行非同步資料交換；
• 使用JavaScript將所有的東西繫結在一起。
• 使用SOAP以XML的格式來傳送方法名和方法參數。

對架構有興趣的網友再自行細讀．接下來我們要以實作來瞭解AJax的運作，在實作之前再說明一下， JavaScript要放在網頁中的兩種模式：

第一種：JavaScript 嵌入 HTML 中的作法，有下列兩種模式

A: <script type="text/javascript"> .code </script>
B: <script type="text/javascript" src="url"></script>

建議使用 B 為宜，因為這樣程式碼分離，閱讀及 Debug 都較為方便．

第二種：搭配 XHTML，若是搭配嚴謹的XHTML格式則必須使用 cdata 將 JavaScript 用註解格式封裝

<script type="“text/javascript”">
<![CDATA[//>
<!— Javascript Code here … //-->
<!]]>
</script>

AJAX 處理的順序大致可以分成下列五個步驟
1.Create the object : XMLHttpRequest
2.Set the readystatechange event trigger
3.Open the Request
4.Send the Request
5.Check the readyState property

整個架構圖如下：


　　下面就舉實例來說明 AJax 這五個步驟，在這個實例中需要兩個檔案 AJax.html & HelloAjax.txt，透過 AJax.html 是來取得網站內 HelloAjax.txt 檔案裡的資料。

AJax.html 檔案

<html>
<head>
<script type='text/javascript'>
var myXmlHttp;
function createXmlHttpObj(){
if(window.XMLHttpRequest) {
myXmlHttp = new XMLHttpRequest();
} else if(window.ActiveXObject) {
myXmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}

function handleStateChange(){
var txtresp;
var xmlresp;
if(myXmlHttp.readyState == 4) {
if(myXmlHttp.status == 200) {
//以純文字方式取回伺服器回傳資料
txtresp = myXmlHttp.responseText;
//以 XML 方式取回伺服器回傳資料
xmlresp = myXmlHttp.responseXML;

//5.Check the readyState property
if (txtresp) {
document.getElementById("myTxtResp").innerHTML = txtresp;
}
}
}
}

function sendRequest(){
// 1.Create the object : XMLHttpRequest
createXmlHttpObj();
if(myXmlHttp) {
// 2.Set the readystatechange event trigger
myXmlHttp.onreadystatechange = handleStateChange;

// 3.Open the Request
myXmlHttp.open('get', 'HelloAjax.txt');

// 4.Send the Request
myXmlHttp.send(null);

}else {
alert("您的瀏覽器不支援這個Ajax程式的功能");
}
}
</script>
</head>

<body>
<input value="click me(介紹 AJax 的功能)" onclick="sendRequest();" type="button"><br>
<a href="#" onClick="sendRequest();" >click me(介紹 AJax 的功能)</a>
<div id="myTxtResp"></div>
</body>
</html>

HelloAjax.txt 檔案

Hello AJax
這是由 AJax 技術取得伺服器後端 HelloAjax.txt 的檔案資料

參考:

AJax 基本觀念與實作

[AJax] XMLHttpRequest 物件的一些基本方法

From: Polin Wei

　　標準 XMLHttpRequest 的操作方法如下 ：

• abort()
  停止當前請求
• getAllResponseHeaders()
  把 HTTP 請求的所有回應標頭作為鍵/值對傳回
• getResponseHeader("header")
  傳回指定標頭的字串值
• open("method", "url")
  建立對伺服器的呼叫。method 參數可以是 GET、POST 或 PUT。url 參數可以是相對 URL 或絕對 URL。這個方法還包括 3 個可選的參數
• send(content)
  向伺服器發送請求
• setRequestHeader("header", "value")把指定標頭設定為所提供的值。在設定任何標頭之前必須先呼叫 open

接下來，再來針對各別的方法 ( Method ) 作比較仔細的說明：

• void abort()：
  顧名思義，這個方法就是要停止請求。
• string getAllResponseHeaders()：
  這個方法的核心功能對 Web 應用程式開發人員應該很熟悉了，它傳回一個字串，其中包含 HTTP 請求的所有回應標頭，標頭包括 ContentLength、Date 和 URI。
• string getResponseHeader(string header)：
  這個方法與 getAllRes-ponseHeaders() 是對應的，不過它有一個參數表示你希望得到的指定標頭值，並把這個值作為字串傳回。
• void open(string method, string url, boolean asynch, string username,string password)：
  這個方法會建立對伺服器的呼叫。這是初始化一個請求的純腳本方法。它有兩個必要的參數，還有 3 個可選參數。

1. 要提供呼叫的特定方法（GET、POST 或 PUT）
2. 還要提供所呼叫資源的 URL。
3. 另外還可以傳遞一個 Boolean 值，指示這個呼叫是非同步的還是同步的。預設值為 true，表示請求本質上是非同步的。如果這個參數為 false，處理就會等待，直到從伺服器傳回回應為止。由於非同步呼叫是使用 Ajax 的主要優勢之一，所以倘若將這個參數設定為 false，從某種程度上講與使用XMLHttpRequest 物件的初衷不太相符。不過，前面已經說過，在某些情況下這個參數設定為 false 也是有用的，比如在持久儲存頁面之前可以先驗證使用者的輸入。
4. 最後兩個參數不說自明，允許你指定一個特定的使用者名稱和密碼。

• void send(content)：
  這個方法實際向伺服器發出請求。如果請求聲明為非同步的，這個方法就會立即傳回，否則它會等待直到接收到回應為止。可選參數可以是 DOM 物件的實例、輸入串流，或者字串。傳入這個方法的內容會作為請求本體的一部分發送。
• void setRequestHeader(string header, string value)：
  這個方法為 HTTP請求中一個給定的標頭設定值。它有兩個參數，第一個字串表示要設定的標頭，第二個字串表示要在標頭中放置的值。需要說明，這個方法必須在呼叫 open() 之後才能呼叫。

　　在所有這些方法中，最有可能用到的就是 open() 和 send()。XMLHttp-Request 物件還有許多屬性，在設計 Ajax 互動時這些屬性非常有用。

參考:

Ajax - XMLHttpRequest 重要的屬性

[CSS] pre 的運用

From: Polin Wei

　　在網頁撰寫時，顯示整齊的程式碼可以讓人好檢視(如下圖)。


　　但有時空格常會被吃掉，要怎麼作才能顯示出那些空格呢? 可以在 css 中定義一個 class 如下:

.code {
display: block; /* fixes a strange ie margin bug */
border: 1px solid black;
padding: 12px;
font-family: Courier New,Courier,monospace;
overflow:scroll;
letter-spacing: 0em;
white-space: pre ; // 要加入這一行
background: #F4F4F4 url('http://polin.wei.googlepages.com/codebg.png') left top repeat-y;
}

　　然後在網頁中只要如下撰寫，就可以正常顯示了。

<div class="code">
if(window.XMLHttpRequest) {
  myXmlHttp = new XMLHttpRequest();
} else if(window.ActiveXObject) {
  myXmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
</div>