??xml version="1.0" encoding="utf-8" standalone="yes"?> Effect.Scale(''text1'', 200) 基本用法:prototype.jsl每个主要的c都分了一个Class,使用h很方?要生特定的效果,只要用new Class.function(<argument>)可以了.例如: 当点击Click Me的时?div2׃交替隐藏或显C?注意,你可以给toggle加上无限个parameter,比如Element.toggle(''div2'',''div3'',''div4'',...)
]]>
函数?/td>
解释
举例
Element.toggle
交替隐藏或显C?/td>
Element.toggle(''div1'',''div2'')
Element.hide
隐藏
Element.hide(''div1'',''div2'')
Element.show
昄
Element.show(''div1'',''div2'')
Element.remove
删除
Element.remove(''div1'',''div2'')
Element.getHeight
取得高度
Element.getHeight(''div1'')
Toggle.display
和Element.toggle相同
Toggle.display(''div1'',''div2'')
Insertion.Before
在DIV前插入文?/td>
Insertion.Before(''div1'',''my content'')
Insertion.After
在DIV后插入文?/td>
Insertion.After(''div1'',''my content'')
Insertion.Top
在DIV里最前插入文?/td>
Insertion.Top(''div1'',''this is a text'')
Insertion.Bottom
在DIV里最后插入文?/td>
Insertion.Bottom(''div1'',''this is a text'')
PeriodicalExecuter
以给定频率调用一DJavaScript
PeridicalExecutor(test, 1)"q里test是Javascript的函?1是频?1U?.
$
取得一个DIV, 相当于getElementById()
$(''div1'')
Field.clear
清空一个输入框
Field.clear(''textfield1'')
Field.focus
?nbsp;焦点集中在输入框?/td>
Field.focus(''select1'')
Field.present
判断内容是否为空
alert(Field.present(''textfield1''))"
Field.select
选择输入框的内容
Field.select(''textfield1'')"
Field.activate
?nbsp;焦点集中在输入框上ƈ选择输入框的内容
Field.activate(''textfield1'')"
Form.serialize
把表格内容{化成string
Form.getElements
取得表格内容为数lŞ?/td>
Form.disable
disable表格所有内?/td>
Form.disable(''form1'') (q个好象不work)
Form.focusFirstElement
把焦炚w中在表格W一个元素上
Form.focusFirstElement(''form1'')
Form.reset
Reset表格
Form.reset(''form1'')
Form.Element.getValue
取得表格输入框的?/td>
Form.Element.getValue(''text1'')
Form.Element.serialize
把表g输入框内容{化成string
Form.Element.serialize(''text1'')
$F
{同于Form.Element.getValue()
$F(''text1'')
Effect.Highlight
高亮Ҏ.
Effect.Highlight(''text1'')
Effect.Fade
褪色Ҏ
Effect.Scale
攑֤~小(癑ֈ比)
q里200 = 200%, 即两?/p>
Effect.Squish
消失ҎQ文字羃后消失
Effect.Squish(''text1'')
Effect.Puff
消失ҎQ文字放大后消失
Effect.Puff(''text1'')
Effect.Appear
出现Ҏ
Effect.ContentZoom
ZOOMҎQ?/td>
Ajax.Request
传送Ajaxhl服务器
Ajax.Request(''http://server/s.php'')
Ajax.Updater
传送Ajaxhl服务器q用{复的结果更新指定的Container
Ajax.Updater(''text1'',''http://server/s.php'')
<DIV id="div1"><a href="#" onclick="new Element.toggle('div2')">Click Me</a></DIV>
<DIV id="div2">Hello!</DIV>
]]>
]]>
]]>
( 架构设计重点在于系l分层ƈ产生层次内的模块、阐明模块之间的关系 )
一.
概述
描述本文的参考依据、资料以及大概内宏V?/span>
?
目的
描述本文~写的目的?/span>
?
架构设计
阐明q行架构设计的M原则Q如寚w题域的分析方法?/span>
3.1.
架构分析
对场景以及问题域q行分析Q构成系l的架构U设计,阐明对于pȝ的分层思想?/span>
3.2.
设计思想
阐明q行架构设计的思想Q可参考一些架构设计的模式Q需l合当前pȝ的实际情况而定?/span>
3.3.
架构体系
Ҏ架构分析和设计思想产生pȝ的架构图QƈҎ构图q行描述Q说明分层的原因、层ơ的职责QƈҎ架构囄制系l的物理部v图,描述pȝ的部|体pR?/span>
3.4.
模块划分
Ҏ架构图进行模块的划分q明模块划分的理由Q绘制模块物理图以及模块依赖图?/span>
3.4.1.
模块描述
Ҏ模块物理图描q各模块的职责,q声明其对其他模块的接口要求。?/span>
3.4.2.
模块接口设计
Ҏ块接口进行设计,q提供一定的伪代码?/span>
XXX
概要设计说明?/span>
(
概要设计重点在于模块分解ؓ对象q明对象之间的关系
)
一.
概述
描述本文的参考依据、资料以及大概内宏V?/span>
?
目的
描述本文的编写目的?/span>
?
模块概要设计
引用架构设计说明书中的模块图Qƈ阐述对于模块q行设计的大致思\?/span>
3.1.
设计思想
阐明概要设计的思想Q概要设计的思想通常是涉及设计模式的?/span>
3.2.
模块
A
3.2.1.
概要设计
Ҏ该模块的职责Ҏ块进行概要设?/span>
(
分解模块为对象、描q对象的职责以及声明对象之间的接?/span>
)
Q绘制模块的对象图、对象间的依赖图以及模块主要功能的序列图Q分别加以描qƈ相应的描q模块异常的处理Ҏ?/span>
3.2.2.
模块接口实现
阐明对于架构设计中定义的模块接口的实现的设计?/span>
XXX
详细设计说明?/span>
( 详细设计重点在于Ҏ块进行实玎ͼ模块的对象分解为属性和ҎQƈ阐述如何实现 )
一.
概述
阐述本文的参考依据、资料以及大概内宏V?/span>
?
目的
阐述本文的编写目的?/span>
?
模块详细设计
3.1.
设计思想
阐述Ҏ块进行详l设计的思想?/span>
3.2.
模块
A
q回ZQ何会话和M作用域中的指定表最后生成的标识倹{?
IDENT_CURRENT('table_name')
table_name
是将要返回其标识值的表的名称?i>table_name 的数据类型ؓ varcharQ没有默认倹{?/p>
sql_variant
--------------------------------------------------------------------------------------------------
q回插入到同一作用域中?IDENTITY 列内的最后一?IDENTITY 倹{一个作用域是一个模块——存储过E、触发器、函数或批处理。因此,如果两个语句处于同一个存储过E、函数或批处理中Q则它们位于相同的作用域中?/p>
SCOPE_IDENTITY( )
sql_variant
IDENT_CURRENT 不受作用域和会话的限Ӟ而受限于指定的表?br />
树型l构是一cd用非常广泛的数据l构。hcȝ会中宗族的族谱和C企业的组lŞ式都是树型结构。在计算机领域中,文gpȝ中文件的理l构、存储器理中的表、数据库中的索引{也都是树型l构。随着Internet的飞速发展,树型l构在浏览器/服务器(Browser/ServerQ简UB/SQ应用系l的应用也越来越q泛? dhtmlTree.prototype.Loading=function(pObject){ 提供lJavaScript的dhtmlTreeObject.prototype.insertItemQ)解析q组l好html输出节点Q其中childQ?表示有子节点Q?表示没有子节点;im0表示没有子节Ҏ的图标;im1表示有子节点q且打开节点时的图标Qim2表示有子节点q且关闭时的图标Q所以还可以在构造XML时自定义图标?br /> dtmlXMLObject.prototype.constructTree=function(){ //采用动态加载时获取的xml数据Q解析树型数?/p> var node=this.XMLLoader.getXMLTopNode("tree"); var parentId=node.getAttribute("id"); for(var i=0;iQnode.childNodes.length;i++) { //逐个解析xml文g的leaf节点 if((node.childNodes[i].nodeType==1)&&(node.childNodes[i].tagName == "leaf")){
目前Q在互联|上q泛存在、应用的树型l构一般分ZU:静态和动态结构。静态结构存在最多、实现简单,但是静态导致不能改变树的结构和内容Q无法反映树的节点信息的变化Q而实现相对复杂的动态构造树Q虽然可以动态增加、删除、更新节点信息,但是大部分不能直接拖放节Ҏ改变树的l构以及节点间的ơ序Qƈ且反复刷新整个页面,l用L护带来了许多不便。本文提Z一U基于AjaxQAsynchronous JavaScript and XMLQ通用的、动态加载节点的解决Ҏ。实C采用J2EE多层架构Q树节点的描qC息采用数据库存储Q以可扩展标记语aQeXtensible Markup LanguageQ简UXMLQ展现给JavaScript解析Q支持无h地增加、删除、更新节点信息,以及拖放节点来改变树的结构和节点间的ơ序。文中第1部分要介l了Ajax技术;W?部分详细介绍了该Ҏ的技术实现过E;W?部分分析了该Ҏ的效率?br />
1、Ajax?/b>
Ajax概念的最早提Jesse James Garrett认ؓQAjaxq不是一门新的语a或技术,它实际上是几Ҏ术按一定的方式l合在共同的协作中发挥各自的作用Q它包括Q?br />
·使用扩展媒体标记语aQeXtended Hypertext Markup LanguageQ简UXHTMLQ和U联样式单(Cascading Style SheetQ简UCSSQ标准化呈现Q?br />
·使用文档对象模型QDocument Object ModelQ简UDOMQ实现动态显C和交互Q?br />
·使用可扩展标记语aQeXtensible Markup LanguageQ简UXMLQ和可扩展样式表转换QeXtensible Stylesheet Language TransformationQ简UXSLTQ进行数据交换与处理Q?br />
·使用XMLHTTPlgXMLHttpRequest对象q行异步数据dQ?br />
·最后用JavaScriptl定和处理所有数据?br />
Ajax的工作原理如?所C,它相当于在用户和服务器之间加了一个中间层Q用户操作与服务器响应异步化。ƈ不是所有的用户h都提交给服务器,像—些数据验证和数据处理等都交lAjax引擎处理Q只有确定需要从服务器读取新数据时再由Ajax引擎代ؓ向服务器提交h。这样就把一些服务器负担的工作{嫁到客户端,利用客户端闲|的处理能力来处理,减轻服务器和带宽的负担,从而达到节UISP的空间及带宽U用成本的目的?br />
?1 未用AjaxQaQ和使用AjaxQbQ的web应用比较
2、M设计Ҏ
传统的服务器E序采用Model 1开发模型,通常业务逻辑、服务器端处理过E和HTML代码集中在一赯C,快速完成应用开发。Model 1 在小规模应用开发时优势明显Q但是应用实C般是Zq程的,一l服务器面实现一个流E,如果程改动导致多个地方修改,非常不利于应用的扩展和更新。此外业务逻辑和表C逻辑混合在服务器面中,耦合紧密Q无法模块化Q导致代码无法复用?br />
Model 2则解决了q些问题Q它是面向对象的MVC模式QModel-View-ControllerQ模?视图-控制器)在Web开发中的应用,Model表示应用的业务逻辑QView是应用的表示层页面,Controller是提供应用的处理q程控制。通过q种MVC设计模式把应用逻辑Q处理过E和昄逻辑划分成不同的lg、模块实玎ͼlg间可以进行交互和重用?br />
本方案是采用J2EE的多层架构,设计时结合Struts框架表C层、业务逻辑层和数据层划分成不同的模块。表C层专注于树的外观显C,业务逻辑层ؓ服务器端处理E序Q处理树的生成、变化,为减耦合性,该程序全部模块化实现Q不在表C页面嵌入服务器E序Q模型层是数据的存储和表C。下面分别介l各层实现?br />
2.1 表示层实?/b>
cMWindows资源理器的文gҎ式,节点的图片样式如?所C。对于每个节点的DHTML 代码Q需要包含节点的位置、前导图片、样式、针对该节点的其他操作等。同时ؓ了节ҎC的q诏性,q需一些前导图片?br />
? 树节点的前的囄样式?br />
对于树的非叶子节点,囄和节点信息等Q采用一个DIV ( division) 容器包含。DIV {容器是DHTML 的基Q用它可以通过脚本E序对其属性进行操作,如设|其style 样式的display 属性来控制子节点的展开和隐藏。节点的位置、前导图片、样式、针对该节点的其他的操作{都攑օ容器中,例:
Q?DIV id =mParentIDQ?br />Q?IMG align = center border = 0 onclick =″nodeExpand (‘leafid??name = m1Tree src =′Tplus.gifԌ
Q?IMG align = center border = 0 name = m1Folder src =′folderClosed. gifԌ 计算机学?Q?DIVQ?br />
叶子节点无需容器直接输出卛_?br />
当点L节点前的?+ ”、?- ”图片时通过DIV 的style 样式的display 属性控制子节点的展开和隐藏。displayQ“none?隐藏,不可?QdisplayQ“block?昄) 。相关JavaScript 代码如下Q?br />if (expandChild.style.display = =″none?{
// 当前为隐藏状?执行展开动作
this.Loading(parentObject);//判断该分支的数据是否已经加蝲
expandChild.style.display =″block?
if (para2 = =″last?
parentObject.src =″Lminus. gif? // 最后一个节?br />else
parentObject.src = ″Tminus. gif? // 昄?br /> expandFolder.src = ″folderOpen. gif?
}else {
// 当前节点的子节点全部隐?br /> expandChild.style.display = ″none?
if (para2 = = ″last?
parentObject.src = ″Lplus. gif?
else
parentObject.src = ″Tplus. gif?
expandFolder.src = ″folderClosed. gif?
}
2.2 树型表结构设?/b>
我们以数据库体记录节点的变化Q树型表l构臛_要有以下字段Q节点的~号(CLASSID) ,对节点的描述(ClassName)Q父节点的编?ParentId)Q这些是构徏树结构所必须的信息。同时引入节点的cd代码QClassCodeQ,节点的别(ClassLevelQ,是否叶子节点 (Terminated){辅助字D,记录节点ơ序Q实体关pd如图3所C?br />
?3 树型表结构示意图
我们知道Q字W串排序是按照字典序形式。结合SQL 语句的特点和树结构特点,数据库表中,节点的类别代码采用多U字W串形式Q如AAABBBCCCQ从树根节点开始,每向下一U字W串增加一U,q且子节点类别代码以父节点类别代码开始,再开始本U的cd代码。同U的节点按照生成的顺序编P如节点类别代码ؓAAA 的下一U孩子类别代码ؓAAAAAAQAAAAAB {,AAAAAB 的孩子节点ؓAAAAABAAA、AAAAABAAB{。每一U编号字W的宽度与实际的应用兌Q如AAA~ZZZ 一U则?63 个节点,如果不够用再增加一个字W用于编码。该巧妙的编h式。得在执行SQL 语句select * from tree_class order by classcode 后,一ơ获得完整的先序树?/div>
2.3.1 动态加载技?br />
如果一ơ性获取完整的先序树,构造成xml提供lJavaScript解析Q数据量大Q消耗的资源多Q客L响应延迟旉p长,因此对于大数据量的树Q采用动态加载方式,xơ单几Z?”图片时Q判断是否已加蝲子节Ҏ据,如果未加载则通过Ajax的XMLHTTPlgXMLHTTPRequest对象异步发送请求,q接服务器执行SQL 语句“select * from tree_class where parent = Qorder by classcode ”获取节Ҏ据。相关JavaScript 代码如下Q?br />/*判断是否已经加蝲数据Q未加蝲则访问服务器加蝲数据*/
if(((pObject.XMLload==0)&&(this.XMLsource))&&(!this.XMLloading)){
pObject.XMLload=1;
this.loadXML(this.XMLsource+getUrlSymbol(this.XMLsource)+"id="+escape(pObject.id));
}
}
dtmlXMLObject.prototype.loadXML=function(url){//加蝲数据
try {
this.xmlDoc = new XMLHttpRequest();
/*通过GETҎ异步q接?url 加蝲数据*/
this.xmlDoc.open("GET", url,true);//trueQ异步;falseQ同?br /> this.xmlDoc.send(null);
} catch(e){
this.xmlDoc = new ActiveXObject("Microsoft.XMLHTTP");//使用IE
this.xmlDoc.open("GET", url,true);//trueQ异步;falseQ同?br /> this.xmlDoc.send(null);
}
return this.xmlDoc.responseXML;
}
每次只取同一个父节点ParentId的子节点序列Q按XML格式装成树的文档结构,例如Q?br />Qtree id="0"Q?br />Qleaf child=?" name="国防U技大学" id="1" im0="leaf.gif" im1="folderOpen.gif" im2=" folderClosed.gif"/Q?br />Q?treeQ?br />
2.3.2 树型l构的构?br />
从数据库中返回的是有序的先序树,而XML是完整的树型l构文档Q所以将树型数据构造成预定义的XML格式Q只需从根节点开始,遍历一遍树Q即可将树全部生成。相关JavaScript代码如下Q?br />/*动态加载树的构造方?/
var name=node.childNodes[i].getAttribute("text");
………?br /> var temp=dhtmlObject.a0Find(parentId);//获取父节点对?br /> temp.XMLload=1;//已加?br /> //构造html输出节点
dhtmlObject.insertItem(parentId,cId,name,im0,im1,im2,chd);
dhtmlObject.addDragger = this;//讄可拖攄对象
};
}
2.3.3 树型l构的维?br />
在维护树型结构表?删除节点较ؓ单,SQL 语句? "delete from tree_class where classcode like?+ classcode +"%?,卛_其节点和孩子一q删除;增加节点?分ؓ前插、后插、和插入子节点三U情况,前两U情况需要更新递归更新cd代码Q后者只需扑ֈ父节点的孩子的最大类别代码加1 ?作ؓ增加节点的类别代码;通过拖放来改变树的结构时Q只需拖动节点的parentId更新为目标节点的Classid卛_Q对应的SQL语句为:"update tree_class set parentId = "+ classidTo+" where classid = "+ classidFrom?br />
3、效率分?/b>
对于树的存储一般有两种形式Q二l表和链表,遍历方式一般也有深度遍历和q度遍历两种方式Q遍历的旉复杂度都是O( n )。用二维表存储时Q在内存中用数组的下标能准确定位节点的父节点、兄弟节Ҏ在的数组下标。数据库中节点的定位也是准确的,但是节点信息从数据库中d内存中时Q如果无法通过内存数组下标定位节点信息Q那么就必须遍历一遍寻找一个节点,n 个节点中L一个节点的旉是O(n/2)Q?i>n 个节Ҏ序的旉复杂度将是O( n2/2)Q这也是一般实现的B/S 模式的树l构效率低下的原因。本Ҏ采用字典序编h案,使得从数据库中取得的树是已经排序的,直接遍历生成客户面E序Q时间复杂度为O( n )?
4、结 ?/b>
本文讨论了基于Ajax的动态树型结构的实现ҎQ支持无h动态维护树的节点信息,支持拖放节点改变树的节点l构以及ơ序Q同旉用数据库存储节点信息Q保证了该方案有一定的通用性,此外l合XML描述树的节点信息Q得Q何按本方案预定的xml文档描述的信息都可以通过树来展现。本Ҏ已经应用在我校的数字q新pȝ以及老百姓大药房信息pȝ中?/p>
]]>
q时候就需要截取我们所需要的长度Q后面显C省略号或其他字W?br />
׃中文字符占两个字节,而英文字W占用一个字节,所以,单纯地判断字W数Q效果往往不尽如h?br />
下面的方法通过判断字符的类型来q行截取Q效果还可以:Q?br />
如果大家有其他的解决ҎƢ迎贴出来,共同学习Q)
**********************************************************************
private String str;
private int counterOfDoubleByte;
private byte b[];
/**
* 讄需要被限制长度的字W串
* @param str 需要被限制长度的字W串
*/
public void setLimitLengthString(String str){
this.str = str;
}
/**
* @param len 需要显C的长度(<font color="red">注意Q长度是以byte为单位的Q一个汉字是2个byte</font>)
* @param symbol 用于表示省略的信息的字符Q如?..??gt;>>”等?br />* @return q回处理后的字符?br />*/
public String getLimitLengthString(int len, String symbol) throws UnsupportedEncodingException {
counterOfDoubleByte = 0;
b = str.getBytes("GBK");
if(b.length <= len)
return str;
for(int i = 0; i < len; i++){
if(b[i] < 0)
counterOfDoubleByte++;
}
if(counterOfDoubleByte % 2 == 0)
return new String(b, 0, len, "GBK") + symbol;
else
return new String(b, 0, len - 1, "GBK") + symbol;
}
本文转脓自网友:focus2004 的文?br />
# re: _截取字符Ԍ转蝲Q?2006-01-28 18:24 tdg
大作拜读Q有一Ҏ见,Ҏ砖引玉:
1。字W串除了可以Zbyte[]操作外,q可以基于char[]操作。看老大你的意图是想截取字符串的前几个字W然后加上省略符h后输已Q完全不必考虑用byte[]数组操作?。而且好像开发中更注重语义上的第几个字符而不是你说的q种情况哦?
2。以下是拙作Q请斧正Q?
/**
* 字符串截取函?
* @param str String 要处理的字符?
* @param length int 需要显C的长度
* @param symbol String 用于表示省略的信息的字符Q如?..??gt;>>”等
* @return String q回处理后的字符?
* @throws UnsupportedEncodingException
*/
public String getLimitLengthString(String str, int length, String symbol) throws
UnsupportedEncodingException {
assert str != null;
assert length > 0;
assert symbol != null;
//如果字符串的位数于{于要截取的位数Q附加上表示省略的信息的字符串后q回
if (str.length() <= length) {
return str + symbol;
//从零开始,截取length个字W,附加上表C省略的信息的字W串后返?
} else {
str = new String(str.getBytes("GBK"));
char[] charArray = str.toCharArray();
char[] charArrayDesc = new char[length];
System.arraycopy(charArray, 0, charArrayDesc, 0, length);
return new String(charArrayDesc) + symbol;
}
}
呵呵 tdg 兄很认真喔,谈不上斧正。主要是q个问题Q用 char 处理Q如果是字母或者数字,实际上截取出来的会比汉字占用一半的I间Q所以截取出来后Q还是不能对齐。而实际上 char 数组中,不管是字母、数字还是汉字,它们都只代表一个单元。但?byte 则不同,字母、数字只占用一个字节,而汉字占用两个字节(都是GBK~码Q。 ?br />
您好Q?
你的文章让我受益不少Q有个问题想向您认一下:
在代码中
b = str.getBytes("GBK");
if(b.length <= len)
return str;
for(int i = 0; i < len; i++){
if(b[i] < 0)
counterOfDoubleByte++;
}
是不是如果只要是中文汉字Q在b[i]对应的值都是小?的,
也就是说Q在汉字代表的两个字节中Q这两个汉字分别转化为整数值时Q是不是一定小?Q但D围不能小?127的。做q测试,不能肯定。:Q?
istarliuQ这里要一下,GBK、GB2312 双字节编码字节才是负的。UTF-8 三字节编码未L实?br />
来源
]]>