跳到主要內容

Struts2 - 如何將相關的操作放置於同一個Action中?

Problem

先前做的國軍登出倒數計時器中,有個正在受苦受難弟兄的排行榜,可以根據入伍日期、退伍日期、%數與剩餘天數去排序。除了排序外,還包含要取得不同種類資料的動作。我們可以選擇把這些動作寫成不同的Actions,但如果每一個都寫成一個Action,會讓Action類別很龐大。Struts提供了DispatchAction讓你可以封裝多個動作到一個Action中,以方便管理減少維護困難。

How to?

Java Action

我定義BillBoardAction做為DispatchAction的Controller負責與排行榜功能相關的邏輯流程控制。底下的程式碼主要讓大家知道大概是長怎樣,省略了很多實作細節。基本上就是一個操作對應一個method。
public class BillBoardAction extends ActionSupport 
			implements ServletRequestAware,ServletResponseAware {
	public String getPercentageBillboradInfo(){
		return Action.NONE;
	}
	public String getJoinDateBillboradInfo(){
		return Action.NONE;
	}
	public String getLeftDaysBillboradInfo(){
		return Action.NONE;
	}
	public String getEndDateBillboradInfo(){
		return Action.NONE;
	}
	public String getLogoutInformation(){
		return Action.NONE;
	}

Struts Config

struts config的定義,需要關注的就是name、method與class:

  • name: ui呼叫的Action名稱。
  • class: DispatchAction的類別名稱。
  • method: 對應功能的method名稱。
由於我是透過ajax方式去呼叫Action,因此我沒定義結果導向的設定。另外這個範例有使用到interceptor,用來確認session與認證相關的流程,這裡非本篇重點我不多做說明。
<action name="getLogoutInformation" method="getLogoutInformation"
	class="org.tonylin.logoutarmycd.web.action.BillBoardAction">
	<interceptor-ref name="basic-stack" />
</action>
<action name="getPercentageBillboard" method="getPercentageBillboradInfo"
	class="org.tonylin.logoutarmycd.web.action.BillBoardAction">
	<interceptor-ref name="basic-stack" />
</action>
<action name="getJoinDateBillboard" method="getJoinDateBillboradInfo"
	class="org.tonylin.logoutarmycd.web.action.BillBoardAction">
	<interceptor-ref name="basic-stack" />
</action>
<action name="getEndDateBillboard" method="getEndDateBillboradInfo"
	class="org.tonylin.logoutarmycd.web.action.BillBoardAction">
	<interceptor-ref name="basic-stack" />
</action>
<action name="getLeftDaysBillboard" method="getLeftDaysBillboradInfo"
	class="org.tonylin.logoutarmycd.web.action.BillBoardAction">
	<interceptor-ref name="basic-stack" />
</action>

UI HTML

html的部分相當單純,就只是顯示表格,你注意排序圖片的id即可:
<table id="BillboardTable" cellspacing="0" align="Center" border="1"
	class="table-stats"
	style="background-color: #CECFCE; border-width: 1px; border-style: solid; width: 97%; border-collapse: collapse;">
	<tr bgcolor="#cccccc" style="text-align: center; font-weight: bold;">
		<td width="30">排名</td>
		<td width="40%" align="left">使用者&nbsp;<label>
			<a href="#" style="text-decoration:none;" id="showAllLabel">顯示所有</a>
		</label></td>
		<td width="13%">入伍日期 <img id="jd-image" src="images/common/refresh.gif"
			class="Image-Moveon" title="照入伍日期排行"/></td>
		<td width="13%">退伍日期<img id="ld-image" src="images/common/refresh.gif"
			class="Image-Moveon" title="照退伍日期排行"/></td>
		<td width="13%">%數<img id="pbb-image" src="images/common/sort_desc.gif"
			class="Image-Moveon" title="照%數排行"/></td>
		<td width="13%">剩餘天數<img id="lds-image" src="images/common/refresh.gif"
			class="Image-Moveon" title="照剩餘天數排行"/></td>
	</tr>
</table>

UI Javascript

我在Javascript中定義了BillBoard的物件,我只取出部分重要程式碼做說明。BillBoard物件的宣告定義了各個元素id的綁定,最後會呼叫init的method:
function BillBoard(obj){
	var table = obj;
	var pbbImage = $('#pbb-image');
	var ldsImage = $('#lds-image');
	var ldImage = $('#ld-image');
	var jdImage = $('#jd-image');
 
	this.getBillBoard = function(){
		return table;
	};
	this.getPBBImage = function(){
		return pbbImage;
	};
	this.getLDSImage = function(){
		return ldsImage;
	};
	this.getLDImage = function(){
		return ldImage;
	};
	this.getJDImage = function(){
		return jdImage;
	};
	this.init();
}
在BillBoard的init中,我會將圖片綁定點擊事件,當User點擊圖片後會去呼叫sortBillboard的method,但會根據不同圖片有不同的參數值,以達到不同的排序效果:
BillBoard.prototype.init = function(){
	var thisObj = this;
	// init image event
	this.getPBBImage().click(function(){
			thisObj.sortBillboard('getPercentageBillboard.action','percentage');
	});
	this.getLDSImage().click( function(){
			thisObj.sortBillboard('getLeftDaysBillboard.action','leftDays');
	});
	this.getLDImage().click(function(){
			thisObj.sortBillboard('getEndDateBillboard.action','endDate');
	});
	this.getJDImage().click(function(){
			thisObj.sortBillboard('getJoinDateBillboard.action','joinDate');
 
	});
};
sortBillboard的method很純粹的會透過ajax呼叫一個action的url,最後再將結果顯示於頁面中:
BillBoard.prototype.sortBillboard = function(actionUrl, sortType){
	var thisObj = this;
	// Get the sorting result.
	$.ajax({
		  url: actionUrl,
		  type: "POST",
		  dataType: 'xml',
			 success: function(data) {
					//Show sorting result.
			 }, error: function(data) {
			   	window.alert("Link server failure.");
			}
	});
};

Summary

網路上最常看到的範例就是新增修改刪除查詢操作,而我則是使用以前的使用方式與大家做說明。善用DispatchAction可以透過集中管理方式減少大量的Action,也使得程式碼的維護較容易。

留言

這個網誌中的熱門文章

PostgreSQL - Unattended installation on windows

Introduction 要將別人軟體包裝到自己軟體中,不可或缺的東西就是Unattended installation。以Unattended installation來說,我們可以選擇透過Installer的silent mode安裝,也可以透過把目標軟體做成portable的版本。本篇文章分享這兩種方法,教導大家如何將PostgreSQL透過Unattended installation方式安裝到目標系統成為service。 Note. 本篇以PostgreSQL 10.7為例。 Install with installer Tips 安裝程式或反安裝程式的參數,除了可以直接上官網搜尋Installation User Guide以外,也可以直接使用help參數查詢: postgresql- 10.7 - 2 -windows-x64.exe --help Windows安裝程式主要有EnterpriseDB與BigSQL兩種。BigSQL版本安裝元件是透過網路下載且支援參數不如EnterpriseDB版本多,以我們需求來說,我們傾向於使用EnterpriseDB版本。接下來分享給大家安裝與反安裝方法。 Installation @ echo off set INSTALL_DIR =C:\postgres10 set INSTALLER =postgresql- 10.7 - 2 -windows-x64.exe   rem options for installation set SSMDB_SERVICE =postgresql- 10 set MODE =--unattendedmodeui none --mode unattended   set DB_PASSWD =--superpassword postgres set DB_PORT =--serverport 5432   set SERVICE_NAME =--servicename % SSMDB_SERVICE %   set PREFIX =--prefix "%INSTALL_DIR%" set DATA_DIR =--datadir "%INSTALL_DIR%\data"   set OPTIONS =

How to install RIDE on Windows?

Introduction 多年沒在Windows上開發RobotFramework,趁著這次整理一下RIDE安裝方法。 目前RIDE最新版本與Python對應版本如下: (3.6 < python <= 3.11) Install current released version (2.0.8.1) with: pip install -U robotframework-ride 安裝Python 直接到Python官網找尋最新的3.11版本,我使用3.11.9: link 。安裝就是一直下一步而已。 安裝wxPython 每次安裝RIDE最困難的都是wxPython。看了一下 官網 描述,我就姑且相信一下: 接著進入下 載頁面 就有安裝教學。基本上就是到Python目錄下的Scripts直接執行以下command: pip install -U wxPython 安裝RIDE 接著就如RIDE官網所說,執行以下command: pip install -U robotframework-ride 啟動RIDE 直接在相同目錄下執行ride就可以啟動了,你也可以直接在桌面建ride連結,加快下次啟動時間。 沒想到這次這麼順利就安裝完成了。因為我是使用java去啟動robot framework,就不特別講要怎麼使用pip安裝robot framework了。

Hello World!

即將要搬家,因此舊網頁內容將慢慢轉移至Blogger。 如果要存取舊網頁,可以使用以下連結: https://wiki.tonylin.idv.tw/dokuwiki/doku.php