Skip to content

Commit

Permalink
增加DWZ
Browse files Browse the repository at this point in the history
  • Loading branch information
panzhiwei committed Jul 5, 2012
1 parent fb5b476 commit 91d7677
Show file tree
Hide file tree
Showing 510 changed files with 19,365 additions and 0 deletions.
2 changes: 2 additions & 0 deletions mini-web/src/main/webapp/WEB-INF/decorators.xml
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,8 @@
<decorators defaultdir="/WEB-INF/layouts/">
<excludes>
<pattern>/static/*</pattern>
<pattern>/index.jsp</pattern>
<pattern>/main.jsp</pattern>
</excludes>

<decorator name="default" page="default.jsp">
Expand Down
326 changes: 326 additions & 0 deletions mini-web/src/main/webapp/index.jsp

Large diffs are not rendered by default.

70 changes: 70 additions & 0 deletions mini-web/src/main/webapp/main.jsp
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ page import="org.apache.shiro.web.filter.authc.FormAuthenticationFilter"%>
<%@ page import="org.apache.shiro.authc.ExcessiveAttemptsException"%>
<%@ page import="org.apache.shiro.authc.IncorrectCredentialsException"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>

<div class="accountInfo">
<div class="alertInfo">
<!--
<h2>最新消息:</h2>
<a href="">深交所:中小散户是股票上市首日买入主体 占比56%</a>
-->
<h2><a href="doc/dwz-user-guide.pdf" target="_blank">DWZ框架使用手册下载</a></h2>
<a href="doc/dwz-user-guide.swf" target="_blank">DWZ框架视频教材下载</a>
</div>
<div class="right">
<p>待办工作32项,消息212条</p>
<p>07月12日,星期二</p>
</div>
<p><span>DWZ富客户端框架 </span></p>
<p><a href="demo_page2.html" target="dialog">DWZ小组</a></p>
</div>

<div class="pageCentent">
<textarea layoutH="80" style="width:98%">
DWZ富客户端框架设计目标是简单实用、扩展方便、快速开发、RIA思路、轻量级
DWZ支持用html扩展的方式来代替javascript代码, 基本可以保证程序员不董javascript, 也能使用各种页面组件和ajax技术. 如果有特定需求也可以扩展DWZ做定制化开化.
DWZ基于jQuery可以非常方便的定制特定需求的UI组件, 并以jQuery插件的形式发布.
DWZ富客户端框架完全开源,可以免费获取全部源码。团队中的每个人都是开源的拥护者,都希望为中国软件开源事业尽自己的一份力量。

在线演示地址 http://demo.dwzjs.com
在线文档 http://demo.dwzjs.com/doc/dwz-user-guide.pdf
DWZ框架Ajax开发视频教材 http://demo.dwzjs.com/doc/dwz-ajax-develop.swf
DWZ框架演示视频 http://demo.dwzjs.com/doc/dwz-user-guide.swf
Google Code下载: http://code.google.com/p/dwz/

学习DWZ的建议:
通读DWZ文档,很多新手提的问题文档中都写了
看demo每个组件演示效果和代码(留意组件html结构)
建议安装firebug,用firebug看html结构、CSS和调试JS都非常方便。见附录一 firebug介绍
对于初学者不建议看DWZ全部源码,但还是非常有必要看看dwz.ui.js和dwz.ajax.js
可以从google code下载dwz_thinkphp版本,结合php后台去理解DWZ和服务器端的交互方式

DWZ区别于其它JS框架,最大的优点:
完全开源,源码没有做任何混淆处理,方便扩展
CSS和js代码彻底分离,修改样式方便
简单实用,扩展方便,轻量级框架,快速开发
仍然保留了html的页面布局方式
支持HTML扩展方式调用UI组件,开发人员不需写js
只要懂html语法不需精通js,就可以使用ajax开发后台
基于jQuery,UI组件以jQuery插件的形式发布,扩展方便


DWZ研发组联系方式:
杜权(UI设计) [email protected]
吴平(Ajax开发) [email protected]
张慧华(Ajax开发) [email protected]

官方微博(欢迎加入) http://weibo.com/dwzui

jQuery.DWZ-UI-1群(满员) 107983317
jQuery.DWZ-UI-2群(满员) 69611933
jQuery.DWZ-UI-3群(满员) 20866231
jQuery.DWZ-UI-4群(满员) 369203
jQuery.DWZ-UI-5群 85031937

</textarea>
</div>
241 changes: 241 additions & 0 deletions mini-web/src/main/webapp/static/dwz/dwz.frag.xml
Original file line number Diff line number Diff line change
@@ -0,0 +1,241 @@
<?xml version="1.0" encoding="utf-8"?>
<_AJAX_>

<!-- dwz.dialog -->
<_PAGE_ id="dialogFrag"><![CDATA[
<div class="dialog" style="top:150px; left:300px;">
<div class="dialogHeader" onselectstart="return false;" oncopy="return false;" onpaste="return false;" oncut="return false;">
<div class="dialogHeader_r">
<div class="dialogHeader_c">
<a class="close" href="#close">close</a>
<a class="maximize" href="#maximize">maximize</a>
<a class="restore" href="#restore">restore</a>
<a class="minimize" href="#minimize">minimize</a>
<h1>弹出窗口</h1>
</div>
</div>
</div>
<div class="dialogContent layoutBox unitBox">
</div>
<div class="dialogFooter"><div class="dialogFooter_r"><div class="dialogFooter_c"></div></div></div>
<div class="resizable_h_l" tar="nw"></div>
<div class="resizable_h_r" tar="ne"></div>
<div class="resizable_h_c" tar="n"></div>
<div class="resizable_c_l" tar="w" style="height:300px;"></div>
<div class="resizable_c_r" tar="e" style="height:300px;"></div>
<div class="resizable_f_l" tar="sw"></div>
<div class="resizable_f_r" tar="se"></div>
<div class="resizable_f_c" tar="s"></div>
</div>
]]></_PAGE_>
<!-- dwz.dialog shadow -->
<_PAGE_ id="dialogProxy"><![CDATA[
<div id="dialogProxy" class="dialog dialogProxy">
<div class="dialogHeader">
<div class="dialogHeader_r">
<div class="dialogHeader_c">
<a class="close" href="#close">close</a>
<a class="maximize" href="#maximize">maximize</a>
<a class="minimize" href="#minimize">minimize</a>
<h1></h1>
</div>
</div>
</div>
<div class="dialogContent"></div>
<div class="dialogFooter">
<div class="dialogFooter_r">
<div class="dialogFooter_c">
</div>
</div>
</div>
</div>
]]></_PAGE_>
<!-- dwz.dialog taskbar -->
<_PAGE_ id="taskbar"><![CDATA[
<div id="taskbar" style="left:0px; display:none;">
<div class="taskbarContent">
<ul></ul>
</div>
<div class="taskbarLeft taskbarLeftDisabled" style="display:none;">taskbarLeft</div>
<div class="taskbarRight" style="display:none;">taskbarRight</div>
</div>
]]></_PAGE_>

<!-- other dwz fragment -->
<_PAGE_ id="dwzFrag"><![CDATA[
<div id="splitBar"></div>
<div id="splitBarProxy"></div>
<!--拖动效果-->
<div class="resizable"></div>
<!--阴影-->
<div class="shadow" style="width:508px; top:148px; left:296px;">
<div class="shadow_h">
<div class="shadow_h_l"></div>
<div class="shadow_h_r"></div>
<div class="shadow_h_c"></div>
</div>
<div class="shadow_c">
<div class="shadow_c_l" style="height:296px;"></div>
<div class="shadow_c_r" style="height:296px;"></div>
<div class="shadow_c_c" style="height:296px;"></div>
</div>
<div class="shadow_f">
<div class="shadow_f_l"></div>
<div class="shadow_f_r"></div>
<div class="shadow_f_c"></div>
</div>
</div>
<!--遮盖屏幕-->
<div id="alertBackground" class="alertBackground"></div>
<div id="dialogBackground" class="dialogBackground"></div>
<div id='background' class='background'></div>
<div id='progressBar' class='progressBar'>数据加载中,请稍等...</div>
]]></_PAGE_>

<!-- dwz.pagination -->
<_PAGE_ id="pagination"><![CDATA[
<ul>
<li class="j-first">
<a class="first" href="javascript:;"><span>首页</span></a>
<span class="first"><span>首页</span></span>
</li>
<li class="j-prev">
<a class="previous" href="javascript:;"><span>上一页</span></a>
<span class="previous"><span>上一页</span></span>
</li>
#pageNumFrag#
<li class="j-next">
<a class="next" href="javascript:;"><span>下一页</span></a>
<span class="next"><span>下一页</span></span>
</li>
<li class="j-last">
<a class="last" href="javascript:;"><span>末页</span></a>
<span class="last"><span>末页</span></span>
</li>
<li class="jumpto"><input class="textInput" type="text" size="4" value="#currentPage#" /><input class="goto" type="button" value="确定" /></li>
</ul>
]]></_PAGE_>


<!-- dwz.alertMsg -->
<_PAGE_ id="alertBoxFrag"><![CDATA[
<div id="alertMsgBox" class="alert"><div class="alertContent"><div class="#type#"><div class="alertInner"><h1>#title#</h1><div class="msg">#message#</div></div><div class="toolBar"><ul>#butFragment#</ul></div></div></div><div class="alertFooter"><div class="alertFooter_r"><div class="alertFooter_c"></div></div></div></div>
]]></_PAGE_>

<_PAGE_ id="alertButFrag"><![CDATA[
<li><a class="button" rel="#callback#" onclick="alertMsg.close()" href="javascript:"><span>#butMsg#</span></a></li>
]]></_PAGE_>

<_PAGE_ id="calendarFrag"><![CDATA[
<div id="calendar">
<div class="main">
<div class="head">
<table width="100%" border="0" cellpadding="0" cellspacing="2">
<tr>
<td><select name="year"></select></td>
<td><select name="month"></select></td>
<td width="20"><span class="close">×</span></td>
</tr>
</table>
</div>
<div class="body">
<dl class="dayNames"><dt>日</dt><dt>一</dt><dt>二</dt><dt>三</dt><dt>四</dt><dt>五</dt><dt>六</dt></dl>
<dl class="days">日期列表选项</dl>
<div style="clear:both;height:0;line-height:0"></div>
<div class="tm">
<ul class="hh">
<li>0</li>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
<li>16</li>
<li>17</li>
<li>18</li>
<li>19</li>
<li>20</li>
<li>21</li>
<li>22</li>
<li>23</li>
</ul>
<ul class="mm">
<li>0</li>
<li>5</li>
<li>10</li>
<li>15</li>
<li>20</li>
<li>25</li>
<li>30</li>
<li>35</li>
<li>40</li>
<li>45</li>
<li>50</li>
<li>55</li>
</ul>
<ul class="ss">
<li>0</li>
<li>10</li>
<li>20</li>
<li>30</li>
<li>40</li>
<li>50</li>
</ul>
</div>
</div>
<div class="foot">
<table class="time">
<tr>
<td>
<input type="text" class="hh" maxlength="2" start="0" end="23"/>:
<input type="text" class="mm" maxlength="2" start="0" end="59"/>:
<input type="text" class="ss" maxlength="2" start="0" end="59"/>
</td>
<td><ul><li class="up">&and;</li><li class="down">&or;</li></ul></td>
</tr>
</table>
<button type="button" class="clearBut">清空</button>
<button type="button" class="okBut">确定</button>
<div>
</div>
</div>
]]></_PAGE_>

<_PAGE_ id="navTabCM"><![CDATA[
<ul id="navTabCM">
<li rel="reload">刷新标签页</li>
<li rel="closeCurrent">关闭标签页</li>
<li rel="closeOther">关闭其它标签页</li>
<li rel="closeAll">关闭全部标签页</li>
</ul>
]]></_PAGE_>
<_PAGE_ id="dialogCM"><![CDATA[
<ul id="dialogCM">
<li rel="closeCurrent">关闭弹出窗口</li>
<li rel="closeOther">关闭其它弹出窗口</li>
<li rel="closeAll">关闭全部弹出窗口</li>
</ul>
]]></_PAGE_>
<_PAGE_ id="externalFrag"><![CDATA[
<iframe src="{url}" style="width:100%;height:{height};" frameborder="no" border="0" marginwidth="0" marginheight="0"></iframe>
]]></_PAGE_>
<_MSG_ id="validateFormError"><![CDATA[提交数据不完整,{0}个字段有错误,请改正后再提交!]]></_MSG_>
<_MSG_ id="sessionTimout"><![CDATA[会话超时,请重新登录!]]></_MSG_>
<_MSG_ id="alertSelectMsg"><![CDATA[请选择信息!]]></_MSG_>
<_MSG_ id="forwardConfirmMsg"><![CDATA[继续下一步!]]></_MSG_>

<_MSG_ id="dwzTitle"><![CDATA[DWZ富客户端框架]]></_MSG_>
<_MSG_ id="mainTabTitle"><![CDATA[我的主页]]></_MSG_>
</_AJAX_>
Loading

0 comments on commit 91d7677

Please sign in to comment.