DWZ简介及其使用

最新推荐文章于 2023-06-19 22:52:28 发布
最新推荐文章于 2023-06-19 22:52:28 发布
阅读量5.1k 收藏 4
点赞数

 DWZ简介:    

       DWZ富客户端框架(jQuery RIA framework)，是中国人自己开发的基于jQuery实现的Ajax RIA开源框架。 DWZ富客户端框架设计目标是简单实用、扩展方便、快速开发、RIA思路、轻量级。　
　　DWZ框架支持用HTML扩展的方式来代替JavaScript代码，只要懂HTML语法， 再参考DWZ使用手册就可以做Ajax开发。
　　开发人员不写JavaScript的情况下，也能用Ajax做项目和使用各种UI组件。 基本可以保证程序员不懂JavaScript， 也能使用各种页面组件和Ajax技术。 如果有特定需求也可以扩展DWZ做定制化开化。
　　做Ajax项目时需要写大量的JavaScript才能达到满意的效果， 国内很多程序员javascript不熟， 大大影响了开发速度。使用DWZ框架自动邦定JavaScript效果， 不需要开发人员去关心JavaScript怎么写，只要写标准HTML就可以了。DWZ简单扩展了HTML标准，给HTML定义了一些特别的class和attribute。 DWZ框架会找到当前请求结果中的那些特别的class和attribute, 并自动关联上相应的js处理事件和效果。
　　DWZ基于jQuery，可以非常方便的定制特定需求的UI组件， 并以jQuery插件的形式发布出来，如有需要也可做定制化开发。

  DWZ下载地址:http://code.google.com/p/dwz/downloads/list

  DWZ的使用:

 1、下载完DWZ可以看到:

2、解压后可以看到DWZ的各个文件:
 3、对于DWZ如何应用于项目中，官方文档已经做了相关的说明：

第一次打开页面时载入界面到客户端, 之后和服务器的交互只是数据交互, 不占用界面相关的网络流量.

支持HTML扩展方式来调用DWZ组件.

标准化Ajax开发, 降低Ajax开发成本.

也就是说，只需要在一个页面（通常是起始页，如index.aspx/index.php）包含框架，这里的框架是指demo中index.html页面的所有元素（<div class=”page”可自定义），完整的html结构。其它的页面只需要页面碎片，就是<body></body>中的部分。

4、根据上述提示，具体的将DWZ使用在项目中首先得将DWZ解压后的文件夹复制进工程中，后台要使用的主页面则参照demo中的index.html进行构造即可，以下为具体使用过程：

1）在myeclipse中新建一个web工程，在WebRoot下，建立一个文件夹dwz，将下载解压后的dwz文件夹中的内容复制进去：

2）本项目中，后台的系统主界面位于admin文件夹中，所以将dwz中的index.html复制进入admin文件夹中，并做相应修改：
 
 3、根据自己项目的情况，对index.html中引入的相关js或者css文件等进行路径设置，
例子：原来的一个引入文件为：<script src="js/speedup.js" type="text/javascript"></script>
 因为本系统文件夹的index.html在admin下，所以此时需要将其改为<script src="../dwz/js/speedup.js" type="text/javascript"></script> 
<p><strong><span class="pln"> </span><span class="dec"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "</span></strong><a target=_blank href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" rel="nofollow"><strong><span class="dec">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</span></strong></a><strong><span class="dec">"></span>
<span class="tag"><html</span><span class="pln"> </span><span class="atn">xmlns</span><span class="pun">=</span><span class="atv">"</span></strong><a target=_blank href="http://www.w3.org/1999/xhtml" rel="nofollow"><strong><span class="atv">http://www.w3.org/1999/xhtml</span></strong></a><strong><span class="atv">"</span><span class="tag">></span>
<span class="tag"><head></span>
<span class="tag"><meta</span><span class="pln"> </span><span class="atn">http-equiv</span><span class="pun">=</span><span class="atv">"Content-Type"</span><span class="pln"> </span><span class="atn">content</span><span class="pun">=</span><span class="atv">"text/html; charset=utf-8"</span><span class="pln"> </span><span class="tag">/></span>
<span class="tag"><meta</span><span class="pln"> </span><span class="atn">http-equiv</span><span class="pun">=</span><span class="atv">"X-UA-Compatible"</span><span class="pln"> </span><span class="atn">content</span><span class="pun">=</span><span class="atv">"IE=7"</span><span class="pln"> </span><span class="tag">/></span>
<span class="tag"><title></span><span class="pln">简单实用国产jQuery UI框架 - DWZ富客户端框架(J-UI.com)</span><span class="tag"></title></span></strong></p><p><strong><span class="tag"><link</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">"../dwz/themes/default/style.css"</span><span class="pln"> </span><span class="atn">rel</span><span class="pun">=</span><span class="atv">"stylesheet"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/css"</span><span class="pln"> </span><span class="atn">media</span><span class="pun">=</span><span class="atv">"screen"</span><span class="tag">/></span>
<span class="tag"><link</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">"../dwz/themes/css/core.css"</span><span class="pln"> </span><span class="atn">rel</span><span class="pun">=</span><span class="atv">"stylesheet"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/css"</span><span class="pln"> </span><span class="atn">media</span><span class="pun">=</span><span class="atv">"screen"</span><span class="tag">/></span>
<span class="tag"><link</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">"../dwz/themes/css/print.css"</span><span class="pln"> </span><span class="atn">rel</span><span class="pun">=</span><span class="atv">"stylesheet"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/css"</span><span class="pln"> </span><span class="atn">media</span><span class="pun">=</span><span class="atv">"print"</span><span class="tag">/></span>
<span class="tag"><link</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">"../dwz/uploadify/css/uploadify.css"</span><span class="pln"> </span><span class="atn">rel</span><span class="pun">=</span><span class="atv">"stylesheet"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/css"</span><span class="pln"> </span><span class="atn">media</span><span class="pun">=</span><span class="atv">"screen"</span><span class="tag">/></span>
<span class="com"><!--[if IE]></span>
<span class="com"><link href="../dwz/themes/css/ieHack.css" rel="stylesheet" type="text/css" media="screen"/></span>
<span class="com"><![endif]--></span></strong></p><p><strong><span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/speedup.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/jquery-1.7.1.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/jquery.cookie.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/jquery.validate.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/jquery.bgiframe.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/xheditor/xheditor-1.1.12-zh-cn.min.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/uploadify/scripts/swfobject.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/uploadify/scripts/jquery.uploadify.v2.1.0.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span></strong></p><p><strong><span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.core.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.util.date.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.validate.method.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.regional.zh.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.barDrag.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.drag.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.tree.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.accordion.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.ui.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.theme.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.switchEnv.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.alertMsg.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.contextmenu.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.navTab.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.tab.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.resize.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.dialog.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.dialogDrag.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.sortDrag.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.cssTable.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.stable.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.taskBar.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.ajax.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.pagination.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.database.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.datepicker.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.effects.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.panel.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.checkbox.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.history.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.combox.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.print.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span>
<span class="com"><!--</span>
<span class="com"><script src="../dwz/bin/dwz.min.js" type="text/javascript"></script></span>
<span class="com">--></span>
<span class="tag"><script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"../dwz/js/dwz.regional.zh.js"</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></script></span></strong></p><p><strong><span class="tag"><script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></span>
<span class="pln">$</span><span class="pun">(</span><span class="kwd">function</span><span class="pun">(){</span>
<span class="pln"> DWZ</span><span class="pun">.</span><span class="pln">init</span><span class="pun">(</span><span class="str">"../dwz/dwz.frag.xml"</span><span class="pun">,</span><span class="pln"> </span><span class="pun">{</span>
<span class="pln">  loginUrl</span><span class="pun">:</span><span class="str">"login_dialog.html"</span><span class="pun">,</span><span class="pln"> loginTitle</span><span class="pun">:</span><span class="str">"登录"</span><span class="pun">,</span><span class="pln"> </span><span class="com">// 弹出登录对话框</span>
<span class="com">//  loginUrl:"login.html", // 跳到登录页面</span>
<span class="pln">  statusCode</span><span class="pun">:{</span><span class="pln">ok</span><span class="pun">:</span><span class="lit">200</span><span class="pun">,</span><span class="pln"> error</span><span class="pun">:</span><span class="lit">300</span><span class="pun">,</span><span class="pln"> timeout</span><span class="pun">:</span><span class="lit">301</span><span class="pun">},</span><span class="pln"> </span><span class="com">//【可选】</span>
<span class="pln">  pageInfo</span><span class="pun">:{</span><span class="pln">pageNum</span><span class="pun">:</span><span class="str">"pageNum"</span><span class="pun">,</span><span class="pln"> numPerPage</span><span class="pun">:</span><span class="str">"numPerPage"</span><span class="pun">,</span><span class="pln"> orderField</span><span class="pun">:</span><span class="str">"orderField"</span><span class="pun">,</span><span class="pln"> orderDirection</span><span class="pun">:</span><span class="str">"orderDirection"</span><span class="pun">},</span><span class="pln"> </span><span class="com">//【可选】</span>
<span class="pln">  debug</span><span class="pun">:</span><span class="kwd">false</span><span class="pun">,</span><span class="pln"> </span><span class="com">// 调试模式 【true|false】</span>
<span class="pln">  callback</span><span class="pun">:</span><span class="kwd">function</span><span class="pun">(){</span>
<span class="pln">   initEnv</span><span class="pun">();</span>
<span class="pln">   $</span><span class="pun">(</span><span class="str">"#themeList"</span><span class="pun">).</span><span class="pln">theme</span><span class="pun">({</span><span class="pln">themeBase</span><span class="pun">:</span><span class="str">"themes"</span><span class="pun">});</span><span class="pln"> </span><span class="com">// themeBase 相对于index页面的主题base路径</span>
<span class="pln">  </span><span class="pun">}</span>
<span class="pln"> </span><span class="pun">});</span>
<span class="pun">});</span>
<span class="tag"></script></span>
<span class="tag"></head></span></strong></p>
需要注意的是初始化的配置及路径是不可或缺的：
<script type="text/javascript">
$(function(){
 DWZ.init("../dwz/dwz.frag.xml", {
  loginUrl:"login_dialog.html", loginTitle:"登录", // 弹出登录对话框
//  loginUrl:"login.html", // 跳到登录页面
  statusCode:{ok:200, error:300, timeout:301}, //【可选】
  pageInfo:{pageNum:"pageNum", numPerPage:"numPerPage", orderField:"orderField", orderDirection:"orderDirection"}, //【可选】
  debug:false, // 调试模式 【true|false】
  callback:function(){
   initEnv();
   $("#themeList").theme({themeBase:"themes"}); // themeBase 相对于index页面的主题base路径
  }
 });
});
</script>
以上文件配置好后就可以，启动服务器，运行admin文件夹下的index.html文件：
   
   

    
    
   
   
 
运行成功后，之后和服务器的交互只是数据交互, 其它的页面使用也只需要页面碎片，就是<body></body>中的部分。
Mr_yeml
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
dwz框架官网实例
05-13
dwz的官网实例，在eclipse中经过测试
玩转DWZ (一)---项目中怎么使用dwz
weixin_30405421的博客
02-12 548
最近一直在找一个完全开源的web客户端框架，看到了dwz，虽然不知道到底怎么样，但还是支持国产，先学习一下。这篇文章先说一下怎么在项目里使用dwz框架。 首先先下载dwz：https://code.csdn.net/dwzteam/dwz_jui 下载成功后，将压缩包解压，文件夹内如图： 接下来在你的web项目的webroot下新建文件夹dwz,然后将上图东西拷贝进去 ...
DWZ框架学习
weixin_30482383的博客
11-06 367
对象结构图如下： DWZ最大的特点是使用html扩展的方式来代替javascript代码，而不是使用传统的面向对象来开发javascript库；html扩展方式的特点，简单、容易扩展、基于jQuery；javascript库特点，思维方式更接近应用程序，以组件的方式调用；但是实现复杂，扩展不方便； 核心JS介绍：dwz.core.js提供了程序入口；对jQuery做了针对DWZ的扩展，基础...
dwz 学习和使用
幽静的麦田
09-14 4699
一. HTML扩展 1. a标签的扩展 target  (1) ajaxTodo  说明：ajaxPOST请求， 如果有title属性，则显示确认框，否则直接返回请求的结果 代码： ("a[target=ajaxTodo]", $p).each(function(){       $(this).click(function(event){      
记dwz（JUI）前端框架使用（一）
最新发布
u011529483的博客
06-19 421
将DWZ加入web项目中 dwz.frag.xml文件一定要引入，index.html起始页面。此时运行项目、然后访问index.html即可看到框架已经成功引入。后续只需要找到相应示例页面进行改动。如下图：
DWZ框架及使用教程
04-17
本教程将深入讲解DWZ框架及其使用方法。 首先，DWZ框架的核心特性在于它提供了一套完整的前端解决方案，包括页面布局、表单处理、数据展示、导航菜单、对话框等常见的Web应用需求。这些组件均遵循一致的设计模式，...
dwz-ria.rar_dwz
09-23
下面将对DWZ框架及其相关特性进行详细解析。 1. **DWZ框架概述** DWZ框架主要基于AJAX技术，旨在提供一套完整的前端解决方案，包括页面布局、表单处理、数据交互、UI组件等，以提升Web应用的用户体验和交互性。它...
dwz框架及api文档
06-17
DWZ框架是一款基于JavaScript...总的来说，DWZ框架及其API文档为开发者提供了构建高效、互动的Web应用的强大工具。通过深入理解和熟练运用这些资源，开发者可以极大地提高开发效率，创造出符合现代用户需求的应用程序。
DWZ框架在ASP.Net中的运用
10-19
本篇文章将深入探讨DWZ框架在ASP.NET中的应用及其优势。 首先，DWZ框架的核心特性在于其强大的UI组件库，包括表格、对话框、表单、按钮、下拉菜单等，这些组件具有良好的交互性和响应性，能够帮助开发者快速创建出...
如何使用DWZ？
步春良
06-18 1万+
刚刚过去的项目中，前台框架使用
DWZ框架搭建 以及使用
热门推荐
huchunbin的专栏
12-08 1万+
1.搭建框架   1.1. 搭建框架首先需要官网下载框架代码，全都是js文件，图片文件 之类的。 1.2  使用方法可以登录 http://www.j-ui.com/ 网   通过官网演示找到功能 找到页面 1.3 搭建框架 只需要把资源放到对应项目里面，页面上加载对应资源即可，页面模板 可从DWZ资源里找到         2.DWZ标签概念   target标签 ...
dwz格式转换html格式,dwz使用教程.pdf
weixin_39710106的博客
05-30 1103
dwz使用教程DWZ 富客户端框架使用手册目录概述 5设计思路 5学习 DWZ 的建议 5DWZ 区别于其它JS 框架，最大的优点 5版权声明 6DWZ 团队介绍 6HTML 扩展 7Ajax 链接扩展 7当前 navTab 中链接ajax post 扩展 7dialog 链接扩展 7navTab 链接扩展 8Tab 组件扩展 9A ordion 组件 9容器高度自适应 ...
改造DWZ框架
沉默王二
09-24 3191
前言：直接从网上荡下DWZ的dwz4j企业级Java Web快速开发框架(Mybatis + SpringMVC) + jUI整合应用使用的话，里面的一些内容比较冗余，另外里面缺少权限和security，以及对postgre的数据库使用demo，而最近项目中需要开发Java Web的项目，我就花了几天的时间制作和部署了初始化系统，完成了login的登录，同时对用户登录和session过期进行安...
dwz框架---(1)如何学习dwz框架
FFA(Frighting for Ambition!)
08-13 3126
dwz作为一个国产开源框架，简单实用。------这是官方的说法，其实个人觉得很难用。。不想其他框架一样，自己封装的函数比较多，当然用熟了可能会觉得简单好用。而且里面的一些样式不同的浏览器显示有问题，样式丑就不说了。。。不过最近做的一个项目用的这个框架，没办法，还是要学习。好了不多废话，聊聊如何学习这个框架。 首先使用框架的意义就是便捷开发，里面封装了大量的样式和js方法等，不用自己写直接调用即
DWZ富客户端框架（jQuery RIA framework）
weixin_33953249的博客
04-09 180
2019独角兽企业重金招聘Python工程师标准>>> ...
DWZ（一）：框架初了解
孙端
06-28 2155
DWZ富客户端框架(jQuery RIAframework)，是中国人自己开发的基于jQuery实现的Ajax RIA开源框架。 DWZ富客户端框架设计目标是简单实用、扩展方便、快速开发、RIA思路、轻量级。         DWZ框架支持用HTML扩展的方式来代替JavaScript代码，只要懂HTML语法，再参考DWZ使用手册就可以做Ajax开发。 开发人员不写JavaScript的情况
dwz框架解读
weixin_34383618的博客
06-08 556
2019独角兽企业重金招聘Python工程师标准>>> ...
JAVA人力资源管理系统设计文档.doc
05-29
题目：人力资源管理系统 摘要 随着越来越多的公司的创办，膨胀的信息量以及越来越快的工作节奏，人力资源管理 系统在强调管理，强调信息的现实社会中已经变得越来越普及。公司里面工作人员的个 人信息，工作信息以及考勤信息的管理变得尤为重要。在科技发展的同时计算机的发展 也是飞快的，可以说计算机已经成为了人们生活中不可或缺的一部分。而使用计算机对 人事信息进行管理已经是当今社会的趋势。 人力资源管理系统出现于20世纪90年代末，这一代HRMS的数据库将几乎所有与人力资 源相关的数据都进行了收集与管理，更有强力报表生成工具、数据分析工具和信息共享 的实现。 企业采用人力资源管理系统最主要的原因是，期望借由人力资源管理系统，将人力资 源运用到最佳经济效益，也由于知识经济的来临，所谓人力资本的观念已经形成，人力 资本的重要性更不下于土地、厂房、设备与资金等，甚至超越，除此之外，人是知识的 载体，为了有效运用知识，将知识发挥最大的效用，便需要妥善的人力资源管理，才能 够发挥人力资源的最佳效用。 关键词 ： 人力资源管理系统，Java， B/S模式， Struts2， Spring， Mybatis MySQL， DWZ框架 目录 目录 III 第一章 绪论 1 1.1 人力资源管理系统开发背景 1 1.2人力资源管理系统开发意义 1 1.3 人力资源管理系统可行性分析 1 1.3.1 可行性研究 1 1.3.2 技术可行性 2 1.3.3 经济可行性 2 1.3.4 操作可行性 2 1.3.5 法律可行性 2 第二章 相关技术概述 3 2.1 JAVA 结构简介 3 2.2 B/S结构简介 3 2.3 Struts2简介 3 2.4 Spring简介 4 2.5 Mybatis 简介 4 2.6 MySQL数据库简介 4 2.7 DWZ框架简介 5 第三章 需求分析 6 3.1 本系统使用者分析 6 3.2 本系统使用者图形展示 6 3.2.1 管理员权限 6 3.2.2 员工权限 7 3.3 本系统信息处理流程 7 3.3.1 请假记录处理流程 7 3.3.2 员工管理处理流程 7 3.3.3 部门管理处理流程 8 3.3.4 职位管理处理流程 8 第四章 数据库设计 9 4.1 数据库详细设计 9 第五章 系统设计 13 5.1 系统功能模块概要设计 13 5.2 系统功能模块详细设计（功能的实现） 15 5.2.1 进入系统登录界面 15 5.2.2 执行登录操作 16 5.2.3 执行退出操作 17 5.2.4 员工管理列表 18 5.2.5 增加员工信息 19 5.2.6 修改员工信息 23 5.2.7 部门管理列表 26 5.2.8 增加部门信息 27 5.2.9 修改部门信息 28 5.2.10 职位管理列表 30 5.2.11 增加职位信息 31 5.2.12 修改职位信息 32 5.2.13 请假管理列表 34 5.2.14 添加请假记录 35 5.2.15 员工请假记录 40 第六章 其它介绍 41 6.1 项目包说明 41 6.2 兼容性介绍 41 第七章 总结 43 参考文献 44 致 谢 45 第一章 绪论 1.1 人力资源管理系统开发背景 随着计算机日益普及和网络技术的快速发展,数据库的应用范围越来越广和功能越来越 强，开发信息管理系统在现代企业运行模式中显得尤为重要。在强调管理,强调信息的现 代社会中它也变得越来越普及。完善的信息管理系统能使企业在处理很多问题上变得更 快捷、更高效，因此在软件市场上也出现了很多旨在于人力资源管理方面的产品。 本系统可以极大的提高企业人力资源管理的效率，它具有检索迅速、查找方便、可靠 性高、存储量大、保密性好、寿命长和成本低等优点。 1.2人力资源管理系统开发意义 人力资源管理是任何企事业单位都需要进行的一项工作,因此,开发制作人力资源管理 系统具有较大的社会现实意义，同时人力资源管理系统是一切应用系统的典范，它具有 一切应用系统的特征，系统结构与现实生活紧密结合，具体直观，具有典范的数据库系 统的特性。人力资源管理系统主要用于企业内部员工的档案、考勤，便于公司领导掌握 人员的动向，及时调整人才的分配，同时也减少了手工操作带来的一些繁琐与不便，使 员工情况的记录和统计变得十分简单。这些优点可以极大的提高企业对人力资源管理的 效率。因此，人力资源管理系统是企事业信息化、智能化、科学化和正规化不可缺少的 管理软件。 本系统开发的目的一方面从提高人力资源管理工作的效率出发，摆脱过去由人用纸和 笔进行的费时费力的繁重工作，即利用成熟的计算机系统来实现管理工作的自动化。本 系统根据企业管理的一些实际情况而编制的一套自动化的人事信息管理系统。 通过对人力资源管理所做工作的详细调查，搜集了大量的资

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值