Ncs學習筆記

KTV唱歌教學

2019-09-20T18:16:00.002-07:00

KTV唱歌教學1 | 簡單四招認識自己的聲音

KTV唱歌教學2 | 三步骤成為K歌之王

KTV唱歌教學3 | 如何將感情帶入歌曲中

KTV唱歌教學4 | 教你唱出好人缘

KTV唱歌教學5 | 五招拯救五音不全

KTV唱歌教學6 | 3招告别高音唱上不去低音下不来

KTV唱歌教學7 | 王菲、陳奕迅和周杰倫不能说的秘密

KTV唱歌教學8 | 學那英用《默》唱出深情

KTV唱歌教學9 | 正確開嗓練聲

KTV唱歌教學10 | 歌手如何準備演唱會

KTV唱歌教學11 | 唱歌前的熱身準備動作

KTV唱歌教學12 | 總結與歸納

工程師常用線上工具

2018-03-21T03:24:00.003-07:00

最強線上英英字典 : https://www.richhappy.com.tw/free-online-dictionaries/

JSON formatter : https://jsonformatter.curiousconcept.com/

GGTrends APP微觀察: 查詢APP世界排名的好網站-App Annie

2014-06-04T23:11:00.001-07:00

GGTrends APP微觀察: 查詢APP世界排名的好網站-App Annie: App Annie 是專門從事App Store流量分析和提供iOS、Mac、Google Play 市場情報的公司。因此在Top Charts的頁面，能一併iOS&Google Play的數據。

Facebook Api logout (登出)

2012-04-12T02:41:00.000-07:00

原因：若你的FB是登入狀態，作認證時FB不會跳出任何訊息框，就直接用你的帳號作登入了。目前用過twitter, linkedin, plurk 及 tumblr，只有FB沒有任何訊息框。為了避免用錯帳號認證，我想在認證前，自動幫使用者作登出的動作。

解決方式：

function fbLogout(){
 FB.init({appId: 'XXXXXXX'});
 FB.getLoginStatus(handleSessionResponse);
}

function handleSessionResponse(response) {
 if (response.status=='connected') {
  FB.logout();
 }
}

備註：一開始試了很久，直接呼叫FB.logout()都沒有效果，原來一定要先呼叫getLoginStatus，取得登入狀態才可以再呼叫FB.logout()。

Scribe OAUTH with JAVA

2012-03-05T02:29:00.000-08:00

在使用社群API時，一定要先通過認證機制取得access token，而大多數的社群都支援OAUTH，目前已經成為主流，各大網站能用facebook或twitter帳號登入已經成為必備條件。

OAUTH最大的優點就是不用紀錄使用者的帳號密碼，對使用者來說也比較安心。
所以你一定要學會怎饃用。
詳細的說明可以參考此網站。

OAUTH又分為1及2，2跟1相比驗證的過程簡單許多，若自己用httpclient來時作也很花時間。

我找到一套別人寫好的認證程式，同時支援OAUTH1及OAUTH2，底層複雜的認證機制都幫你寫好了，只要把必要得參數送進去就好了。
就是SCRIBE

支援30多種社群OAUTH認證，並且還有提供15個社群的範例程式，包含Facebook,Twitter, Linkedin以及新浪微博等。Linkedin的官網教學就是用SCRIBE 。
只能說超好用的。

這裡的範例程式流程是，執行後會先回傳一段URL在console，

1. 執行
2. 回傳URL在console
3. 複製URL貼到browser，會顯示一段驗證碼，若有callback url則會已get的方式連接在url後面。
4. 在console輸入驗證碼
5. 取得access token

如果沒有支援你需要的社群也沒關係，若是OAUTH1繼承DefaultApi10a，OAUTH2繼承DefaultApi20，參考別人怎麼實做就好了，很簡單的。

在寫code前，記得先去註冊應用程式，取得appkey。可以參考我之前寫的幾篇，Facebook、Twitter及Plurk。

TWITTER - 註冊應用服務 (APP)

2012-01-25T05:37:00.000-08:00

在使用TWITTER的api前，必須先註冊應用服務 (APP)，取得App Key及 App Secret。程式要呼叫api時，這兩個參數是必要的，以下就來介紹註冊的步驟。

1. 登入後，開啟 https://dev.twitter.com/。

2. 按下「create an app」。

3. 填寫完之後按下「create」。

4. 上方tab按下「Settings」。

5. 到Application type，點選「Read, Write and Access direct messages」。（才有權限發訊息）

6. 上方tab按下「Detail」後，到畫面最底，按下「create my access token」。

7. 即可取得參數

PLURK - 註冊應用服務 (APP)

2012-01-25T05:35:00.000-08:00

在使用PLURK 的api前，必須先註冊應用服務 (APP)，取得App Key及 App Secret。程式要呼叫api時，這兩個參數是必要的，以下就來介紹註冊的步驟。

1. 登入後，開啟http://www.plurk.com/PlurkApp/ 。

2. 按下「註冊新的應用服務」，填寫完之後按下「註冊」。

3. 按下「測試工具」，開啟 OAuth 的 Test Console。

4. 按下「Get Request Token」。

5. 按下「Open Authorization URL」開啟授權頁面，並且按「是，我要授權」。

6. 記得認證碼（可能在網址列上）。

7. 回到 Test Console，按下「Get Access Token」，填入認證碼。

8. 即可取得參數

參考網址：http://zh.blog.plurk.com/archives/1121

在Blogger中嵌入Facebook分享按鈕

2011-11-07T05:57:00.000-08:00

(http://www.iconfinder.com/icondetails/34144/122/button_facebook_name_share_icon)

目前在blogger中加入Facebook分享按鈕（share button），有兩種方式。

方法一：
1. 使用blogger內建的元件，登入Blogger 的控制台，點選『版面配置』再點『網誌文章中的編輯』，如下圖。

2. 此時會展開一個小視窗，裡面有『顯示分享按鈕』打勾即可。一併幫你加入twitter、facebook、google+ 等分享按鈕，如下圖。但facebook不會有計數功能。

方法二：
放置在標題下方，facebook的『讚』及『分享按鈕』，並且有計數功能，看到此文章被多少人分享。
1. 登入Blogger 的控制台，點選『範本』再點『修改HTML』，此時會展開一個小視窗，並且在『展開小裝置範本』打勾。

2. 按ctrl+f 搜尋 <div class='post-header-line-1'/> ，將下列語法貼至此行下面即可，若搜尋到多行，選擇最上面那行。

加入『讚』的語法

<script>
document.write('<iframe src="http://www.facebook.com/plugins/like.php?href=<data:post.url/>&layout=standard&show_faces=true&width=450&action=like&font=verdana&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:65px"></iframe>');
</script>

加入『分享按鈕』的語法

<div style='float:right; margin-left:10px;'>
<a expr:share_url='data:post.url' href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>

附註：div是為了讓分享按鈕靠左，如不需要可移除。

Spring MVC + Hibernate JPA @Transactional 沒作用

2011-09-30T02:16:00.000-07:00

版本： Spring 3 MVC + Hibernate 3.6 JPA

問題：透過dao對資料庫操作時，無法新增(insert)、修改(update)及刪除(delete)，沒有錯誤訊息，只能做select的動作。

原因： spring mvc 使用 annotation 時，需要在mvc-config.xml中加入

<context:component-scan base-package="div.mmncsmm"/>

在server啟動時，spring初始化的過程中，會掃描div.mmncsmm下的所有類別的annotation，包含@Controller、@Service、@Autowired等。
但掃描到 @Service 時，@Transactional 還沒被處理，所以Transaction沒有被開啟，dao對資料庫操作時沒有做commit，自然資料沒有被異動。

解決方式：

在載入applicationContext.xml時，先去掃描除了annotation之外的設定，等到載入mvc-config.xml時，在載入annotation的設定。

在mvc-config.xml中，原先是

<context:component-scan base-package="div.mmncsmm"/>

改成

<context:component-scan base-package="div.mmncsmm" use-default-filters="false" >
<context:include-filter expression="org.springframework.stereotype.Controller" type="annotation"/>
</context:component-scan>

applicationContext.xml中加入

<context:component-scan base-package="div.mmncsmm" >
<context:exclude-filter expression="org.springframework.stereotype.Controller" type="annotation"/>
</context:component-scan>

SOLR - 部署（一）

2011-08-31T03:18:00.000-07:00

簡介：
開發網站一定會有搜尋的功能，資料量小的情況下，可以直接用sql查詢，但資料量一大很快就遇到了效能問題，或是想要做全文檢索。
因此就會導入搜尋引擎，要用就要用最多人用的，遇到問題也比較快找到解，開放原始碼中目前最多人使用的是Lucene，
而SOLR就是Lucene的web版，還沒玩過的快來試試看。

開發環境：
Windows Server 2003
Tomcat6
SOLR 3.3

配置：

1. 下載 apache-solr-3.3.0

2. 將..\apache-solr-3.3.0\dist下的apache-solr-3.3.0.war，改名為solr33.war，並且放置在D:\tomcat6\webapps下。

3. 在D:\tomcat6\conf\Catalina\localhost下，新增solr33.xml，內容如下，其中也包含設定檔的路徑D:\tomcat6\solr\。

<Context path="/solr33" docBase="solr33" debug="0" crossContext="true" >
    <Environment name="solr/home" type="java.lang.String" value="D:\tomcat6\solr\" override="true" />
</Context>

4. 將..\apache-solr-3.3.0\example\solr\的conf資料夾，整個複製到D:\tomcat6\solr\下。

5. 啟動tomcat

6. 若沒發生錯誤，連到 http://localhost:8080/solr/admin.jsp 有畫面即成功。

一對多的資料表串接成一個欄位

2011-08-12T03:55:00.000-07:00

原因：我要組成一張view，但是關聯是一對多的資料表，這時要將其中一個欄位用分隔符號串成一個欄位。看例子會比較好懂。

例子：如下圖是參考資料(Reference)以及實體檔案(RFile)的關聯表，一筆參考資料，將有多個實體檔，現在我要將這兩張表串成一張view，而且rid不能重複，FileName用分號作區隔串成一個欄位。

方法：將FileName用分號作區隔串接成一個字串，需要利用ms sql的純量值函數，來定義串接的function，如下圖。

傳統作法是用sql的while和point去將FileName一個一個取出來。不過今天發現一個更快的作法，直接執行下面這段sql，即可產生純量值函數。COALESCE和STUFF為sql原生函數，google很容易查到，不在此描述。

SET ANSI_NULLS ON

GO

SET QUOTED_IDENTIFIER ON

GO



CREATE FUNCTION [dbo].[GetRFileName]  --函數名稱

(

    --輸入參數

    @Rid int    

)

RETURNS nvarchar(3000)  

AS

BEGIN

    --宣告變數

    DECLARE @HandleRid nvarchar(3000)

    --串接FileName

    SELECT @HandleRid = COALESCE(@HandleRid,'') + ';' + [FileName] from RFile where RId =@Rid

    RETURN STUFF(@HandleRid, 1, 1, '')

END

建立完成後，我們就可以下此sql

SELECT RId,Title,Content,PublishDate,dbo.GetRFileName(RId)
FROM Reference

Facebook API for Java - 取得使用者相關資訊（二）

2011-07-19T23:46:00.000-07:00

圖片來源：http://www.roars.in/facebook-application-developer-india.html

請先下載 facebook-java-api

需要的jar有三個
facebook-java-api-3.0.2.jar
facebook-java-api-schema-3.0.2.jar
runtime-0.4.1.5.jar

appID及appSecret接由開發人員應用程式取得 authToken為當驗證FB登入成功時，根據Canvas URL所設定的路徑，導回我們的系統，會自動帶參數auth_token回來。若尚未登入，則跳到fb的登入頁面。

String appID = "XXXXX";
String appSecret = "XXXXX";
String authToken= hsrHttpServletRequest.getParameter("auth_token");
FacebookJaxbRestClient facebookClient = new FacebookJaxbRestClient(appID, appSecret);

if(authToken!=null){
    try {
        facebookClient.auth_getSession(authToken);
        FriendsGetResponse friendsResponse = facebookClient.friends_get();
        //取得朋友名單
        List friends = friendsResponse.getUid();
        LOG.debug("friends = "+friends.size());
        
        //設定要取得的欄位 
        Set fields = new HashSet(); 
        fields.add(ProfileField.SEX.fieldName()); //性別 
        fields.add(ProfileField.NAME.fieldName()); //姓名 
        
        List users = facebookClient.users_getInfo(friends, fields).getUser();
        for(User user:users) { 
            LOG.debug(user.getSex());
            LOG.debug(user.getName()); 
        }
    } catch (FacebookException e) {
        LOG.debug("取資料發生錯誤");
    }
}

Framework 樣板之Struts2 Annotation + Spring3.1 + Hibernate3.6 JPA （四）

2011-07-14T21:22:00.000-07:00

版本：Struts2.2.3 + Spring3.1 + Hibernate3.6

包含：Displaytag、Tiles 、 OpenSessionInView 及連接DB

資料庫：MS SQL2005

Schema：在/BlankS2SH/WebContent/dev/sql.txt，為了方便說明，僅用兩張Table。

下載：原始碼，可直接從Eclipse import。

Struts2.2.3 + Spring3.1 + Hibernate3.6 架構說明：

src下的folder

struts.properties：細部設定。

struts.xml：設定action forward。

action：DispatchDemoAction及ExampleAction繼承ActionSupport。

common：共用變數。

persistence：Hibernate dao，此資料夾階由Myeclipse自動產生。

service：主要的商業邏輯寫在這，依照功能切分不同服務。ex：MemberService包含會員的新增、刪除和修改等。

utility：獨立元件，可直接搬移至其他專案。ex：檔案下載、發送郵件。

WEB-INF下的folder

config：必要設定檔。
        ex： applicationContext.xml，Hibernate基本設定檔。
            DataSourceService.xml，DB登入帳密，如果不想用c3p0的connection pool，直接更換此檔即可。
            tiles-front.xml，tiles2設定。

jsp：主要有三部分，一.layout為tiles的框架；二.front為所有jsp頁面；三. common共用頁面。

細部說明：
Struts2比1的設定檔少了很多，只需要設定action forward。另外又與Spring3整合，可以用annotation取代注入的xml。與SSH相比少了DAOService.xml、SearchService.xml及BaseService.xml，不管對於新手還是老手，開發的速度都會快很多。
與Spring3 MVC相比，只是將RequestMapping，統一寫到struts.xml中。所要寫的設定是差不多的。
我個人是比較喜歡把forward的路徑寫在同一個地方，要改的時候也比較方便。
有人可能會問，共同開發時，大家都寫在同一個struts.xml，同步的時候會沖到很麻煩。
這個問題切成多個struts.xml就可以避免了。

網路上已經很多人討論過Struts2及Spring3的優缺點了。

我認為最重要的是你們團隊中，對哪一種framework最快熟悉或是最快上手，來決定要用哪種。

我在這列出幾點：

1. 維護性：Spring3自由度太高導致維護性比Struts2低。

2. 元件：Spring3只有JSTL可以用。Struts2有ONGL及DOJO等，還有許多自行開的元件可以使用。

3. REST支援度：Spring3完全支援。Struts2不支援多參數。

4. 版本：Spring3更新速度相當快，版本間的相容性也很高。Struts2可能太過龐大，通常要一段時間才會更新。

Tiles設定：
需要tiles-api-2.2.2.jar、tiles-core-2.2.2.jar、tiles-jsp-2.2.2.jar、tiles-servlet-2.2.2.jar、tiles-template-2.2.2.jar

1. 在web.xml加上

<listener>
    <listener-class>org.apache.struts2.tiles.StrutsTilesListener</listener-class>
</listener>
<context-param>
    <param-name>org.apache.tiles.impl.BasicTilesContainer.DEFINITIONS_CONFIG</param-name>
    <param-value><!-- 多個tiles文件以逗號隔開 -->
            /WEB-INF/tiles/tiles-defs.xml
    </param-value>
</context-param>

2. 在struts.xml加上
<package name="default" extends="tiles-default">

常見問題：

1. dispatch沒有作用

檢查struts.properties中struts.enable.DynamicMethodInvocation要設成true

struts.xml的action forward要寫成

<action name="dispatchDemo_*" method="{1}" class="div.mmncsmm.action.DispatchDemoAction">
    <result name="load" type="tiles">dispatchDemo.load</result>
    <result name="save" type="tiles">dispatchDemo.save</result>
</action>

2. autowire沒作用

這個地方我卡了很久，最後才找到，原來在applicationContext.xml要加上
<context:component-scan base-package="div.mmncsmm" />

3. tiles沒作用
請看

Facebook API for Java - Login （一）

2011-07-13T03:43:00.000-07:00

最近幾乎每個網站都結合Facebook login，Facebook API是現在很熱門的東西，上網看了其他人的教學，發現Facebook改版太快了，寫法也不一樣了。所以自己來發一篇

1. 先加入開發人員應用程式

2. 右上，建立新的應用程式

3. 填入Canvas URL，這是登入後，要導回自己的系統的URL

接下來到登入的jsp頁面，加入登入按鈕，方法有兩種

1. url
<a href="http://www.facebook.com/login.php?api_key=XXXXXXX&v=1.0">Login</a>
紅色的部份請改成App ID

2. FBML http://developers.facebook.com/docs/reference/fbml/

<script src="http://connect.facebook.net/en_US/all.js#appId=XXXXXXX&xfbml=1"></script>
<div id="fb-root"/>
<fb:login-button show-faces="true" width="200" max-rows="1"></fb:login-button>

Framework 樣板之Spring3.1 MVC Annotation + Hibernate3.6 JPA（三）

2011-07-05T21:31:00.000-07:00

版本：Spring3.1 + Hibernate3.6

包含：Displaytag、Tiles 、 OpenSessionInView 及連接DB

資料庫：MS SQL2005

Schema：在/BlankSpring3/WebContent/dev/sql.txt，為了方便說明，僅用兩張Table。

下載：原始碼，可直接從Eclipse import。

Spring3 MVC + Hibernate3 JPA架構說明：
src下的folder

bean：提供給controller使用的javabean。

controller：提供不同RequestMapping的實作方式，及回傳至頁面方式作參考。

persistence：Hibernate dao，此資料夾階由Myeclipse自動產生。

service：主要的商業邏輯寫在這，依照功能切分不同服務。ex：MemberService包含會員的新增、刪除和修改等。

WEB-INF下的folder

config：必要設定檔。ex： applicationContext.xml，Hibernate基本設定檔。

DataSourceService.xml，DB登入帳密，如果不想用c3p0的connection pool，直接更換此檔即可。

mvc-config.xml，Spring3 基本設定。

tiles-front.xml，tiles2設定。

jsp：主要有三部分，一.layout為tiles的框架；二.front為所有jsp頁面；三. common共用頁面。

細部說明：
Spring3 MVC 主要的優點就是，用annotation取代控制流程及注入的xml，幾乎可以說是0配置。
service：將service implement class加上@Service，以及要注入的dao，加上@Autowired即可。可以不用再寫DAOService.xml。

controller：將每個controller加上@Controller、@RequestMapping，以及要注入的service，加上@Autowired即可。可以不用再寫BaseService.xml、struts-config.xml。

處理client side request 方式
1. 說明：request method必須是get（若要用post就改成RequestMethod.POST），且參數要帶有method=load。
@RequestMapping(params="method=load",method = RequestMethod.GET)
public ModelAndView load() {...}

2. 說明：url 結尾必須要是xxx/login，才會執行此method。HttpServletRequest及HttpServletResponse這兩個參數不一定需要。Users為javabean，會自動將參數塞到bean中，類似struts的formbean。

@RequestMapping(value="/login")
public String test(HttpServletRequest request, HttpServletResponse response,Users userinfo){...}
3. 說明：url為xxx/{id}，{id}作為傳遞的參數，接收參數必須加上@PathVariable。

@RequestMapping(value = "/{id}",method=RequestMethod.GET)
public ModelAndView helloWorld(@PathVariable Long id) {...}

Tiles設定：
1. 在mvc-config.xml加入

<bean id="tilesConfigurer" 
 class="org.springframework.web.servlet.view.tiles2.TilesConfigurer">
 <property name="definitions">
  <list>
   <value>/WEB-INF/config/tiles-front.xml</value>
  </list>
 </property>
</bean>

<bean class="org.springframework.web.servlet.view.ContentNegotiatingViewResolver">
 <property name="viewResolvers">
  <list>
   <bean id="tilesViewResolver"
    class="org.springframework.web.servlet.view.UrlBasedViewResolver">
    <property name="viewClass"
     value="org.springframework.web.servlet.view.tiles2.TilesView" />
    <property name="order" value="1" />
   </bean>
   <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
    <property name="prefix" value="/jsp/" />
    <property name="suffix" value=".jsp" />
   </bean>
  </list>
 </property>
</bean>

2. 在/WEB-INF/config/增加tiles-front.xml，範例請下載原始碼。

注意事項：請看

Tile2 注意事項

2011-07-05T21:13:00.000-07:00

官方網站：http://tiles.apache.org/

需要tiles-api-2.2.2.jar、tiles-core-2.2.2.jar、tiles-jsp-2.2.2.jar、tiles-servlet-2.2.2.jar、tiles-template-2.2.2.jar

問題：
java.lang.NoClassDefFoundError: org/apache/tiles/web/startup/TilesListener

解決方式：
在tiles2.0.x是包在tiles-core-2.0.x.jar中，但在tiles2.2.x是包在tiles-servlet-2.2.x.jar，所以要記得加入喔。

Framework 樣板之Struts1 + Spring3 + Hibernate3 JPA教學（二）

2011-06-30T03:22:00.000-07:00

版本：Struts1.3.10 + Spring3.1 + Hibernate3.6 JPA

包含：Displaytag、Tiles 、 OpenSessionInView 及連接DB

資料庫：MS SQL2005

Schema：在/HibernateJPA/WebContent/dev/sql.txt，為了方便說明，僅用兩張Table。

下載：原始碼，可直接從Eclipse import。
SSH(JPA)架構說明

主要架構與上一篇相同，僅列出差異的部份

src下的folder

persistence：Hibernate dao，此資料夾階由Myeclipse自動產生。

config：spring物件注入，不開放給外部修改的xml。
ex：applicationContext.xml，Hibernate JPA基本設定檔，及transactionManager設定

META-INF：persistence.xml

比較Hibernate及Hibernate JPA：兩種我都是MyEclipse來產生dao

JPA優點：

1. dao的method有分頁的參數

2. hbm.xml都變成annotation

缺點：

1. 當欄位的pk為流水號時，需要在dto增加@GeneratedValue(strategy = GenerationType.AUTO)

注意事項：

JPA的OpenEntityManagerInViewFilter是使用

org.springframework.orm.jpa.support.OpenEntityManagerInViewFilter

Framework 樣板之Struts1 + Spring3 + Hibernate3教學（一）

2011-06-17T03:58:00.000-07:00

版本：Struts1.3.10 + Spring3.1 + Hibernate3.6

包含：Displaytag、Tiles 、 OpenSessionInView 及連接DB
資料庫：MS SQL2005

Schema：在\BlankSSH\dev\sql.txt，為了方便說明，僅用兩張Table。

下載：原始碼，可直接從Eclipse import。

SSH架構說明：

src下的folder
action：DispatchDemoAction繼承BaseAction，ExampleAction繼承Action，提供兩種寫法做參考，即可直接get service，不用再呼叫spring WebApplicationContext。

common：共用變數及BaseAction。BaseAction中繼承DispatchAction，也可將seesion處理的方法寫在此。

filter：簡易登入權限設定。

formbean：提供給action使用。

persistence：Hibernate dao，此資料夾階由Myeclipse自動產生。

service：主要的商業邏輯寫在這，依照功能切分不同服務。
               ex：MemberService包含會員的新增、刪除和修改等。

utility：獨立元件，可直接搬移至其他專案。ex：檔案下載、發送郵件。

config：spring物件注入，不開放給外部修改的xml。
          ex：LoginCheckerFilter.xml，登入權限
                 DAOService.xml，每個Service要用到的dao
                 BaseService.xml，所有的Service
                 applicationContext.xml，Hibernate基本設定檔
                 TransactionManager.xml，用OpenSessionInView必需

WEB-INF下的folder
config：spring物件注入，開放給外部修改的xml，方便於環境異動。
           ex：DataSourceService.xml，DB登入帳密。

tiles：主要有兩部分，一.layout為tiles的框架，二.page為所有jsp頁面。

細部說明：
從Service開始說明，所有的xxxService都是interface，由xxxServiceImpl實作，每個service所用到的dao，均定義在DAOService.xml。
唯一例外的是BaseService，此BaseService注入了所有Service，定義在BaseService.xml，提供給BaseAction使用。
讀起來好像有點饒舌，看圖應該比較好理解

為什麼我要搞的這麼複雜呢？

當我在寫action需要取得Service時，必須要寫
ServletContext application = this.getServlet().getServletContext();
WebApplicationContext wac = WebApplicationContextUtils.getWebApplicationContext(application);
xxxService serice = (xxxService) wac.getBean("xxxService");
每次都要寫這麼一大串，感覺好煩，我又常常忘記getBean裡面要填的名稱，而且還要強制轉型。
所以最後將所有Service都注入BaseService，再BaseAction中只要寫一次getBean("BaseService")，
在DispatchDemoAction中我只要寫this.getMemberService()，就可以取得MemberService，多方便。

Tiles設定：

需要struts-tiles-1.3.10.jar
1. 在struts-config.xml加入

<plug-in className="org.apache.struts.tiles.TilesPlugin">
   <set-property property="definitions-config" value="/WEB-INF/tiles/tiles-defs.xml"/>
   <set-property property="moduleAware" value="true" />
</plug-in>

2. 在/WEB-INF/tiles/增加tiles-defs.xml，範例請下載原始碼。

3. struts-config.xml中的action forward path也要修改，要與tiles的definition name做對應。

注意事項：
在web.xml載入這些xml是有順序性的，要注意。

<context-param>
 <param-name>contextConfigLocation</param-name>
 <param-value>
  classpath*:config/applicationContext/LoginCheckerFilter.xml,
  classpath*:config/applicationContext/TransactionManager.xml,
  /WEB-INF/config/applicationContext/DataSourceService.xml,
  classpath*:config/applicationContext/applicationContext.xml,
  classpath*:config/applicationContext/DAOService.xml,
  /WEB-INF/config/applicationContext/SearchService.xml,
  classpath*:config/applicationContext/BaseService.xml
 </param-value>
</context-param>

如有疑問，歡迎提出，也請大家多多指教

Framework 樣板（序）

2011-06-16T03:42:00.000-07:00

圖片來源：http://www.zeroturnaround.com/java-ee-productivity-report-2011/

這是2011年初國外網站統計的結果，Spring和Hibernate會成為前兩名，因為這兩種可以搭配其它的Framework一起整合使用，所以人氣如此高。GWT短短幾年就超越STRUTS衝到第三名，來勢洶洶。STRUT很難在成長，但目前有太多專案用此架構，會維持在10％。STRUTS2自從2007年推出以來，有漸漸在成長中，今年推出2.2版，應該是更加穩定。這幾種Framework你能不學嘛？

起源：
由於每次開發新專案，不管用什麼framework都要花很多時間做基本的設定，像是一直出現ClassNotFound，就要去找缺少的jar檔；xml少設定一行，啟動時就出現error，找這些問題相當浪費時間。要是能有一個基本配置完成及用到的jar都沒有缺的專案有多好。這些專案都是我一開始開發時所使用的，只需要改專案名稱即可。

另外也可以給新手當做一個參考的範例，希望新手可以少路。

在此我將會分享四種較多人用的framework，包含原始檔

1. Struts 1.3.10 + Spring 3.1 + Hibernate 3.6

2. Struts 1.3.10 + Spring 3.1 + Hibernate 3.6 JPA

3. Spring 3.1 MVC Annotation + Hibernate 3.6 JPA

4. Struts 2.2.3 Annotation + Spring 3.1 + Hibernate 3.6 JPA

四種共同有配置有Displaytag、Tiles 、 OpenSessionInView 及連接DB

開發環境：
JDK 1.6
Tomcat 6

MyEclipse 9

Spring3 MVC 延遲加載(Lazy Load)的問題

2011-06-16T02:50:00.000-07:00

環境：Spring3 MVC + Hibernate3.6 JPA

錯誤訊息：

org.hibernate.LazyInitializationException: could not initialize proxy - no Session

原因：hibernate session可由spring在控制，hibernate允許對關聯對象、屬性進行延遲加載，但是必須保證延遲加載的操作限於同一個Hibernate Session 範圍之內進行。若Session關閉後，會導致延遲加載資料的訪問異常。

解決方式：
使用OpenEntityManagerInViewFilter，注意這裡所使用的Filter跟hibernate不一樣

1. 在web.xml加上


   OpenSessionInViewFilter
   org.springframework.orm.jpa.support.OpenEntityManagerInViewFilter


   OpenSessionInViewFilter
   /*

2. 若再出現下面錯誤

錯誤訊息：
java.lang.IllegalStateException: No WebApplicationContext found: no ContextLoaderListener registered?

很明顯告訴我們，沒有載入ContextLoaderListener，在web.xml加上


   org.springframework.web.context.ContextLoaderListener

3. 接著啟動時，若applicationContext.xml沒放在WEB-INF下，就算在contextConfigLocation有指定路徑也沒用，就會出現下面的錯誤

錯誤訊息：
org.springframework.beans.factory.BeanDefinitionStoreException: IOException parsing XML document from ServletContext resource [/WEB-INF/applicationContext.xml]; nested exception is java.io.FileNotFoundException: Could not open ServletContext resource [/WEB-INF/applicationContext.xml]

java.lang.IllegalStateException: BeanFactory not initialized or already closed - call 'refresh' before accessing beans via the ApplicationContext

Dynatree教學

2011-06-08T02:37:00.000-07:00

這一套也free的，也有結合contextMenu，最重要的是，官方網站有詳細的教學，個人感覺比jstree更好上手。目前發現一個小缺點，在新增節點時，無法在節點上輸入名稱，還是可以用，跳一個對話框出來輸入節點名稱來解決。

官方網站：Dynatree

下面將會整理一些常用的功能，來做為範例。

$(function(){

loadTree();

//建立子目錄
$("#btnAddNode").click(function(){

 //取得被點選節點
 var node = $("#tree").dynatree("getActiveNode");

 if( !node ){
  alert("請點選節點");
 }else{
   addTreeNode(node.data.key);
   reloadTree();
 }
});


//刪除目錄
$("#btnDeleteNode").click(function(){

 //取得被點選節點
 var node = $("#tree").dynatree("getActiveNode");

 if( !node ){
  alert("請點選節點");
 }else if(node.getLevel()==1){
  alert("根節點無法刪除");
 }else if(node.hasChildren()){
  alert("尚有子節點無法刪除");
 }else if(confirm("確定刪除？")){
  deleteTreeNode(node.data.key);
  reloadTree();
 }
});
});

function loadTree(){

$("#tree").dynatree({ 

 initAjax: { 
  url: "tree.do?method=list" 
 }, 
 onActivate: function(node) { //點擊節點觸發
  alert(node.data.key);
 },
 onSelect: function(select, node) { //取得被勾選的節點
  var selNodes = node.tree.getSelectedNodes(); 
  var selKeys = $.map(selNodes, function(node){ 
  return node.data.key;
  });
  alert(selKeys.join(","));
 },
 onPostInit: function(isReloading, isError) { //樹載完後
  $("#tree").dynatree("getRoot").visit(function(node){ //將節點全選
  node.select(true); 
  }
 }
 checkbox: true,
 minExpandLevel: 2 //預設展開層數
});

}


//重新載入
function reloadTree(){
 var tree = $("#tree").dynatree("getTree");
 tree.reload();
}

function addTreeNode(parentID){
 var data = "parentID="+parentID;
 $.ajax({
  type: 'POST',
  url: "tree.do?method=add",
  data: data,
  dataType: "txt",
  async:false
 });
}


function deleteTreeNode(nodeID){
 var data = "nodeID="+nodeID;
 $.ajax({
  type: 'POST',
  url: "tree.do?method=delete",
  data: data,
  dataType: "txt",
  async:false
 });
}

JQUERY及JAVA開發常用套件

2011-05-17T01:45:00.000-07:00

jquery plugin
1. 畫圖工具

JQPLOT

2. 表格

DisplayTag
優點：相當容易使用。
缺點：2008之後沒有在更新。中文匯出有問題，需要修改原始碼。
JQGRID

3. TREE

JSTREE 教學

DYNATREE

DHTMLTREE (要付費)

4. 文字編輯

FCKEDIT

5. 多檔案上傳

Multiple File Upload
SWFUPLOADER (ie不支援)

JAVA

1. 工具

GUAVA
google出的函式庫，內有許多好用function，尤其是collation，可以省下開發的時間。

BONDCP
目前雖然是0.7版，還持續有更新，網路上可以找到很多測試結果都比c3p0效能好。

jstree教學

2011-05-17T01:09:00.001-07:00

這一套是free的jquery套件，而且有整合contextmenu。由於官網的教學寫的不太詳細，所以我在這整理一下用法。
官方網站：jstree

//using ajax load tree
("#tree1").jstree({
 "themes": {
  "theme": "default",
  "dots": false,
  "icons": false
  },
 "json_data": {
  "ajax": {
   "url": "../AJAXLOADTREE.do"
  }
 },
 "plugins": ["themes","json_data", "checkbox"]
 }).bind("loaded.jstree", function (event, data) {//tree load完才做其他事情
   refill();
 }).bind("click.jstree", function(event, data) {//checkbox被點擊時事件
  $("#tree").jstree("get_checked").each(function() {
   alert(this.id);//取得nodeId
   alert($("#tree1").jstree("get_text","#"+this.id));//取得node title
   });
 });


function loadTree() {
 $("#tree").jstree({
   "themes": {
    "theme": "default",
    "dots": true,
    "icons": true
   },
   "json_data": {
    "ajax": {
     "url": "../AJAXLOADTREE.do?sessionid="+Math.round(Math.random()*100000)//防止被cache
    }
   },
   "plugins": ["themes", "json_data", "ui", "crrm", "dnd"]
 }).bind('create.jstree', function(e, data) {//新增節點
   // create node
   //alert(data.rslt.name);新增節點名稱
   //var node = data.rslt.obj;新增節點物件
   //alert(data.rslt.parent.attr("id"));父節點Id
   if (data.rslt.parent == -1)//新增根目錄
    setTreeFolder('0', data.rslt.name, '0');
   else
    setTreeFolder('0', data.rslt.name, data.rslt.parent.attr("id"));
 }).bind("move_node.jstree", function(event, data) {//移動節點
   var moved_node = data.rslt.o;
   if (moved_node != null) {
    var parentNode = data.inst._get_parent(moved_node);
    if (parentNode != -1)//有父目錄
     moveTreeFolder($(moved_node).attr('id'), $(parentNode).attr('id'));
    else
     moveTreeFolder($(moved_node).attr('id'), '0'); //移動為根目錄
   }
 });
    
 $("#tree").delegate("a", "click", function(e) {//節點單擊事件
   node = this;
   //TODO
 });

 $("#treeFolder").delegate("a", "dblclick", function(e) {//節點雙擊事件
   node = this;
   //TODO
 });
}

//新增或更新節點
function setTreeFolder(id, folderName, parentFolderId) {
 $.ajax({
  url: '../AJAXSETTREE.do',
  type: "POST",
  data: "Id=" + id + "&FolderName=" + folderName + "&ParentFolderId=" + parentFolderId,
  success: function(data,status){reloadTree();}
 });
}

//移動節點
function moveTreeFolder(id, parentid) {
 $.ajax({
  url: '../AJAXMOVETREE.do',
  type: "POST",
  data: "Id=" + id + "&ParentFolderId=" + parentid,
  success: function(data,status){reloadTree();}
 });
}

//重新載入專卷樹
function reloadTree() {
 $("#treeFolder").empty();
 loadTree();
}

//回填
function refill() {
 var nodeNameArray = $("#nodeNameId").val().split(";");
 for(i=0;i <nodeNameArray.length;i++){
  //用name取id
  var selectedId = $('#tree').find("'a[rel="+nodeNameArray[i]+"]'").parent().attr('id');
  //展開節點
  jQuery.each($('#tree').jstree("get_path", "#" + selectedId, true), function(index, value) {
    $('#tree1').jstree("open_node", "#" + value);
  });
  //回勾
  $('#tree').jstree("check_node", "#" + selectedId);
 }
}

hibernate升級至3.6

2011-03-31T20:29:00.000-07:00

先到官方http://sourceforge.net/projects/hibernate/files/hibernate3/下載jar檔
裡面包含了所有需要用到的jar

要替換的jar有
hibernate3.jar
antlr-2.7.6.jar(舊版請移除)

新增加的jar
hibernate-jpa-2.0-api-1.0.0.Final.jar

常見問題：

1. 錯誤訊息：Exception in thread “main” java.lang.NoClassDefFoundError: javax/persistence/EntityListeners

解決方式：缺少hibernate-jpa-2.0-api-1.0.0.Final.jar，放入即可。

2. 錯誤訊息：java.lang.NoSuchMethodError: antlr.collections.AST.getLine()I

解決方式：antlr的版本不對或是有多個antlr互相衝突

3. 錯誤訊息：WARN [org.hibernate.util.DTDEntityResolver] – recognized obsolete hibernate namespace http://hibernate.sourceforge.net/. Use namespace http://www.hibernate.org/dtd/ instead. Refer to Hibernate 3.6 Migration Guide!

解決方式：

<?xml version='1.0' encoding='utf-8'?>
<!DOCTYPE hibernate-configuration PUBLIC
        "-//Hibernate/Hibernate Configuration DTD 3.0//EN"
        "http://hibernate.sourceforge.net/hibernate-configuration-3.0.dtd">

將hbm.xml，如上面xml第四行
http://hibernate.sourceforge.net修改為 http://www.hibernate.org/dtd

JavaScript parseInt 08或09 回傳0的問題

2011-03-06T20:19:00.000-08:00

原因：
這是一個著名的問題，parseInt('01')到07都沒問題，只有08和09回傳。
因為parseInt這個函數，有兩個參數可傳遞：
parseInt(string, radix)

第一個參數 string為轉換為數字的字串
第二個參數 radix 則是設定二進位、還是八進位或十六進位等

若沒設定radix，會自動判斷string，設定進位
EX: 0x 開頭的字串，都視為十六進位字串
0開頭則視為八進位或二進位字串

故parseInt('08')會被判斷為八進位，而八進位裡不會出現 8 和 9 這兩個字母，所以視為不合法的字串，於是就傳回 0。

若parseInt('010')則會被判斷為二進位

解決方法：
1. string不要給08，給8就沒問題了。
2. 把第二個參數也加進去，例如 parseInt('08',10)。

延伸閱讀：
1. parseInt詳細解說
2. JavaScript中parseInt()內部轉換過程