posts - 27, 
comments - 0, 
trackbacks - 0


          
	

          

          
	
					


          
	
	
          采用TinyDB組件方式開(kāi)發(fā)
          步驟
          Icon 前文介紹四則運(yùn)算的流程編程開(kāi)發(fā)時(shí)，說(shuō)過(guò)流程編排在開(kāi)發(fā)重復(fù)功能時(shí)，可以利用已有的組件庫(kù)快速開(kāi)發(fā)。對(duì)于開(kāi)發(fā)人員而言只需要簡(jiǎn)單配置流程就可以完成工作了。
          開(kāi)發(fā)增刪改查的組件接口。本來(lái)這部分很花費(fèi)時(shí)間，如果采用組件復(fù)用的話(huà)，就可以實(shí)現(xiàn)一次開(kāi)發(fā)，終生受益。
          • 配置curd.beans.xml和tinydb.xml。
          • 使用流程編輯器定制組件流程curd.pageflow。
          • 修改頁(yè)面文件：list.page和operate.page，使之符合流程方式調(diào)用。
          • 修改布局文件default.layout。

            完整的子工程目錄如下：

          首先是開(kāi)發(fā)增刪改查的組件接口，如果是開(kāi)發(fā)人員自己實(shí)現(xiàn)的話(huà)就是實(shí)現(xiàn)ComponentInterface接口，然后在組件里實(shí)現(xiàn)具體的數(shù)據(jù)庫(kù)邏輯，其實(shí)Tiny框架提供基礎(chǔ)組件庫(kù)，配合TinyDB進(jìn)行開(kāi)發(fā)，可以實(shí)現(xiàn)無(wú)Pojo，無(wú)Dao層，在本示例中開(kāi)發(fā)人員不用寫(xiě)一行Java代碼，通過(guò)配置就可以完成示例需求。

          基礎(chǔ)組件資源
          Icon目前Tiny框架提供如下幾種組件庫(kù)，用戶(hù)可以根據(jù)實(shí)際需要配合流程編輯器使用。
          • org.tinygroup.flowbasiccomponent          提供了邏輯基本組件，如對(duì)象轉(zhuǎn)換組件、調(diào)用靜態(tài)方法和bean組件等。
          • org.tinygroup.flowservicecomponent       提供了邏輯基本服務(wù)，如調(diào)用服務(wù)、調(diào)用本地流程、調(diào)用頁(yè)面流程等。
          • org.tinygroup.tinydbflowcomponent         提供了TinyDB數(shù)據(jù)庫(kù)組件，如插入組件、更新組件、刪除組件、查詢(xún)記錄組件等。
          • org.tinygroup.pageflowbasiccomponent    提供了頁(yè)面基本組件，如頁(yè)面重定向、頁(yè)面轉(zhuǎn)發(fā)等。

            開(kāi)發(fā)人員想要使用使用組件庫(kù)中的內(nèi)置組件，必須將具體的依賴(lài)加入到工程的pom.xml，這樣在使用圖形化工具，在右側(cè)的組件列表就能看到組件清單：
             

          本示例用到了數(shù)據(jù)庫(kù)訪問(wèn)和頁(yè)面跳轉(zhuǎn)，pom.xml里面需要有如下依賴(lài)：
          <dependency>
             <groupId>org.tinygroup</groupId>
              <artifactId>org.tinygroup.tinydbflowcomponent</artifactId>
              <version>${tiny_version}</version>
            </dependency>
           <dependency>
             <groupId>org.tinygroup</groupId>
             <artifactId>org.tinygroup.pageflowbasiccomponent</artifactId>
             <version>${tiny_version}</version>
          < /dependency>

          配置crud.beans.xml可以復(fù)用先前TinyDB采用服務(wù)方式的配置文件，只需要把如下內(nèi)容刪除：
          <bean id="tinyDbCrudService" class="org.tinygroup.crud.service.impl.TinyDbCrudService" scope="singleton">
           <property name="beanType" value="TUser" />
          < /bean>


          因?yàn)楸臼纠](méi)有配置tinyDbCrudService，如果不刪除的話(huà)，Web應(yīng)用啟動(dòng)時(shí)會(huì)報(bào)異常。至于tinydb.xml文件無(wú)需任何修改，可以直接復(fù)用先前例子。

          接下來(lái)按“New”-“Other”-“Tiny框架”-“頁(yè)面流程”順序，創(chuàng)建crud.pageflow，然后按下圖拖曳組件：

          接下來(lái)修改組件的基本信息：標(biāo)識(shí)、英文名和中文名。以插入組件為例，鼠標(biāo)選中畫(huà)板里的“插入組件”，在Eclipse的下方的“Properties”，就可以看到如下內(nèi)容：
           
           

          五個(gè)組件修改完畢，界面如下圖展示：
           
           


          然后是配置組件的擴(kuò)展屬性，每個(gè)組件的擴(kuò)展屬性是根據(jù)自身功能定制的，具體的組件參數(shù)請(qǐng)參考各組件的幫助文檔。這里還是以“新增用戶(hù)”為例：
           
           

          說(shuō)明：這里類(lèi)型就是數(shù)據(jù)庫(kù)表的值對(duì)象類(lèi)型TUser，模式是指數(shù)據(jù)庫(kù)的schema，其他幾個(gè)組件也是類(lèi)似。

          配置好五個(gè)組件的擴(kuò)展屬性，就是配置頁(yè)面組件的擴(kuò)展屬性。頁(yè)面組件的擴(kuò)展屬性就一個(gè)：頁(yè)面路徑。

          頁(yè)面重定向的配置如下：
           
           


          查詢(xún)單用戶(hù)對(duì)應(yīng)的頁(yè)面轉(zhuǎn)發(fā)配置如下：
           
           

          查詢(xún)用戶(hù)列表對(duì)應(yīng)的頁(yè)面轉(zhuǎn)發(fā)配置如下：
           
           

          完整的curd.pageflow的內(nèi)容如下：
           
          1. <flow id="crud" enable="true" private-context="false">  
          2.   <parameters/>  
          3.   <nodes>  
          4.     <node id="start" name="start" title="開(kāi)始">  
          5.       <next-nodes>  
          6.         <next-node next-node-id="addUser"/>  
          7.         <next-node next-node-id="updateUser"/>  
          8.         <next-node next-node-id="deleteUserById"/>  
          9.         <next-node next-node-id="getUserById"/>  
          10.         <next-node next-node-id="redirectComponent"/>  
          11.         <next-node next-node-id="queryUsers"/>  
          12.       </next-nodes>  
          13.     </node>  
          14.     <node id="addUser" name="addUser" title="新增用戶(hù)">  
          15.       <component name="tinydbAddService" title="插入組件">  
          16.         <properties>  
          17.           <flow-property name="beanType" value="TUser"/>  
          18.           <flow-property name="schema" value="sample"/>  
          19.         </properties>  
          20.       </component>  
          21.       <next-nodes>  
          22.         <next-node next-node-id="redirectComponent"/>  
          23.       </next-nodes>  
          24.     </node>  
          25.     <node id="updateUser" name="updateUser" title="更新用戶(hù)">  
          26.       <component name="tinydbUpdateService" title="更新組件">  
          27.         <properties>  
          28.           <flow-property name="beanType" value="TUser"/>  
          29.           <flow-property name="schema" value="sample"/>  
          30.         </properties>  
          31.       </component>  
          32.       <next-nodes>  
          33.         <next-node next-node-id="redirectComponent"/>  
          34.       </next-nodes>  
          35.     </node>  
          36.     <node id="deleteUserById" name="deleteUserById" title="刪除用戶(hù)">  
          37.       <component name="tinydbDeleteService" title="刪除組件">  
          38.         <properties>  
          39.           <flow-property name="beanType" value="TUser"/>  
          40.           <flow-property name="schema" value="sample"/>  
          41.         </properties>  
          42.       </component>  
          43.       <next-nodes>  
          44.         <next-node next-node-id="redirectComponent"/>  
          45.       </next-nodes>  
          46.     </node>  
          47.     <node id="getUserById" name="getUserById" title="查詢(xún)單用戶(hù)">  
          48.       <component name="tinydbQueryServiceWithId" title="單記錄查詢(xún)組件">  
          49.         <properties>  
          50.           <flow-property name="beanType" value="TUser"/>  
          51.           <flow-property name="schema" value="sample"/>  
          52.           <flow-property name="primaryKey" value="${primaryKey}"/>  
          53.           <flow-property name="resultKey" value="user"/>  
          54.         </properties>  
          55.       </component>  
          56.       <next-nodes>  
          57.         <next-node next-node-id="forwardComponent"/>  
          58.       </next-nodes>  
          59.     </node>  
          60.     <node id="forwardComponent" name="forwardComponent" title="頁(yè)面轉(zhuǎn)發(fā)">  
          61.       <component name="forwardComponent" title="頁(yè)面轉(zhuǎn)發(fā)">  
          62.         <properties>  
          63.           <flow-property name="path" value="/crud/operate.page"/>  
          64.         </properties>  
          65.       </component>  
          66.       <next-nodes>  
          67.         <next-node next-node-id="end"/>  
          68.       </next-nodes>  
          69.     </node>  
          70.     <node id="redirectComponent" name="redirectComponent" title="頁(yè)面重定向">  
          71.       <component name="redirectComponent" title="頁(yè)面重定向">  
          72.         <properties>  
          73.           <flow-property name="path" value="crud.pageflow?tiny_flow_id=queryUsers"/>  
          74.         </properties>  
          75.       </component>  
          76.       <next-nodes>  
          77.         <next-node next-node-id="end"/>  
          78.       </next-nodes>  
          79.     </node>  
          80.     <node id="queryUsers" name="queryUsers" title="查詢(xún)用戶(hù)列表">  
          81.       <component name="tinydbQueryService" title="查詢(xún)組件">  
          82.         <properties>  
          83.           <flow-property name="beanType" value="TUser"/>  
          84.           <flow-property name="schema" value="sample"/>  
          85.           <flow-property name="resultKey" value="users"/>  
          86.         </properties>  
          87.       </component>  
          88.       <next-nodes>  
          89.         <next-node next-node-id="forwardComponent_1"/>  
          90.       </next-nodes>  
          91.     </node>  
          92.     <node id="forwardComponent_1" name="forwardComponent" title="頁(yè)面轉(zhuǎn)發(fā)">  
          93.       <component name="forwardComponent" title="頁(yè)面轉(zhuǎn)發(fā)">  
          94.         <properties>  
          95.           <flow-property name="path" value="/crud/list.page"/>  
          96.         </properties>  
          97.       </component>  
          98.       <next-nodes>  
          99.         <next-node next-node-id="end"/>  
          100.       </next-nodes>  
          101.     </node>  
          102.     <node id="end" name="end" title="結(jié)束">  
          103.       <next-nodes/>  
          104.     </node>  
          105.   </nodes>  
          106. < /flow>  

          操作頁(yè)面operate.page代碼如下：
          1. <form action="${TINY_CONTEXT_PATH}/crud.pageflow">  
          2. 姓名:<input type="text" name="name" value="${user?.name}" /><br/>  
          3. 年齡:<input type="text" name="age" value="${user?.age}" /><br/>  
          4.  <input type="hidden" name="id" value="${user?.id}"/>  
          5.  #if($user)  
          6.  <input type="hidden" name="tiny_flow_id" value="updateUser"/>  
          7.  #else  
          8.  <input type="hidden" name="tiny_flow_id" value="addUser"/>  
          9.  #end  
          10. < input type="submit" value="提交">  
          11. < /form>  

           

          列表頁(yè)面list.page代碼如下：
          1. 用戶(hù)管理界面:  
          2. <form>  
          3. < div>  
          4.  <p>  
          5.   <input type="button" id="add" value="添加"/>  
          6.      <input type="button" id="update" value="修改"/>  
          7.      <input type="button" id="delete" value="刪除"/>  
          8.  </p>  
          9.  <table cellpadding="0" cellspacing="1" border="0" bgcolor="#ebebeb" width="500px">  
          10.   <tbody>  
          11.    <tr bgcolor="#ffffff">  
          12.     <th width="35"><input type="checkbox" id="selectAll"/></th>  
          13.     <th width="100px" height="35">名稱(chēng)</th>  
          14.     <th width="365px" >年齡</th>  
          15.    </tr>  
          16.    #foreach($user in $users)  
          17.    <tr bgcolor="#ffffff">  
          18.     <td align="center"><input type="checkbox" name="id" value="$user.id"/></td>  
          19.     <td align="center" height="30">$user.name</td>  
          20.     <td align="center">$user.age</td>  
          21.    </tr>  
          22.    #end  
          23.   </tbody>  
          24.  </table>  
          25. < /div>  
          26. < form>  
          27. < script>  
          28. $(document).ready(function(){  
          29.    $("#selectAll").click(function(){  
          30.         var checked=$(this).get(0).checked;  
          31.         $(":checkbox:not('#selectAll')").each(function(){  
          32.                $(this).get(0).checked=checked;  
          33.         });  
          34.      });  
          35.    $("#add").click(function(){  
          36.        location.href="${TINY_CONTEXT_PATH}/crud/operate.page";  
          37.     }  
          38.    );  
          39.    $("#update").click(function(){  
          40.     var checkboxs=$(":checked:not('#selectAll')");  
          41.     var size=checkboxs.size();  
          42.         if(size==0){  
          43.            alert("修改前請(qǐng)先選擇記錄");  
          44.         }else if(size>1){  
          45.            alert("只能選擇一條記錄進(jìn)行修改");  
          46.         }else{  
          47.          var checkbox=checkboxs.get(0);  
          48.          location.href="${TINY_CONTEXT_PATH}/crud.pageflow?primaryKey="+checkbox.value+"&tiny_flow_id=getUserById";  
          49.         }   
          50.     }  
          51.    );  
          52.     $("#delete").click(function(){  
          53.         if(confirm("確定要?jiǎng)h除選擇的記錄嗎？")){  
          54.               var checkboxs=$(":checked:not('#selectAll')");  
          55.                var size=checkboxs.size();  
          56.                if(size==0){  
          57.                 alert("刪除前請(qǐng)先選擇記錄");  
          58.                }else if(size>1){  
          59.                  alert("只能選擇一條記錄進(jìn)行刪除");  
          60.                }else{  
          61.               var checkbox=checkboxs.get(0);  
          62.              location.href="${TINY_CONTEXT_PATH}/crud.pageflow?id="+checkbox.value+"&tiny_flow_id=deleteUserById";  
          63.              }  
          64.         }  
          65.     }  
          66.    );  
          67. });  
          68. < /script>  

           
          默認(rèn)布局文件default.layout的配置如下：
          1. <table border="1" width="100%">  
          2.    <tr>  
          3.       <td colspan="2">  
          4.         <a href="${TINY_CONTEXT_PATH}/crud.pageflow?tiny_flow_id=queryUsers">用戶(hù)管理</a><br/>  
          5.       </td>  
          6.     </tr>  
          7.     <tr>    
          8.       <td width="20%">tinydb流程方式</td>  
          9.       <td>  
          10.          ${pageContent}  
          11.       </td>  
          12.    </tr>  
          13. < /table>  


          到這一步，流程編排的例子算是開(kāi)發(fā)完畢。
          演示效果

          具體的增刪改查效果，用戶(hù)可以根據(jù)教程自行嘗試。
           
           歡迎訪問(wèn)開(kāi)源技術(shù)社區(qū)：http://bbs.tinygroup.org。本例涉及的代碼和框架資料，將會(huì)在社區(qū)分享。《自己動(dòng)手寫(xiě)框架》成員QQ群：228977971，一起動(dòng)手，了解開(kāi)源框架的奧秘！或點(diǎn)擊加入QQ群：http://jq.qq.com/?_wv=1027&k=d0myfX
          
	
          posted on 2015-07-13 20:42 柏然 閱讀(97) 評(píng)論(0)  編輯  收藏  
          

          







          
	    
    




          





          


          

	
          
		
          
				
		
	
		
          
		
		
          只有注冊(cè)用戶(hù)登錄后才能發(fā)表評(píng)論。
          
		
          
			
		
          
			
		
          
		
		
          
		


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網(wǎng)站導(dǎo)航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				
	



          


          
	
		
          
			
          
	
          
		
          <2015年7月>
          
	
          日一二三四五六
          2829301234
          567891011
          12131415161718
          19202122232425
          2627282930311
          2345678
          

          

          
			
			

          常用鏈接
          


          留言簿
          




		
          隨筆檔案
          
		
				
			
	




          搜索
          

            
	
          • 
		
          •  
	
            • 

          


          最新評(píng)論
	
          

          
	

          


          閱讀排行榜
          



          評(píng)論排行榜
          


          
	

          


          


          

    







          
        
	




主站蜘蛛池模板：
佛坪县|
锡林郭勒盟|
罗山县|
武邑县|
潼南县|
平谷区|
象州县|
甘孜县|
承德市|
金华市|
大邑县|
西城区|
讷河市|
曲靖市|
紫阳县|
手游|
冕宁县|
盐源县|
洛阳市|
繁峙县|
永春县|
河间市|
岗巴县|
吉安县|
开鲁县|
舞钢市|
和平区|
休宁县|
马尔康县|
奈曼旗|
河源市|
正定县|
溧阳市|
房山区|
石台县|
温州市|
芦溪县|
上杭县|
金寨县|
荆州市|
湘阴县|