标签中： type 必填项， type 类型有 text 、 date 、 lookup 、 enum 、 attach 、 del
name 必填项，定义子表字段名称
size 可选项，默认 size= ” 12 ” ，定义从表 input 字段的长度
fieldClass 可选项，用来定义表 input 字段的 class
lookupGroup 当 type= ” lookup ” 或 type= ” attach ” 时必填
lookupUrl 当 type= ” lookup ” 时 lookupUrl 和 suggesUrl 至少填一项，当 type= ” attach ” 时必填
suggestUrl 当 type= ” lookup ” 时 lookupUrl 和 suggesUrl 至少填一项
suggestFields 当 type= ” lookup ” 并且有 suggestUrl 时必填
enumUrl 当 type= ” enum ” 时必填
Ajax 表单 Ajax 表单相关的操作封装在 dwz.ajax.js 中。表单查询、分页、表单提交 js 方法都已经封装在里面了。开发人员自己不需写 js ，按标准使用就可以了。
表单查询 DWZ 中定义表单查询和分页都是用这个 pagerForm 来临时存查询条件。所以需要在查询页面上放下面的form
ajax表单查询
或
修改每页显示行数
20
50
100
200
/**
*处理navTab弹出层上的查询,会重新载入当前navTab
*@param{Object}form
*/
functionnavTabSearch(form){
navTab.reload(form.action,$(form).serializeArray());
returnfalse;
}
/**
*处理dialog弹出层上的查询,会重新载入当前dialog
*@param{Object}form
*/
functiondialogSearch(form){
$.pdialog.reload(form.action,$(form).serializeArray());
returnfalse;
}
/**
*处理navTab中的分页和排序
*@paramargs{pageNum:"n", numPerPage:"n", orderField:"xxx"}
*/
functionnavTabPageBreak(args){
varform=_getPagerForm(navTab.getCurrentPanel(),args);
if(form)navTab.reload(form.action,$(form).serializeArray());
}
/**
*处理dialog中的分页和排序
*@paramargs{pageNum:"n", numPerPage:"n", orderField:"xxx"}
*/
functiondialogPageBreak(args){
varform=_getPagerForm($.pdialog.getCurrent(),args);
if(form)$.pdialog.reload(form.action,$(form).serializeArray());
}
ajax表单查询完整示例：
全部栏目
${item.name}
普通 Ajax 表单提交 DW Z 框架 Ajax 无刷新表单提交处理流程是：
1.ajax 表单提交给服务器
2.服务器返回一个固定格式 json 结构
3.js 会调函数根据这个 json 数据做相应的处理
注意：
DW Z 框架默认的 ajax 表单提交都是返回 json 数据，告诉客户端操作是否成功，成功或失败提示信息，以及成功后的处理方式（刷新某个 navTab 或关闭某个 navTab 或 navTab 页面跳转）。
表单提交后服务器操作失败了，客户端接收 statusCode 和 message 后给出错误提示，表单页面是不动的。这样可以方便用户看到出错原因后直接修改表单数据再次提交，而不用重填整个表单数据。当然如果你还是喜欢表单提交后直接载入 html 页面也是没有问题的，参照 dwz.ajax.js 自己扩展一下也是没问题的。
DWZ 表单提交 dwz.ajax.js
·A jax 表单提交后自动调用默认回调函数 , 操作成功或失败提示 .
F orm 标签上增加 onsubmit ="return validateCallback( this );
· A jax 表单提交后如果需要重新加载某个 navTab 或关闭 dialog ，可以使用 dwz.ajax.js 中事先定义的方法 navTabAjaxDone/dialogAjaxDone
注意：如果表单在 navTab 页面上使用 navTabAjaxDone ，表单在 dialog 页面上使用 dialogAjaxDone
F orm 标签上增加 onsubmit ="return validateCallback( this , navTabAjaxDone ) "
或onsubmit ="return validateCallback( this , dialogAjaxDone ) "
· A jax 表单提交后如果需要做一些其它处理也可以自定义一个回调函数 xxxAjaxDone 。例如下面表单提交成功后关闭当前 navTab , 或者重新载入某个 tab.
F orm 标签上增加 onsubmit ="return validateCallback( this , xxxAjaxDone ) "
服务器端响应 Ajax 表单提交后服务器端需要返回以下 json 代码：
{
"statusCode":"200",
"message":"操作成功",
"navTabId":"",
"rel":"",
"callbackType":"closeCurrent",
"forwardUrl":""
}
以下是dwz.ajax.js中定义的navTabAjaxDone和dialogAjaxDone代码片段：
/**
* navTabAjaxDone 是 DWZ 框架中预定义的表单提交回调函数．
* 服务器转回 navTabId 可以把那个 navTab 标记为 reloadFlag=1, 下次切换到那个 navTab 时会重新载入内容 .
* callbackType 如果是 closeCurrent 就会关闭当前 tab
* 只有 callbackType="forward" 时需要 forwardUrl 值
* navTabAjaxDone 这个回调函数基本可以通用了，如果还有特殊需要也可以自定义回调函数 .
* 如果表单提交只提示操作是否成功 , 就可以不指定回调函数 . 框架会默认调用 DWZ.ajaxDone()
* action="/user.do?method=save" οnsubmit="return validateCallback(this, navTabAjaxDone)">
*
* form 提交后返回 json 数据结构 statusCode=DWZ.statusCode.ok 表示操作成功 , 做页面跳转等操作 . statusCode=DWZ.statusCode.error 表示操作失败 , 提示错误原因 .
* statusCode=DWZ.statusCode.timeout 表示 session 超时，下次点击时跳转到 DWZ.loginUrl
* { "statusCode":"200", "message":" 操作成功 ", "navTabId":"navNewsLi", "forwardUrl":"", "callbackType":"closeCurrent"}
* { "statusCode":"300", "message":" 操作失败 "}
* { "statusCode":"301", "message":" 会话超时 "}
*
*/
function navTabAjaxDone( json){
DWZ. ajaxDone( json);
if ( json. statusCode== DWZ. statusCode. ok){
if ( json. navTabId){ // 把指定 navTab 页面标记为需要“重新载入”。注意 navTabId 不能是当前 navTab 页面的
navTab. reloadFlag( json. navTabId);
} else { // 重新载入当前 navTab 页面
navTabPageBreak();
}
if ( "closeCurrent" == json. callbackType) {
setTimeout( function (){ navTab. closeCurrentTab();}, 100 );
} else if ( "forward" == json. callbackType) {
navTab. reload( json. forwardUrl);
}
}
}
/**
* dialog 上的表单提交回调函数
* 服务器转回 navTabId ，可以重新载入指定的 navTab. statusCode=DWZ.statusCode.ok 表示操作成功 , 自动关闭当前 dialog
*
* form 提交后返回 json 数据结构 ,json 格式和 navTabAjaxDone 一致
*/
function dialogAjaxDone( json){
DWZ. ajaxDone( json);
if ( json. statusCode== DWZ. statusCode. ok){
if ( json. navTabId){
navTab. reload( json. forwardUrl, {}, json. navTabId);
}
$. pdialog. closeCurrent();
}
}
示 例 :
< form method ="post" action ="url" class ="pageForm required-validate" onsubmit ="return validateCallback( this ); ">
< div class ="pageFormContent" layoutH ="56">
< p >
< label > E-Mail：label >
< input class ="required email" name ="email" type ="text" size ="30" />
p >
< p >
< label > 客户名称：label >
< input class ="required" name ="name" type ="text" size ="30" />
p >
div >
< div class ="formBar">
< ul >
< li >
< div class ="buttonActive">< div class ="buttonContent">< button type ="submit"> 保存button >div >div >
li >
< li >
< div class ="button">< div class ="buttonContent">< button type ="Button" class ="close "> 取消button >div >div >
li >
ul >
div >
form >
文件上传表单提交 因为 Ajax 不支持 enctype ="multipart/form-data" 所以用隐藏 iframe 来处理无刷新表单提交 .
< form method ="post" action =" url " class ="pageForm required-validate" enctype ="multipart/form-data" onsubmit ="return iframeCallback( this ); ">
或
< form method ="post" action =" url " class ="pageForm required-validate" enctype ="multipart/form-data" onsubmit ="return iframeCallback( this , [navTabAjaxDone/dialogAjaxDone] ); ">
服务器端响应 DWZ-v1.2 版本开始服务器返回和 validateCallback 格式保持一致：
{
"statusCode":"200",
"message":"操作成功",
"navTabId":"",
"rel":"",
"callbackType":"closeCurrent",
"forwardUrl":""
}
DWZ-v1.2 以前版本 使用隐藏 iframe 来处理无刷新表单提交时，服务器端需要返回以下 js 代码：
< script type ="text/javascript">
var statusCode= "200" ;
var message= " 操作成功 " ;
var navTabId= "" ;
var forwardUrl= "" ;
var callbackType= "closeCurrent"
var response= { statusCode: statusCode,
message: message,
navTabId: navTabId,
forwardUrl: forwardUrl,
callbackType: callbackType
};
if ( window. parent. donecallback) window. parent. donecallback( response);
script >
Java 服务器端表单处理示例 public class NewsAction extends BaseAction {
private NewsManager manager = bf .getManager(BeanManagerKey.newsManager );
private News news = manager .newNews();
private Collection newsList ;
public String add() {
return INPUT ;
}
public String insert() {
manager .createNews(news );
return ajaxForwardSuccess(getText("msg.operation.success" ));
}
public String edit() {
news = manager .getNews(this .getNewsId());
return INPUT ;
}
public String update() {
News m = manager .getNews(newsId );
m.copyProperties(news );
manager .updateNews(m);
return ajaxForwardSuccess(getText("msg.operation.success" ));
}
public String publish() {
manager .publishNews(newsId );
return ajaxForwardSuccess(getText("msg.operation.success" ));
}
public String disable() {
manager .disableNews(newsId );
return ajaxForwardSuccess(getText("msg.operation.success" ));
}
public String delete() {
manager .removeNews(newsId );
return ajaxForwardSuccess(getText("msg.operation.success" ));
}
}
// BaseAction 代码片段
public class BaseAction extends ActionSupport {
private int statusCode = 200;
private String message = null ;
private String forwardUrl = null ;
private String ajaxForward (int statusCode) {
this .statusCode = statusCode;
return OPERATION_DONE ;
}
protected String ajaxForwardSuccess(String message) {
this .message = message;
return ajaxForward (200);
}
protected String ajaxForwardError(String message) {
this .message = message;
return ajaxForward (300);
}
public int getStatusCode() {
return statusCode ;
}
public String getMessage() {
return message ;
}
public String getForwardUrl() {
return forwardUrl ;
}
public void setForwardUrl(String forwardUrl) {
this .forwardUrl = forwardUrl;
}
}
// 工具类判断是否ajax请求
public class ServerInfo {
public static boolean isAjax(HttpServletRequest request) {
if (request != null
&& "XMLHttpRequest" .equalsIgnoreCase(request
.getHeader("X-Requested-With" )))
return true ;
return false ;
}
}
DWZ js 库介绍 DWZ 框架初始化 在 引入必要的 js 库
DWZ 框架初始化会自动读取 dwz.frag.xml 中的 页面组件碎片代码 .
dwz.frag.xml 中定义了一些 dwz 组件碎片和提示信息 , 需要初始化到 DWZ 环境中 .
注意 dwz.frag.xml 路径问题 .
假设 dwz.frag.xml 放在根目录下 , 在 标签中调用 DWZ. init( "dwz.frag.xml" )
< script type ="text/javascript">
$( function (){
DWZ. init( "dwz.frag.xml" , {
loginUrl: "login.html" ,
callback: function (){
initEnv();
$( "#themeList" ). theme({ themeBase: "themes" });
}
});
});
script >
dwz.core.js DWZ 核心库主要功能是 DWZ 初始化 , Javascript String 增加了一些扩展方法 .
定义 dwz ajax 加载扩展 loadUrl(url, data, callback) 和 ajaxUrl(options)
dwz.ui.js 页面效果初始化， html 扩展绑定 js 效果
dwz.ajax.js ajax 表单提交封装
dwz.alertMsg.js Ø确认提示框
alertMsg.confirm(" 您修改的资料未保存，请选择保存或取消！ ", {
okCall: function(){
$.post( url , {accountId: accountId}, DWZ.ajaxDone, "json");
}
});
Ø成功提示框 alertMsg.correct(' 您的数据提交成功！ ')
Ø错误提示框 alertMsg.error(' 您提交的数据有误，请检查后重新提交！ ')
Ø警告提示框 alertMsg.warn(' 您提交的数据有误，请检查后重新提交！ ')
Ø信息提示框 alertMsg.info(' 您提交的数据有误，请检查后重新提交！ ')
dwz.jDialog.js 弹出层组件库
dwz.accordion.js 滑动面板组件库
dwz.barDrag.js DWZ 左边的活动面板
dwz.navTab.js 导航 tab 组件库
navTab API
打开一个标签页 navTab. openTab( tabid, title, url, [data])
重新载入 标签页，如果无tabid参数，就载入当前标签页navTab.reload(url, data, [tabid])
获取当前标签页容器 navTab. getCurrentPanel()
关闭一个 标签页navTab.closeTab(tabid)
关闭当前 标签页navTab.closeCurrentTab()
关闭全部 标签页navTab.closeAllTab()
dwz.scrollCenter.js 页面容器自动居中组件
dwz.stable.js table 组件库
dwz.cssTable.js 简单 table 组件库
dwz.tree.js tree 组件库
dwz.theme.js 切换界面主题风格
dwz.validate.method.js 这是 jquery.validate.js 表单验证扩展方法
dwz.validate.zh.js 表单验证本地化
dwz. contextmenu .js 自定义鼠标右键菜单 , 先在 dwz.frag.xml 加入菜单项定义，下面是 navTab 和 dialog 两个组件的菜单项定义：
< _PAGE_ id ="navTabCM ">
关闭标签页
关闭其它标签页
关闭全部标签页
]]>_PAGE_ >
< _PAGE_ id ="dialogCM ">
关闭弹出窗口
关闭其它弹出窗口
关闭全部弹出窗口
]]>_PAGE_ >
示例：
$( "body" ). contextMenu( ' navTabCM ' , {
bindings:{
closeCurrent: function ( t){
// TODO
},
closeOther: function ( t){
// TODO
},
closeAll: function ( t){
// TODO
}
},
ctrSub: function (t, m){
var mCur= m. find( "[rel='closeCurrent']" );
var mOther= m. find( "[rel='closeOther']" );
var mAll= m. find( "[rel='closeAll']" );
// TODO
}
});
dwz.pagination.js 分页组件库
开发人员只要用程序动态生成这个 ,
不用写 js, 框架自动绑定处理事件。
dwz.database.js suggest 自动完成的提示框组件
lookup 查找带回组件
itemDetail 主从结构组件
selectedTodo 批量选择操作组件 ( 批量删除 , 批量审核 … )
dwz.datepicker.js DWZ 日历控件库
dwz.combox.js combox 下拉菜单组件，支持多级联动
dwz.checkbox.js checkbox 全选、反选。（ demo à 表单组件 à 多选框 / 单选框）
dwz.uitl.date.js 日期处理工具类
dwz. regional.zh.js DWZ 本地化
dwz.validate.method.js jquery.validate.js 扩展
class:
required ” required ” />
email ” email ” />
url ” url ” />
date ” date ” />
number ” number ” />
digits ” digits ” />
creditcard ” creditcard ” />
attribute:
equalTo ： selector
maxlength:
minlength:
实现长度范围时是同时写上 minlength 与 maxlength ，此时的提示将是 rangelength 的提示。
max:
min:
实现值范围时是同时写上 min 与 max ，此时提示将是 range 的提示。
提示内容更改在文件 dwz.regional.zh.js 。
参考文档 http://docs.jquery.com/Plugins/Validation
Javascript 混淆和压缩 Javascript 混淆并 用 gzip 压缩后，可以把 300K 的 js 压缩到 40K 左右．
DWZ 混淆和压缩方法：
1)打开 bin/ gzjs.bat 修改第一行路径为本地文件系统绝对路径
2)执行批处理文件 bin/ gzjs.bat
Javascript 混淆 DWZ 混淆工具 bin/ ESC.wsf
压缩级别分为 5 种，从 0 到 4
Level 0 :: No compression
Level 1 :: Comment removal
Level 2 :: Whitespace removal
Level 3 :: Newline removal
Level 4 :: Variable substitution
在 WINDOWS 命令行下执行
cscript ESC.wsf -ow menu2.js menu.js 将会把 menu.js 按照 js 压缩级别 2 来压缩（默认 js 压缩级别为 2 ）为 menu2.js
cscript ESC.wsf -l 3 -ow menu3.js menu.js 将会把 menu.js 按照 js 压缩级别 3 来压缩为 menu3.js
需要注意的是， js 压缩级别 4 会把变量名修改，如果你的 js 中用到了全局变量或者类的话，就不能使用该压缩级别了，否则其它使用你的 js 的文件可能会无法正常运行。
Javascript 用 gzip 压缩 动态的压缩会导致服务器 CPU 占用率过高 , 现在我想到的解决辨法是通过提供静态压缩 ( 就是将 js 预先通过 gzip.exe 压缩好 )
传统的 JS 压缩 ( 删除注释 , 删除多余空格等 ) 提供的压缩率有时还是不尽不意 , 幸亏现在的浏览器都支持压缩传输 ( 通过设置 http header 的 Content-Encoding=gzip), 可以通过服务器的配置 ( 如 apache) 为你的 js 提供压缩传输 ．
A pache 配制
在 httpd.conf 中加入配制，这样浏览器可以自动解压缩 .gzjs
LoadModule mime_module modules/mod_mime.so
AddEncoding x-gzip .gzjs
DWZ 如何中使用打包的 js 在 index.html 中移除全部 dwz.*.js ，引入下面 2 个 js 库
< script src ="bin/dwz.min.js" type ="text/javascript">script >
< script src ="javascripts/dwz.regional.zh.js" type ="text/javascript">script >
dwz.*.js 打包到 dwz.min.js 步骤：
1) 打开 bin/ gzjs.bat 修改第一行路径为本地文件系统绝对路径
2) 执行批处理文件 bin/ gzjs.bat
使用时引入以下 js ：
javascripts/speedup.js 【可选】 js 加速
javascripts/jquery-1.4.4.js 【必须】 jQuery 库
javascripts/jquery.cookie.js 【可选】 js 操作 cookie, 目前用于记住用户选择的 theme 风格
javascripts/jquery.validate.js 【必须】表单验证
javascripts/jquery.bgiframe.js 【可选】用于 IE6 弹出层不能盖住 select 问题
xheditor/xheditor-zh-cn.min.js 【可选】 xheditor 在线编辑器
uploadify/scripts/swfobject.js 【可选】用于文件批量上传
uploadify/scripts/jquery.uploadify.v2.1.0.js 【可选】用于文件批量上传
bin/dwz.min.js 【必须】 DWZ 框架 js 压缩包
javascripts/dwz.regional.zh.js 【可选】 用于国际 化
常见问题及解决 DWZ 中如何整合第三方 jQuery 插件 jQuery 插件一般是 $(document).ready() 中初始化
$(document).ready( function(){
// 文档就 绪 , 初始化 jQuery 插件
} ) ;
// 或者或缩写形式
$(function(){
// 文档就 绪 , 初始化 jQuery 插件
});
因为 DWZ RIA 是富客户端思路，第一次打开时加载界面到浏览器端，之后和服务器的交互是存数据交互，不占用界面相关的网络流量。
也就是说，只需要在一个完整的页面（通常是起始页，如 index.aspx/index.php/index.jsp 等），只有这个页面包含完整的 html 结构 () ， 中引入全部 css 、 js 。其它的页面只需要页面碎片，就是 中的部分。
因为 ajax 加载基本原理是： ajax 加载一段 html 代码片段放到当前页面的某个容器中（通常是一个 div ）。当然也可以是 xml 结构、 json 结构，只是在插入到当前页面之前也要转化成 html 代码片段。如果你 ajax 加载一个完整的页面 ( 就是包括 标签的 ) ，插入的当前 document 就有问题了，因为一个 document 不可能有多个 标签。
理解了富客户端思路你也就明白了为什么 DWZ 框架中整合第三方 jQuery 插件不能在 中通过 $(document).ready() 初始化。
DWZ 初始化 ajax 加载的页面中的第三方 jQuery 组件：
· 一般插件初始化 dwz.ui.js 中的 initUI 里面处理， initUI() 方法 DWZ 框架封装的 $.fn.loadUrl() 自动调用。如果是 jQuery 原生 load 方法需要手动调用 $.fn.initUI() 插件。 主意 initUI() 中初始化是要注意作用域，里面有一个 $p 代表当前 ajax 加载的容器，只要初始化当前容器新加载的内容就可以了。
· 如果一些特殊的 ajax 交互，自己写回调函数处理
Error loading XML document: dwz.frag.xml 直接用 IE 打开 index.html 弹出一个对话框： Error loading XML document: dwz.frag.xml
原因： dwz.frag.xml是一个核心文件，需要加载才可以正常使用。IE ajax laod 本地文件有限制 , 是 ie 安全级别的问题 , 不是框架的问题 .
解决方法：放到 apache 或 iis 下就可以了 . 如果不想安装 apache 或 iis 用 firefox 打开就正常了。
IIS 不能用 Ajax 访问 *.html 后缀的页面 Ajax 访问 *.html 后缀的页面在 Apache 很好的工作 , 但在 IIS 不行 ,IIS 下 firebug 调试报错 ajax 405 Method Not Allowed 。
Http 405 原因是 IIS 不允许 ajax post 方式访问 *.html 后缀的页。
IIS 在使用 Ajax post 方式请求页面时 , 一定要动态网页后缀的或者用改用 get 方式！这是 IIS 的问题，不是框架 bug 。
也可以试试修改 IIS 配置，添加扩展名（ .html ）的脚本映射。
多个 navTab 页面或 dialog 页面 ID 冲突，解决方法 如果多个 navTab 页面或 dialog 页面有相同的 ID ，假设这个 ID 为： xxxId
$("#xxxId", navTab.getCurrentPanel()); // 获取当前 navTab 中的 xxxId
$("#xxxId", $.pdialog.getCurrent()); // 获取当前 dialog 中的 xxxId
jQuery1.4.2 和 jquery.validate.js 在 IE 的兼容问题 jQuery1.4.2 和 jquery.validate.js 在 IE 有兼容问题， ajax 表单提交在 IE 不能触发 form onsubmit 事件。
导致 form 提交后跳转到了一个白页面。
升级 jQuery1.4.2 注意事项 jQuery1.4.2 对 json 要求非常严格 key 、 value 都要用引号抱起来，否则就无法解析。 jQuery1.3.2 以前版本没有这种限制。
{ "statusCode":"200", "message":" 操作成功 " }
$.ajax() 发送 ajax 请求成功后调用 success 方法 , success 根据 dataType 来解析返回的内容 httpData() 。
分析 jQuery1.4.2 源码发现 dataType = ” json ” 的处理方式完全不一样了。 1 .3.2 之前版本是用 window.eval() 来解析 JSON 结构 , 1.4.2 版本添加了 paseJSON() 方法来解析。
估计是 window.eval() 存在安全漏洞， 1.4.2 版本进行了改进，对 JSON 格式也要求更严格了。
ECMAScript 5 发布有段时间了，其中就包括了解析 JSON 的原生 API-JSON.parse 。许多浏览器已经支持了。
主流 js 库如 JQuery ， Ext ， Prototype 都优先使用 JSON.parse ，不支持该方法的浏览器则使用 new Function 或 eval 。
为何优先使用 JSON.parse ，我想一个就是性能，原生的总是要快一些吧。此外 JSON.parse 较 eval 也更安全。
这里也当然不能落后了，优先使用 JSON.parse ，不行再用 new Function 方式。最后失败了会给 failure 的第二个参数 msg 赋值为 "parse json error"
parseJSON: function ( data) {
if ( typeof data!== "string" || ! data) {
return null ;
}
data= jQuery. trim( data);
if ( /^[\],:{}\s]*$/ . test( data. replace( /\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g , "@" )
. replace( /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g , "]" )
. replace( /(?:^|:|,)(?:\s*\[)+/g , "" )) ) {
return window. JSON&& window. JSON. parse?
window. JSON. parse( data) :
( new Function( "return " + data))();
} else {
jQuery. error( "Invalid JSON: " + data);
}
}
weblogic 访问 xml 问题 weblogic 访问 xml 文件，需要在 web.xml 中加入下面的声明
xml
text/xml
这时再次访问时 weblgoic 就给加上 contentType 了
如何自定义 DWZ 分页参数参数 pagerForm 默认使用的当前页参数是 pageNum, 每页显示条数 numPerPage, 查询排序字段名 orderField, 升序降序 orderDirection, 更改其它参数需要设置 DWZ.init( pageFrag, options ) 的 options [ “ pageInfo ” ]:
< form id ="pagerForm" action ="xxx" method ="post">
< input type ="hidden" name ="pageNum" value ="1" />/>
< input type ="hidden" name ="numPerPage" value ="20" />
< input type ="hidden" name ="orderField" value ="xxx" />
< input type ="hidden" name =" orderDirection " value =" asc|desc " />/>
form >
< script type ="text/javascript">
$( function (){
DWZ. init( "dwz.frag.xml" , {
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" });
}
});
});
script >
如何关闭 loading dwz 的 ajax 方法每次调用都会出现读取数据的 loading ，怎么修改可选的？我自己写了一个局部更新的 ajax 函数，结果 loading 太烦人 怎么关掉好？
dwz.ui.js 中注册了 ajax 全局事件：
var ajaxbg= $( "#background,#progressBar" );
ajaxbg. hide();
$( document). ajaxStart( function (){
ajaxbg. show();
}). ajaxStop( function (){
ajaxbg. hide();
});
$.ajax() 有个参数 global (Boolean) : ( 默认 : true) 是否触发全局 AJAX 事件 . 设置为 false 将不会触发全局 AJAX 事件，如 ajaxStart 或 ajaxStop 可用于控制不同的 Ajax 事件。
DWZ 局部刷新怎样做 ? API 调用方式：
$("#xxxId").loadUrl(url,data, callback);
html 扩展链接方式：
DWZ 版本升级 版本升级如果无特殊说明只要把高版本中的 dwz.*.js 全部覆盖、还有 dwz.frag.xml 和 theme 目录下的 css 就可完成升级。
如果新添加了 js 库，需要在 index.html 页面 head 标签中引入。
V 1.4.7 解决 dwz.tree.js 那个选中父节点下单个子节点获取不到值问题
V 1.4.6 解决 sortDrag 排序出现滚动条的话 滚动出现的部分拖动 一点就跑上面去了
解决 DWZ IE10 表单验证页面 兼容问题，删除 index 页面
升级 xheditor 到 v1.2.1 版
V 1.4.5 uploadify 从 2.1 版本升级到 v3.2 版本 , 调整 dwz 中 uploadify 2 种 demo （自动上传方式；选择文件后再点击 Upload 按钮上传方式）
修正 navTab, dialog 组件 session 超时处理流程，自动关闭当前 navTab 或 dialog
解决 speedup.js （ 用于 IE 加速 ） IE10 中报错问题
修正 dwz.database.js 主从结构中含有日期控件时， dateFmt 格式不一致问题
修正 dwz.database.js 主从 结构 上传附件 ， 弹出的窗口上传文件之后，带回的文件名不显示出来， 原因 是该控件中的 items[#index#] 中的 #index# 没有被替换，导致 js 找不到控件，而无从替换
V 1.4.4 修复使用 xheditor 插件 IE 下兼容问题： IE 下打开一个含有编辑器的页面，然后关闭，再打开不能录入问题
修复多文件上传插件 uploadify 的 html 扩展方式， java 读取不到数据流问题：原因是以前没有把 input="file" 的 name 属性填充到插件 uploadify 的 fileDataName 中
保持 navTab 有 pagerForm 的列表页面 reload 查询条件（ 比如第 5 页上要修改一条记录 修改完了 刷新 页数还在第五页 ）
日历控件添加动态参数 ( 具体细节请参考本手册： HTML 扩展 -> 日历控件 )
添加图表示例
V 1.4.3 修复表单验证插件 jquery.validate.js 1.9 版本， 在 IE 下重复提交 2 次问题。
V 1.4.2 升级表单验证插件 jquery.validate.js 到最新 1.9 版本，解决上 jUI 上一版本中 jQuery1.7.1 和 jquery.valiate 1.7 在 IE 下兼容问题
V 1.4.1 调整 suggest+lookup ，见文档 : HTML 扩展 à suggest+lookup+ 主从结构
添加拖动排序组件 sortDrag
升级注意更新 dwz.frag.xml 、 js 、 css 和表单提交返回的 json 结构添加 confirmMsg 这是 navTabAjaxDone 中 forwardConfirm 时的提示信息，具体细节可以看 dwz.ajax.js 源码和里面的注释
V 1.3 Final 升级注意：
· index 页面中 添加 class “ layoutBox ”改成
· 然后更新 js 、 css 、 dwz.frag.xml
C hangelist ：
1. 修复 combox 联动菜单重复发送 ajax 请求问题 s
2. 调整 layoutH= “ xx ”的高度根据含有 class= ” layoutBox ”的父容器 div 动态更新
3. 修复 navTab 打开外部页面和 iframe 方式打开时，浏览器前进后退问题
a. 外部页面
b. external = ” true ” >iframe 方式打开
4. 调整 L ookup 、 suggest ，添加联动效果。自定义查找带回主键 lookupPk, 可选项默认为 id 。
5. 添加多选查找带回 multL ookup
V1.3 RC4 1. 修改 combox 代码还原 onchane 事件写法，不用 change param 分开写了，修改级联菜单。（请参考本手册 “ HTML 扩展 à combox 组件”）
2. 修改 dwz.ajax.js 中 ajax 分页、局部刷新相关接口
3. 添加 jUI 组件组合应用 局部刷新分页 demo
V1.3 RC3 1. 修复当左边菜单折叠，然后再展开时， table 的纵向滚动条会消失问题
2. taskBar 弹出框任务栏添加 hover 加亮效果
3. 添加 dwzExport 列表数据导出 html 扩展，具体介绍请参见本手册 html 扩展部分
< a href ="doc/dwz-team.xls" target ="dwzExport"> 导出EXCELa >
4. 简化 index.html 页面，以下代码片段移入 dwz.frag.xml 中
o taskBar
o resizable
o Shadow ( 阴影层 )
o
o
o
o 数据加载中，请稍等 ...
V1.3 RC2 1. 解决 loadUrl 插件 IIS 不能用 Ajax 访问 *.htm 或是 *.html 后缀的页面
2. 日历组件 class="date" 并且自定义 pattern 时和验证冲突问题， pattern 改成 format
3. session 超时，弹出登录框，登录后还能保存当前操作到的状态
V1.3 RC1 1. 添加横向导航栏 , 参考示例 index_menu.html
2. 添加主从结构组件 , 参考示例 db_widget.html 和 dwz.database.js
3. 添加 suggest 自动完成的提示框组件
4. 修复 table 组件当把左边栏收缩后拖动下边的滚动条，内容和题错位问题
5. 高级 table 扩展的拖动有 BUG ，单击一下就直接往前缩小了一部分
6. 修复 nav Tab 组件关于 [ 页面一 ( 外部页面 )] ，在 tab 标签上右键刷新，就会出现 [ 数据加载中，请稍等 ...] 的 loading 的效果，但不会自动关掉。所有运用 iframe 的页面同样出现此问题的 bug
V1.2 Final 1. 添加新主题风格 azure
2. 添加 lookup 调用的 dialog 设置 resizable 和 maxable
3. green 和 purple 主题的 tree 和 formBar 样式不正确
4. 一个页面多个 combox ，在加载的时有几率使两个 combox 变为相同问题
5. combox 不能用 validation 验证问题
6. 解决在 form 表单的
中使用如果使用 combox 会造成位置不正确
V1.2 RC1 1. 使用隐藏 iframe 来处理无刷新表单提交时，服务器端返回 json 格式和普通 DWZ 普通 ajax 表单提交保持一致（即 validateCallback 和 iframeCallback 服务器端返回 json 格式一致）。具体细节请参考“文件上传表单提交” 部分
2. 新增关联对象查找带回组件 lookup
3. 修改了 dwz.stable.js 解决了 table 表格组件的标题，拉动后，会和下面的记录错位问题。
4. 新增表格组件多选批量删除功能
5. 新增表格组件点击表头数据库排序功能
6. 调整 table 表格组件默认宽进和普通的 html table 保持一致。
7. table 表格组件添加 TD 内容超大时是否多行显示控制 , nowrapTD ="false" 时 TD 可以自动换行
< table class= "table" layoutH ="138" nowrapTD ="false" width ="100%">
8. 解决切换主题后，左边的菜单，左右拉动 IE 下失效问题。
9. 修复日历控件当日期格式不匹配时初始化失败问题，格式错误时默认为当前日期。
10. 解决在 ie 下页面有 xheditor 编辑器时，经过多次编辑后，文本框失效，不能输入问题。
V 1.1.6 Final DWZ 中 jQuery 版本从 1.4.2 升级到 1.4.4
navTab 组件重复打开同一个页面时是否重新加载数据 控制 : navTab. openTab( tabid, url, { title: ”New Tab”, fresh: false, data:{}});
解决 dwz.combox.js 中的 select 把 jquery 中的 select 冲突问题
V 1.1.6 RC3 日历控件添加自定义选择时间控制功能。
组件 navTab 支持打开外部连接， navTab 组件自动判断如果是外部连接就用 iframe 方式打开。
修复 tab 组件和 inputAlert 组件冲突问题。
xhEditor 升级到最新版本。
V 1.1.6 RC2 解决 Input alt 扩展和必填字段 class= ” required ” 冲突问题
修复 uploadify 打开多个 navTab 时出现多个 upload 按钮
修复 table 组件数据量多的时候 调整这个列宽时 , IE 下提示“是否停止脚本运行”
checkbox 全选、反选示例。（ demo à 表单组件 à 多选框 / 单选框）
Tree 组件优化，增加 checkbox 属性 checked ，表示 checkbox 默认状态是否 checked ，
修改 select combox 组件的默认样式
V 1.1.6 RC1 此版本对应的 dwz_thinkphp-1.0RC1, 可以结合 dwz_thinkphp 版本去理解 DWZ 和服务器端的交互方式
DWZ.init() 方法添加 debug 状态，用于 DWZ .debug()
添加 jquery.uploadify 文件上传 HTML 扩展
HTML 扩展方式 navTab, dialog, ajaxTodo 的 url 支持变量替换。例如： __URL__/edit/id/{sid_user}
Table 组件修复切换 navTab 延时问题
添加 dwz.checkbox.js 用于 checkbox 全选、反选
添加 combox 下拉菜单组件 ( 支持多级联动 )
V 1.1.5 Final 解决 jQuery1.4 . 2 与 jquery.validate.js 在 IE6 下兼容问题， jQuery 版本升级到 1.4.2
修复 dialog 内容无法复制问题
dialog 弹出后默认居中
添加 session 超时控制选择，跳转到“登录页面”或弹出带屏蔽层的“登录对话框”
navTab的openTab( tabid, title, url, [data]) 接口添加data参数，并调换title和url位置
V 1.1.5 RC3 navTab 右键菜单添加“刷新标签页”
修复 google 浏览器中日历控件 icon 错位问题，和 button 字体错位问题
修复在弹出窗口 再弹出一个窗口是，新弹出的窗口被遮住问题
V 1.1.5 RC2 修复 IE6 下 ajaxTodo 成功后关闭当前 navTab 时 js 出错问题
添加 CSS Table ：原生 html + CSS 实现，无 js 处理效果、最简单、最基本、性能最高的 table 。
添加国际化 dwz.regional.zh.js ，删除 dwz.validate.zh.js
DWZ 打包 JS ， dwz.min.js
V 1.1.5 RC1 修复 panel 折叠效果 IE 下错位问题
修复 DWZ 日历控件 IE6 下被 input 和 select 覆盖问题
V 1.1.5 Beta 1 添加 panel 折叠效果
添加 DWZ 日历控件
V1.1.4 Final Tree 添加控制默认展开 / 收缩控制。
jQuery1.4.2 和 jquery.validate.js 在 IE 有兼容问题， ajax 表单提交在 IE 不能触发 form onsubmit 事件。导致 form 提交后跳转到了一个白页面，还原到 jQuery1. 3 .2
解决 v1.1.3 dialog 上的分页问题。
V1.1.3 修复了一些 v1.1. 2 版本 ajax 载入 bug
添加了分页组件
V1.1. 2 修改框架初始化方法，添加回调函数来保证，在初始化 UI 组件之前先载入 dwz.frag.xml
DWZ. init( "dwz.frag.xml" , function (){
initEnv();
$( "#themeList" ). theme({ themeBase: "themes" });
});
修复 IE6 下 alertMsg 问题
当前 dialog 添加 reload 方法： $.pdialog.reload(url, params)
V1.1.1 增加当前 navTab 中链接 a jax post 扩展功能 ajaxTodo
修复 dialog 在 IE 下托动， dialog 中内容自动全选问题
修复 tree 组件折叠图标 bug
修复当前 navTab 上分页通用方法 navTabPageBreak 问题
修复当前 navTab 上分页跳转通用方法 navTabPageJump 问题
修复 navTab 中的 table HTML 扩展问题
v1.1. 0 增加自定义鼠标右键菜单库 dwz.contextment.js
右键菜单定义在 dwz.frag.xml 文件中
navTab 右键菜单功能
< _PAGE_ id ="navTabCM ">
关闭标签页
关闭其它标签页
关闭全部标签页
]]>_PAGE_ >
taskbar 右键菜单功能
< _PAGE_ id ="dialogCM ">
关闭弹出窗口
关闭其它弹出窗口
关闭全部弹出窗口
]]>_PAGE_ >
v1.0.6 增加 Javascript 混淆和 gzip 压缩
增加银灰色主题风格
修复左边活动面板滑动问题
v1.0.5 增加 D ialog 默认大小设置功能 .
H tml 标签扩展方式
< a class ="button" href ="demo_page1.html" target ="dialog" rel ="dlg_page1" title ="[ 自定义标题 ]" width ="800" height ="480"> 打开窗口一< / a >
J S 调用方式
$. pdialog. open( url, dlgId, title, { width: 500 , height: 300 });
navTab 浏览器前进后退按钮控制
ajax 前进后退控制 ,DWZ navTab 浏览器前进后退功能控制 .
增加文件上传表单提交方式演示页面
典型页面 à 文件上传表单提交示例
附录 附录一 F irebug 介绍 Firebug 是一个 Firefox 插件。
Firebug 可以直接在 firefox 中修改、调试、查看 CSS, HTML, and JavaScript 。
Firebug 也可以跟踪 ajax 请求，可以查看 ajax 请求的 request 和 response 信息。
补充说明和常见问题 (xiaosuiba) 作者： xiaosuiba ( [email protected] ) 2011 年 6 月
1 、我如何在项目中使用 dwz?
手册中有如下说明：
也就是说，只需要在一个页面（通常是起始页，如 index.aspx/index.php ）包含框架，这里的框架是指 demo 中 index.html 页面的所有元素（ ” page ” 可自定义），完整的 html 结构。其它的页面只需要页面碎片，就是 中的部分。
2 、怎样初始化 dwz ？
dwz 是通过 init 函数初始化， index.html 的初始化函数如下：
dwz.init(pathToDwz_frag_xml, options);
pathToDwz_frag_xml: js 方式能访问到的 dwz.frag.xml ，一定要保证通过这个地址能访问到 dwz.frag.xml 文件，最好用 serverPath+dwz.frag.xml 的绝对路径方式。
options 是一个对象方式的参数 :
loginUrl: 当 ajax 的 json 返回 timeout 的时候会跳转到此页面
statusCode: 自定义的 json 错误代码，如果不指定将使用图片所示的默认规则。
pageInfo: 这里可以为 pagerForm 指定别名，比如 pageNum: ” currentPage ” 。
C allback: 指定初始化完成后的回调函数。有人问如何在打开 dwz 的时候在我的主页加载另一个页面或者打开一个 navTab ，就可以在 callback 里使用 navTab.open( “ main ” ), $.pdialog.open 等等。
3 、我如何解析 json 数据来重绘表格 / 页面？
很多人不明白 dwz 的工作方式，认为 dwz 的 navTab 的页面看起来是 ajax 方式解析的，那就要从服务器传回 json 再手动解析。 dwz 事实上是这样工作得，只是他传回的不是一部分数据，而是整个页面，然后通过 JSON.eval() 加载到 navTab 上，这个过程对使用者是透明的，也即你不需要关心页面的数据处理，以前怎么写的页面，现在还是怎么写页面。 dwz 会将普通请求转换为 ajax 方式（前提是正确使用 dwz 提供的接口）。
4 、如果不是传输数据， dwz 的 json 是用于哪里？
dwz 的服务器端响应上提到一个服务器端响应 json ，很多初学者问这个 json 如何传递数据，用于自己拼接页面等。如第 3 点所说， dwz 的页面是不需要手动处理 ajax 的，这个 json 结构是对 ajax 表单提交、 ajax post 链接 (ajaxTodo) 状态的响应，而不涉及具体的页面数据。
5 、提交表单或者 ajax post 链接后，如何刷新本 navTab ？
一定要记住在返回的 json 中加上要刷新的 navTabId 。
6 、如何在 ajax 连接扩展中使用回调函数？
手册上没有写，其实从 1.2RC1 开始， ajax link 就有了 callback 属性，用于指定回调函数，如 ” ajaxTodo ” callback= ” MyOwnFunction ” 。
7 、如何使用 table 和 css table 的排序功能？
T able 的排序功能是手册中没有提到的，其实 dwz 的排序功能相当强大，这里我简单介绍一下流程：
1、 给要排序的表格 中加上 asc= ” asc ” desc= ” desc ” ，指定排序别名。
2、 给要排序的表格表头 th 加上 orderField= ” fieldName ” 属性，这样点击该表头才能出发提交事件。 T h 的 class= ” asc ” /class= ” desc ” 会分别显示向上和向下的箭头，这个不是只显示这么简单，往下看。
3、 在 pageForm 加上 orderField 和 orderDirection ，点击排序后提交的依然是 pagerForm ， orderField 会绑定点击的 th 的 orderField ，而 orderDirection 则会反向绑定 th 的 class ，这是 dwz 智能的地方，也就是你不用手动记住状态来反向（感谢细心的作者）， class= ” asc ” 就会提交 orderDirection = desc 。注意每次要将 orderDirection 绑定回 th 的 class 。
8 、如何使用 table 和 css table 的分页功能？
分页功能是大家用得比较多，也是不容易理解的一点。这里我凭着自己的理解给初学者讲讲。
手册上讲得很清楚， dwz 不是客户端分页，而是服务器端分页，结合本文第 3 点可以知道 dwz 的分页就是每次将分页数据提交回后台，后台生成分页数据显示到页面上。需要注意的是以下几点：
1、 分页只需要 pagerForm 与 pagination 两个 dwz 组件，点击分页提交的是 pagerForm 。
2、 pagerForm 用于带查询的分页数据的缓存，说缓存是因为这里的参数都需要自己手动从后台读取绑定（ pageNum 除外）。
3、 P agination 可以理解为一个页码生成器，他需要 totalCount="200" numPerPage="20" pageNumShown="10" currentPage="1" 几个参数来显示，每次后台需要绑定这几个参数， dwz 不会帮你做什么事情，也就是你想他显示第几页就是第几页。
4、 点击分页， dwz 将 pagination 的 currentPage 绑定到 pagerForm 的 pagerNum ，然后提交 pagerForm 到后台。
5、 初学者可以做这件事情来帮助理解：页面只放 pagerForm 和一个 div 和 pagination ， div 每次显示当前的 pageNum 和 pagination ，点击分页来好好体验以下这个过程，这对第三点的理解也有帮助。
9 、如何使用输入表单客户端验证？
客户端表单验证也是手册上的 js 库介绍中的 dwz.regional.zh.js 一节有介绍。结合 demo 中的 demo_page4.html ，简单明了。
10 、如何使用 combox 的 ajax 联动？
手册上提及的联动方式，稍微扩展一下就可以达到 ajax 联动的目的。在 select 的 change 时间中，根据当前选择请求下一级的数据就可以了。
11 、如何做局部刷新？
1.3 版中已经具有局部刷新功能，手册解释如下：
1.2 版可用 loadUrl 方式。
12 、如何去掉 dwz 调用 ajax 方法出现的等待图片
也可以把自己的 $.ajax 的 globle 设置为 false 来屏蔽 ajaxStart 方法。
13 、最后谈谈我的看法 （ xiaosuiba ）
dwz 作为一个开源的 ajax 前端框架，为广大的 web 开发者提供了极大的方便，这点对初学者可能还没有这么深刻，不过一些老程序员可是感动得一塌糊涂。可以看出，这个框架倾注了作者极大的心血，而大家的热情就是对这种奉献精神的最好回报。本人接触 dwz 不过区区 1 个月，但是一直坚持和大家一起讨论问题，就是希望有越来越多的人能够使用 dwz ，这样才能使其具有长久的生命力。
对于 web 开发老手来说， dwz 很容易上手，对于新手，我想提几条建议：
1、 先要有基础的 web 知识，手上常备 js 手册和 dwz 手册。
2、 遇到问题先试着从手册和 demo 里寻找解决办法，尽量不要问手册中已经存在的问题，相信没有人会喜欢一遍一遍回答诸如 navTab 是什么， navTabId 是什么之类的问题。
3、 相信 dwz 能够用于项目，现在已经有人成功了。所以放手去做吧。
4、 尽量使用最新版本，作为一个开源项目， dwz 更新是频繁的，通过这种更新来消除 bug ，同时引入新的特性。所以请升级你的版本到最新稳定版本或 RC 版本。
你可能感兴趣的:(WEB)
理解Gunicorn：Python WSGI服务器的基石
范范0825
ipython linux 运维
理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico
Google earth studio 简介
陟彼高冈yu
旅游
GoogleEarthStudio是一个基于Web的动画工具，专为创作使用GoogleEarth数据的动画和视频而设计。它利用了GoogleEarth强大的三维地图和卫星影像数据库，使用户能够轻松地创建逼真的地球动画、航拍视频和动态地图可视化。网址为https://www.google.com/earth/studio/。GoogleEarthStudio是一个基于Web的动画工具，专为创作使用G
PHP环境搭建详细教程
好看资源平台
前端 php
PHP是一个流行的服务器端脚本语言，广泛用于Web开发。为了使PHP能够在本地或服务器上运行，我们需要搭建一个合适的PHP环境。本教程将结合最新资料，介绍在不同操作系统上搭建PHP开发环境的多种方法，包括Windows、macOS和Linux系统的安装步骤，以及本地和Docker环境的配置。1.PHP环境搭建概述PHP环境的搭建主要分为以下几类：集成开发环境：例如XAMPP、WAMP、MAMP，这
DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理
STU学生网页设计
网页设计 期末网页作业 html静态网页 html5期末大作业 网页设计 web大作业
️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript
二挡起步
web前端期末大作业 javascript html css 旅游 风景
⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动
二挡起步
web前端期末大作业 web设计网页规划与设计 html css javascript dreamweaver 前端
Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
git - Webhook让部署自动化
大猪大猪
我们现在有一个需求，将项目打包上传到gitlab或者github后，程序能自动部署，不用手动地去服务器中进行项目更新并运行，如何做到？这里我们可以使用gitlab与github的挂钩，挂钩的原理就是，每当我们有请求到gitlab与github服务器时，这时他俩会根据我们配置的挂钩地扯进行访问，webhook挂钩程序会一直监听着某个端口请求，一但收到他们发过来的请求，这时就知道用户有请求提交了，这时
webpack图片等资源的处理
dmengmeng
需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p
「豆包Marscode体验官」 | 云端 IDE 启动 & Rust 体验
张风捷特烈
ide rust 开发语言 后端
theme:cyanosis我正在参加「豆包MarsCode初体验」征文活动MarsCode可以看作一个运行在服务端的远程VSCode开发环境。对于我这种想要学习体验某些语言，但不想在电脑里装环境的人来说非常友好。本文就来介绍一下在MarsCode里，我的体验rust开发体验。一、MarsCode是什么它的本质是:提供代码助手和云端IDE服务的web网站，可通过下面的链接访问https://www
Python神器！WEB自动化测试集成工具 DrissionPage
亚丁号
python 开发语言
一、前言用requests做数据采集面对要登录的网站时，要分析数据包、JS源码，构造复杂的请求，往往还要应付验证码、JS混淆、签名参数等反爬手段，门槛较高。若数据是由JS计算生成的，还须重现计算过程，体验不好，开发效率不高。使用浏览器，可以很大程度上绕过这些坑，但浏览器运行效率不高。因此，这个库设计初衷，是将它们合而为一，能够在不同须要时切换相应模式，并提供一种人性化的使用方法，提高开发和运行效率
Java爬虫框架（一）--架构设计
狼图腾-狼之传说
java 框架 java 任务 html解析器 存储 电子商务
一、架构图那里搜网络爬虫框架主要针对电子商务网站进行数据爬取，分析，存储，索引。爬虫：爬虫负责爬取，解析，处理电子商务网站的网页的内容数据库：存储商品信息索引：商品的全文搜索索引Task队列：需要爬取的网页列表Visited表：已经爬取过的网页列表爬虫监控平台：web平台可以启动，停止爬虫，管理爬虫，task队列，visited表。二、爬虫1.流程1)Scheduler启动爬虫器，TaskMast
Java：爬虫框架
dingcho
Java java 爬虫
一、ApacheNutch2【参考地址】Nutch是一个开源Java实现的搜索引擎。它提供了我们运行自己的搜索引擎所需的全部工具。包括全文搜索和Web爬虫。Nutch致力于让每个人能很容易,同时花费很少就可以配置世界一流的Web搜索引擎.为了完成这一宏伟的目标,Nutch必须能够做到:每个月取几十亿网页为这些网页维护一个索引对索引文件进行每秒上千次的搜索提供高质量的搜索结果简单来说Nutch支持分
MongoDB知识概括
GeorgeLin98
持久层 mongodb
MongoDB知识概括MongoDB相关概念单机部署基本常用命令索引-IndexSpirngDataMongoDB集成副本集分片集群安全认证MongoDB相关概念业务应用场景：传统的关系型数据库（如MySQL），在数据操作的“三高”需求以及应对Web2.0的网站需求面前，显得力不从心。解释：“三高”需求：①Highperformance-对数据库高并发读写的需求。②HugeStorage-对海量数
Python实现下载当前年份的谷歌影像
sand&wich
python 开发语言
在GIS项目和地图应用中，获取最新的地理影像数据是非常重要的。本文将介绍如何使用Python代码从Google地图自动下载当前年份的影像数据，并将其保存为高分辨率的TIFF格式文件。这个过程涉及地理坐标转换、多线程下载和图像处理。关键功能该脚本的核心功能包括：坐标转换：支持WGS-84与WebMercator投影之间转换，以及处理中国GCJ-02偏移。自动化下载：多线程下载地图瓦片，提高效率。图像
Spring MVC 全面指南：从入门到精通的详细解析
一杯梅子酱
技术栈学习 spring mvc java
引言：SpringMVC，作为Spring框架的一个重要模块，为构建Web应用提供了强大的功能和灵活性。无论是初学者还是有一定经验的开发者，掌握SpringMVC都将显著提升你的Web开发技能。本文旨在为初学者提供一个全面且易于理解的学习路径，通过详细的知识点分析和实际案例，帮助你快速上手SpringMVC，让学习过程既深刻又高效。一、SpringMVC简介1.1什么是SpringMVC？Spri
Spring Boot中实现跨域请求
BABA8891
spring boot 后端 java
在SpringBoot中实现跨域请求（CORS，Cross-OriginResourceSharing）可以通过多种方式，以下是几种常见的方法：1.使用@CrossOrigin注解在SpringBoot中，你可以在控制器或者具体的请求处理方法上使用@CrossOrigin注解来允许跨域请求。在控制器上应用：importorg.springframework.web.bind.annotation.
WebMagic：强大的Java爬虫框架解析与实战
Aaron_945
Java java 爬虫 开发语言
文章目录引言官网链接WebMagic原理概述基础使用1.添加依赖2.编写PageProcessor高级使用1.自定义Pipeline2.分布式抓取优点结论引言在大数据时代，网络爬虫作为数据收集的重要工具，扮演着不可或缺的角色。Java作为一门广泛使用的编程语言，在爬虫开发领域也有其独特的优势。WebMagic是一个开源的Java爬虫框架，它提供了简单灵活的API，支持多线程、分布式抓取，以及丰富的
00. 这里整理了最全的爬虫框架（Java + Python）
有一只柴犬
爬虫系列 爬虫 java python
目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
最简单将静态网页挂载到服务器上(不用nginx)
全能全知者
服务器 nginx 运维 前端 html 笔记
最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl
uniapp使用内置地图选择插件，实现地址选择并在地图上标点
神夜大侠
Uniapp vue.js uniapp
uniapp使用内置地图选择插件，实现地址选择并在地图上标点代码如下：page{background:#F4F5F6;}::-webkit-scrollbar{width:0;height:0;color:transparent;}page{height:100%;width:100%;font-size:24rpx;}image,view,input,textarea,label,text,na
【Golang】实现 Excel 文件下载功能
RumIV
Golang golang excel 开发语言
在当今的网络应用开发中，提供数据导出功能是一项常见的需求。Excel作为一种广泛使用的电子表格格式，通常是数据导出的首选格式之一。在本教程中，我们将学习如何使用Go语言和GinWeb框架来创建一个Excel文件，并允许用户通过HTTP请求下载该文件。准备工作在开始之前，请确保您的开发环境中已经安装了Go语言和相关的开发工具。此外，您还需要安装GinWeb框架和excelize包，这两个包都将用于我
VUE3 + xterm + nestjs实现web远程终端 或 连接开启SSH登录的路由器和交换机。
焚木灵
node.js vue
可远程连接系统终端或开启SSH登录的路由器和交换机。相关资料：xtermjs/xterm.js:Aterminalfortheweb(github.com)后端实现(NestJS)：1、安装依赖：npminstallnode-ssh@nestjs/websockets@nestjs/platform-socket.io2、我们将创建一个名为RemoteControlModule的NestJS模块，
metaRTC8.0，一个全新架构的webRTC SDK库
metaRTC
webrtc 音视频
概述metaRTC8.0是metaRTC开源以来架构变化最大的一个版本，是metaIPC3.0等高性能的基础。metaRTC8.0是一个全新架构版本，并非在metaRTC7.0版本上简单升级，在QOS/语音对讲/内存占用/视频文件录制读取等方面新增多个模块，在弱网对抗/语音对讲/内存优化等效果上有显著提升。metaRTC8.0在一年多的开发中进行了近200次迭代，metaRTC8.0社区版计划在2
metaRTC/webRTC QOS 方案与实践
metaRTC
metaRTC 解决方案 webrtc qos
概述质量服务(QOS/QualityofService)是指利用各种技术方案提高网络通信质量的技术，网络通信质量需要解决下面两个问题：网络问题：UDP/不稳定网络/弱网下的丢包/延时/乱序/抖动数据量问题：发送数据量超带宽负载和平滑发送拥塞控制是各种技术方案的数据基础，丢包恢复解决丢包问题，抗乱序抖动解决网络乱序抖动问题，流量控制解决平滑发送数据/数据超带宽负载/延时问题。拥塞控制(Congest
metaRTC5.0 API编程指南(一)
metaRTC
metaRTC c++ c语言 webrtc
概述metaRTC5.0版本API进行了重构，本篇文章将介绍webrtc传输调用流程和例子。metaRTC5.0版本提供了C++和纯C两种接口。纯C接口YangPeerConnection头文件:include/yangrtc/YangPeerConnection.htypedefstruct{void*conn;YangAVInfo*avinfo;YangStreamConfigstreamco
详解“c:/work/src/components/a/b.vue“‘ has no default export报错原因
hw_happy
开发语言 前端 vue.js javascript
前情提要在一个vue文件中需要引入定义的b.vue文件，但是提示b文件没有默认导出，对于vue2文件来说有exportdefault，在中，所有定义的变量、函数和组件都会自动被视为默认导出的组件内容。因此，不需要显式地使用exportdefault来导出组件。但是在我引用这个文件的时候还是提示了这个错误，原来是我的项目使用了ts和vite\webpack，因为TypeScript和Vue的默认导出
原力元宇宙：Web3时代下的虚拟现实融合与普通人逆袭的机遇
口碑信息传播者
在数字化浪潮席卷全球的今天，一个崭新的概念——原力元宇宙，正以其独特的魅力吸引着越来越多的目光。作为元宇宙国际性的一个项目，原力元宇宙不仅融合了Web3第三代互联网的前沿技术，更将虚拟现实与现实生活紧密相连，为我们描绘出一幅前所未有的数字新世界画卷。13分钟视频内容讲明白原力元宇宙创富项目，中国区运营服务对接微信：ForceZen原力元宇宙，是一个时代的跨越，它代表着互联网技术的又一次革新。Web
html+css网页设计 旅游网站首页1个页面
html+css+js网页设计
html css 旅游
html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击
bat+ffmpeg批处理图片，图片批量转码
张雨zy
音视频 ffmpeg
直接在cmd中输入//批量转码文件for%ain("*.png")doffmpeg-i"%a"-fs1024k"%~na.webp"//删除所有pngdel*.png@echooff表示执行了这条命令后关闭所有命令(包括本身这条命令)的回显。而echooff命令则表示关闭其他所有命令(不包括本身这条命令)的回显，@的作用就是关闭紧跟其后的一条命令的回显脚本完整代码写入脚本中后，需要多加一个%，例如
css设置当字数超过限制后以省略号（...）显示
周bro
css 前端 vue css3 html 经验分享
1、文字超出一行，省略超出部分，显示’…’用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2、多行文本溢出显示省略号display:-webkit-box;-webkit-box-orient:vertical;-webkit-lin
ASM系列六 利用TreeApi 添加和移除类成员
lijingyao8206
jvm 动态代理 ASM 字节码技术 TreeAPI
同生成的做法一样，添加和移除类成员只要去修改fields和methods中的元素即可。这里我们拿一个简单的类做例子，下面这个Task类，我们来移除isNeedRemove方法，并且添加一个int 类型的addedField属性。
package asm.core;
/**
* Created by yunshen.ljy on 2015/6/
Springmvc-权限设计
bee1314
spring Web jsp
万丈高楼平地起。
权限管理对于管理系统而言已经是标配中的标配了吧，对于我等俗人更是不能免俗。同时就目前的项目状况而言，我们还不需要那么高大上的开源的解决方案，如Spring Security，Shiro。小伙伴一致决定我们还是从基本的功能迭代起来吧。
目标：
1.实现权限的管理（CRUD）
2.实现部门管理 （CRUD)
3.实现人员的管理 （CRUD）
4.实现部门和权限
算法竞赛入门经典（第二版）第2章习题
CrazyMizzz
c 算法
2.4.1 输出技巧
#include <stdio.h>
int
main()
{
int i, n;
scanf("%d", &n);
for (i = 1; i <= n; i++)
printf("%d\n", i);
return 0;
}
习题2-2 水仙花数(daffodil
struts2中jsp自动跳转到Action
麦田的设计者
jsp webxml struts2 自动跳转
1、在struts2的开发中，经常需要用户点击网页后就直接跳转到一个Action，执行Action里面的方法，利用mvc分层思想执行相应操作在界面上得到动态数据。毕竟用户不可能在地址栏里输入一个Action（不是专业人士）
2、＜jsp:forward page="xxx.action" /＞ ，这个标签可以实现跳转，page的路径是相对地址,不同与jsp和j
php 操作webservice实例
IT独行者
PHP webservice
首先大家要简单了解了何谓webservice，接下来就做两个非常简单的例子，webservice还是逃不开server端与client端。我测试的环境为：apache2.2.11 php5.2.10做这个测试之前，要确认你的php配置文件中已经将soap扩展打开，即extension=php_soap.dll;
OK 现在我们来体验webservice
//server端 serve
Windows下使用Vagrant安装linux系统
_wy_
windows vagrant
准备工作：
下载安装 VirtualBox ：https://www.virtualbox.org/
下载安装 Vagrant ：http://www.vagrantup.com/
下载需要使用的 box ：
官方提供的范例：http://files.vagrantup.com/precise32.box
还可以在 http://www.vagrantbox.es/
更改linux的文件拥有者及用户组(chown和chgrp)
无量
c linux chgrp chown
本文（转）
http://blog.163.com/yanenshun@126/blog/static/128388169201203011157308/
http://ydlmlh.iteye.com/blog/1435157
一、基本使用：
使用chown命令可以修改文件或目录所属的用户：
命令
linux下抓包工具
矮蛋蛋
linux
原文地址：
http://blog.chinaunix.net/uid-23670869-id-2610683.html
tcpdump -nn -vv -X udp port 8888
上面命令是抓取udp包、端口为8888
netstat -tln 命令是用来查看linux的端口使用情况
13 . 列出所有的网络连接
lsof -i
14. 列出所有tcp 网络连接信息
l
我觉得mybatis是垃圾！：“每一个用mybatis的男纸，你伤不起”
alafqq
mybatis
最近看了
每一个用mybatis的男纸，你伤不起
原文地址 ：http://www.iteye.com/topic/1073938
发表一下个人看法。欢迎大神拍砖；
个人一直使用的是Ibatis框架，公司对其进行过小小的改良；
最近换了公司，要使用新的框架。听说mybatis不错；就对其进行了部分的研究；
发现多了一个mapper层；个人感觉就是个dao；
解决java数据交换之谜
百合不是茶
数据交换
交换两个数字的方法有以下三种 ，其中第一种最常用
/*
输出最小的一个数
*/
public class jiaohuan1 {
public static void main(String[] args) {
int a =4;
int b = 3;
if(a<b){
// 第一种交换方式
int tmep =
渐变显示
bijian1013
JavaScript
<style type="text/css">
#wxf {
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#97FF98);
height: 25px;
}
</style>
探索JUnit4扩展：断言语法assertThat
bijian1013
java 单元测试 assertThat
一.概述
JUnit 设计的目的就是有效地抓住编程人员写代码的意图，然后快速检查他们的代码是否与他们的意图相匹配。 JUnit 发展至今，版本不停的翻新，但是所有版本都一致致力于解决一个问题，那就是如何发现编程人员的代码意图，并且如何使得编程人员更加容易地表达他们的代码意图。JUnit 4.4 也是为了如何能够
【Gson三】Gson解析{"data":{"IM":["MSN","QQ","Gtalk"]}}
bit1129
gson
如何把如下简单的JSON字符串反序列化为Java的POJO对象?
{"data":{"IM":["MSN","QQ","Gtalk"]}}
下面的POJO类Model无法完成正确的解析：
import com.google.gson.Gson;
【Kafka九】Kafka High Level API vs. Low Level API
bit1129
kafka
1. Kafka提供了两种Consumer API
High Level Consumer API
Low Level Consumer API(Kafka诡异的称之为Simple Consumer API，实际上非常复杂)
在选用哪种Consumer API时，首先要弄清楚这两种API的工作原理，能做什么不能做什么，能做的话怎么做的以及用的时候，有哪些可能的问题
在nginx中集成lua脚本：添加自定义Http头，封IP等
ronin47
nginx lua
Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com
Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。
location /{
java-归并排序
bylijinnan
java
import java.util.Arrays;
public class MergeSort {
public static void main(String[] args) {
int[] a={20,1,3,8,5,9,4,25};
mergeSort(a,0,a.length-1);
System.out.println(Arrays.to
Netty源码学习-CompositeChannelBuffer
bylijinnan
java netty
CompositeChannelBuffer体现了Netty的“Transparent Zero Copy”
查看API（
http://docs.jboss.org/netty/3.2/api/org/jboss/netty/buffer/package-summary.html#package_description）
可以看到，所谓“Transparent Zero Copy”是通
Android中给Activity添加返回键
hotsunshine
Activity
// this need android:minSdkVersion="11"
getActionBar().setDisplayHomeAsUpEnabled(true);
@Override
public boolean onOptionsItemSelected(MenuItem item) {
静态页面传参
ctrain
静态
$(document).ready(function () {
var request = {
QueryString :
function (val) {
var uri = window.location.search;
var re = new RegExp("" + val + "=([^&?]*)", &
Windows中查找某个目录下的所有文件中包含某个字符串的命令
daizj
windows 查找某个目录下的所有文件 包含某个字符串
findstr可以完成这个工作。
[html]
view plain
copy
>findstr /s /i "string" *.*
上面的命令表示，当前目录以及当前目录的所有子目录下的所有文件中查找"string&qu
改善程序代码质量的一些技巧
dcj3sjt126com
编程 PHP 重构
有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。让我们看一些基本的编程技巧： 尽量保持方法简短 尽管很多人都遵
SharedPreferences对数据的存储
dcj3sjt126com
SharedPreferences简介： &nbs
linux复习笔记之bash shell (2) bash基础
eksliang
bash bash shell
转载请出自出处：
http://eksliang.iteye.com/blog/2104329
1.影响显示结果的语系变量（locale）
1.1locale这个命令就是查看当前系统支持多少种语系，命令使用如下：
[root@localhost shell]# locale
LANG=en_US.UTF-8
LC_CTYPE="en_US.UTF-8"
Android零碎知识总结
gqdy365
android
1、CopyOnWriteArrayList add(E) 和remove(int index)都是对新的数组进行修改和新增。所以在多线程操作时不会出现java.util.ConcurrentModificationException错误。
所以最后得出结论：CopyOnWriteArrayList适合使用在读操作远远大于写操作的场景里，比如缓存。发生修改时候做copy，新老版本分离，保证读的高
HoverTree.Model.ArticleSelect类的作用
hvt
Web .net C# hovertree asp.net
ArticleSelect类在命名空间HoverTree.Model中可以认为是文章查询条件类，用于存放查询文章时的条件，例如HvtId就是文章的id。HvtIsShow就是文章的显示属性，当为-1是，该条件不产生作用，当为0时，查询不公开显示的文章，当为1时查询公开显示的文章。HvtIsHome则为是否在首页显示。HoverTree系统源码完全开放，开发环境为Visual Studio 2013
PHP 判断是否使用代理 PHP Proxy Detector
天梯梦
proxy
1. php 类
I found this class looking for something else actually but I remembered I needed some while ago something similar and I never found one. I'm sure it will help a lot of developers who try to
apache的math库中的回归——regression（翻译）
lvdccyb
Math apache
这个Math库，虽然不向weka那样专业的ML库，但是用户友好，易用。
多元线性回归，协方差和相关性（皮尔逊和斯皮尔曼），分布测试（假设检验，t，卡方，G），统计。
数学库中还包含，Cholesky，LU，SVD，QR，特征根分解，真不错。
基本覆盖了：线代，统计，矩阵，
最优化理论
曲线拟合
常微分方程
遗传算法（GA），
还有3维的运算。。。
基础数据结构和算法十三：Undirected Graphs (2)
sunwinner
Algorithm
Design pattern for graph processing.
Since we consider a large number of graph-processing algorithms, our initial design goal is to decouple our implementations from the graph representation
云计算平台最重要的五项技术
sumapp
云计算 云平台 智城云
云计算平台最重要的五项技术
1、云服务器
云服务器提供简单高效，处理能力可弹性伸缩的计算服务，支持国内领先的云计算技术和大规模分布存储技术，使您的系统更稳定、数据更安全、传输更快速、部署更灵活。
特性
机型丰富
通过高性能服务器虚拟化为云服务器，提供丰富配置类型虚拟机，极大简化数据存储、数据库搭建、web服务器搭建等工作；
仅需要几分钟，根据CP
《京东技术解密》有奖试读获奖名单公布
ITeye管理员
活动
ITeye携手博文视点举办的12月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。
12月试读活动回顾：
http://webmaster.iteye.com/blog/2164754
本次技术图书试读活动获奖名单及相应作品如下：
一等奖（两名）
Microhardest：http://microhardest.ite
