跳到主要內容

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，也使得程式碼的維護較容易。
標籤：

留言

張貼留言

這個網誌中的熱門文章

解決RobotFramework從3.1.2升級到3.2.2之後，Choose File突然會整個Hand住的問題

考慮到自動測試環境的維護，我們很久以前就使用java去執行robot framework。前陣子開始處理從3.1.2升級到3.2.2的事情，主要先把明確的runtime語法錯誤與deprecate item處理好，這部分內容可以參考: link 。 直到最近才發現，透過SeleniumLibrary執行Choose File去上傳檔案的動作，會導致測試案例timeout。本篇文章主要分享心路歷程與解決方法，我也送了一條issue給robot framework: link 。 我的環境如下: RobotFramework: 3.2.2 Selenium: 3.141.0 SeleniumLibrary: 3.3.1 Remote Selenium Version: selenium-server-standalone-3.141.59 首先並非所有Choose File的動作都會hang住，有些測試案例是可以執行的，但是上傳一個作業系統ISO檔案一定會發生問題。後來我透過wireshark去比對新舊版本的上傳動作，因為我使用 Remote Selenium ，所以Selenium會先把檔案透過REST API發送到Remote Selenium Server上。從下圖我們可以發現，在3.2.2的最後一個TCP封包，比3.1.2大概少了500個bytes。 於是就開始了我trace code之路。包含SeleniumLibrary產生要送給Remote Selenium Server的request內容，還有HTTP Content-Length的計算，我都確認過沒有問題。 最後發現問題是出在socket API的使用上，就是下圖的這支code: 最後發現可能因為開始使用nio的方式送資料，但沒處理到尚未送完的資料內容，而導致發生問題。加一個loop去做計算就可以解決了。 最後我有把解法提供給robot framework官方，在他們出新的版本之前，我是將改完的_socket.py放在我們自己的Lib底下，好讓我們測試可以正常進行。(shutil.py應該也是為了解某個bug而產生的樣子..)
張貼留言
閱讀完整內容

Show NIC selection when setting the network command with the device option

 Problem  在answer file中設定網卡名稱後，安裝時會停在以下畫面: 所使用的command參數如下: network --onboot = yes --bootproto =dhcp --ipv6 =auto --device =eth1 Diagnostic Result 這樣的參數，以前試驗過是可以安裝完成的。因此在發生這個問題後，我檢查了它的debug console: 從console得知，eth1可能是沒有連接網路線或者是網路太慢而導致的問題。後來和Ivy再三確認，有問題的是有接網路線的網卡，且問題是發生在activate階段: Solution 我想既然有retry應該就有次數或者timeout限制，因此發現在Anaconda的說明文件中( link )，有提到dhcptimeout這個boot參數。看了一些人的使用範例，應該是可以直接串在isolinux.cfg中，如下: default linux ksdevice = link ip =dhcp ks =cdrom: / ks.cfg dhcptimeout = 90 然而我在RHEL/CentOS 6.7與6.8試驗後都無效。 因此我就拿了顯示的錯誤字串，問問Google大師，想找一下Anaconda source code來看一下。最後找到別人根據Anaconda code修改的版本: link ，關鍵在於setupIfaceStruct函式中的setupIfaceStruct與readNetConfig: setupIfaceStruct: 會在dhcp時設定dhcptimeout。 readNetConfig: 在writeEnabledNetInfo將timeout寫入dhclient config中；在wait_for_iface_activation內會根據timeout做retry。 再來從log與code可以得知，它讀取的檔案是answer file而不是boot command line。因此我接下來的測試，就是在answer file的network command上加入dhcptimeout: network --onboot = yes --bootproto =dhcp --ipv6 =auto --device =eth1 --...
張貼留言
閱讀完整內容

Robot Framework - Evaluate該怎麼用?

Evaluate該怎麼用? 前言 Builtin的RobotFramework Library提供了Evaluate Keyword。它所提供的功能是「執行Python描述句」。但實際上到底有什麼用途呢?原本我僅僅拿來將string轉為int的功用，經過一些查詢與試驗，我將心得整理給大家。 Builtin Builtin的function可以參考Library Doc for Evaluate。我以有使用過的function做說明。 數字轉換 Python提供了int、long、float與complex等function讓你可以將字串轉為數字，也可以透過它們做四則運算。首先以字串轉數字為例，我將8設於${num_str}中，再透過Evaluate+int轉為數字。這裡必須注意的是: 「int()中放變數必須以單引號'括起」。否則，假如你設定的數字為08，在轉換int時會出現Syntax Error。 ${num_str} | Set Variable | 8 ${num} | Evaluate | int('${num_str}') 其中int與long的第二個參數為base，這是根據你的input所決定: Comment | num = 9 ${num} | Evaluate | int('11', 8) Comment | num = 11 ${num} | Evaluate | int('11', 10) Comment | num = 17 ${num} | Evaluate | int('11', 16) 其它還有像bin、oct、hex，可以將整數轉為2、8、16進位。 運算 四則運算: 直接將運算子加上即可: ${num} | Evaluate | int('${hour}')*60 + int('${min}') 指數: 可以用pow。以下面兩個例子來說，第一個是2的3次方為8，第二個是2的3次方再mod 7為1。需注意的是: 「傳入值必須是數字不可為字串」。 ${num} | Evaluate | pow(2,3) ${num} | Evaluate | pow(2,3,7) 取最大最小值: 使用max/min，可以選擇丟一個array的方式...
張貼留言
閱讀完整內容