DWZ框架使用的实例简单介绍

1、Dwz客户端框架的实例简单介绍（技术是： SpringMVC+hibernate视图是：jsp） 1、在使用此框架前把需要的文件准备好，然后导入到Eclipse中，如图： -力 WEbContEid +1凸im尊&栏邑 -：._ j avascript -g dwr l J & bin & dec EJ javascriptE l C57 cust um & dwi_ ac cor di on. j s |霜 dwz_ ajaxB j s * dwz. alertMsg. js 囤 dwz. barDrag. js 国 dwz checkbc*K. js 囤 dwi- coiibox. js

2、|蚤i dz. contextmeii-u. js %| dwz. core, j s |虫i dwz. CEsTable. js dwz_ database, js 圈 dwz_ datepi cker. j s 勺 dwz. di alogDrg. j s 囤 dwi_ drag, j E 图 dwz effects, 囤 dwz. Ki story, js L . IJLl JiHi -Br % Ti n A! 在项目的一个页面导入项目中需要的所有js 文件，如图： 1 3 4 6 5 Ct itl zsp工 ingMVC+DWZ LI L2 rstylesJieet17 te*apte

3、xt/css/ L3 3L4 1S|C! If IE LBClinlc hre r- chernes/css / leHa elr. cs 3w re Is st yle sheec type=teici:/e3s / 17 -script src=w.r. /jaivascript/dvj/jaYascripts/speedup, jsJf ciTtext/jvascript scri.pt 3Tcr=r B/jva-script/dirz/jYascripts/QiifiEy-l, 4* ；tocript src=+ e/jvffscripr/dFzZjavascripts/jQiierT

4、.coaJtie.js1* type=,ftext/javascriptx/script 2. csript sxc=+.ZjjvasCFipt/dFj/javsTripts/jQuery?validate*js1,1 tVP= JrtMt/jsvajerip&ffX/2ripi： 23 2育 2E 2 E 27 2 S 23 30 3Z 本页面加载了所有需要用的 js文件，在以后的页面中就不需要再加载了，只需要调用它的属性就可以了。注意这个文件 dwz.frag.xml很重要，是DWZ的核心文件，所有的js文件都 是 经 过 他 初 始 化 的。 如 图： scripL type= texs

5、cripts $ (functiOQ ( DWZ . */javascript/dwz/ciwz. fragxral, loginOrl: . /login/taLogin. acticm,f r loginTile: 噎录。 1 oginUr 1: r /. /index. jsp, / / 跳到登录页面 statusCade： ok：200f exrox : 300, timeout: 301, 【可选】 pagelnf : (pageNum; rhpageNurahl, immPerPage : htnmFer PageH t debug:false, /调试模式【 true|false

6、 】 callback:function( initEnv(; $ (*#thenoeLi3tM . thenoe (themeBase: themes11)： J)； H； 以上是使用此框架的前期准备，下面就具体介绍在页面中的属性。 2、1) class=pageHeadef,class=searchBar”用在 div 里显示查询样式 查 询 内 容， 写 法 是 己 I七 用户 ID; 用户名称:； 2) class=pageContent” ,class=panelBar,这两个是在 div 里使用的样式, class=toolBar ”是在 ul 里使用的样式。calss=add”这

7、是按钮图标样式，在table标签里使用class=table”来设置表格 的样式，layoutH=”数字”设置表格的高度 3) 分页部分样式： div du恤辿” 颂血ci vilue= $”曲叩琲呵?嗓比旋帕叫制;皿ie qptioQ valne !G ：P：I：I 伸1衅 optini网呻啪 tiH valiie=C val；e=*i69 $仇血监药ET,无包羽H七叫出值二 m selectJ 15 $ MIPE 理 Bge=?s ?iele ctri1 ：M2 (k/ opt!oa $ MfflP 皿 agep芯 0 Pael 只需要写下面代码就可以了， 样 式已经呗人家封装好了 (di

8、v UH普也叫虹i洲 targeLle5Tab:ctalCDUnt= totalCoutrjitf的熨时泣流配噂厂 p嗥岫Sh尚=!k currentPaq?=ffScn 最终的页面显示样式如图所示: I婀丑1 | TA1SB 1匡击 回已 必雕主页 rapfts 可二 用PID： 用户名墙:： 0 0 商调尸宜批眺院 涂出EXCEL fflPlD w 用尸3职 v 创酬 idid p p 用尸扇色 v 用尸状者v 陷作 鸟M 上S植 2011-12-0甄H踽色 审旧曲 J K aa 的 2011-12-12 U.B7.1S 设有沏饷色 己政 4 4 JC tg 轲 2011-12-1311:

9、0900 愤肓制踊色 审击佛 主 K IMh isRjtS 2011-12-0815：1fl.4S 浪有普配角色 己政 M X wer wer 如11-1M3 ”：网30 渤粉政色 丁 K 姓页* 5 5 声新那墙 H H 首页 4 4 上-页1 2 3下 TO TO 木页 X X 1 t CDpyright2011hzh 3 口己 5.编中”tazget=*,di（31ogJ* 连接上加上可实现增加或修改功能需要的弹出窗 口，title是弹出层窗口的标题 4）分页一般是和查询一起的，所以分页的 form上必须加上id=pagerForm，因为js封装了 它，必须写上作为标识。还有提交时的回调函数。如图： 仁簿 切炉 恤囱.idurrsntfjge Dame=*nimatflflgfl11 Talus $ （cmmatPage / :二二typMEiiiWi nane浏3