开发基于Web的CSS设计器  开发基于Web的CSS设计器2006-7-15 16:09:52开发基于Web的CSS设计器2006-7-15 16:09:52开发基于Web的CSS设计器 开发基于Web的CSS设计器 开发基于Web的CSS设计器2006-7-15 16:09:52开发基于Web的CSS设计器2006-7-15 16:09:52开发基于Web的CSS设计器 |
文谷 www.wengu.com
来源：不详 作者：佚名
时间：2006-7-15 浏览人数：
|
开发基于Web的CSS设计器 开发基于Web的CSS设计器2006-7-15 16:09:52开发基于Web的CSS设计器2006-7-15 16:09:52开发基于Web的CSS设计器
设计器的主要功能就是在web界面上设计操作CSS样式表，目的是方便用户自定义系统界面。
相信做过Web开发的人大多用过Dreamweaver或者做asp.net开发也应该用过vs.net，那么应该熟悉里面的样式（style）设计器，这里就是在Web上实现这个设计器。
1.系统流程
下面我们先来了解一下整个系统流程
流程再简单说明一下
·先传入参数包括文件名/样式名/操作方法/可视化样式元素；其中可视化样式元素是要在设计器中即时显现，供效果预览的，同时也是承载样式定义内容的要素（样式就加载在元素的style属性上）。
·然后设计器根据传入参数操作，根据操作方法-新建文件/新建样式/修改样式，前两者在初始化时不用读取样式文件，最后者需要读取样式进行初始化；利用一个设计的C#类来对样式文件和样式类进行操作。
·在客户端利用Javascript操作XmlDocument对象读取XML定义的样式文件，进行设计器构建。
·利用Javascript通过样式元素的cssText属性读取样式值，对设计器初始化。
·用户操作设计器，利用HTC组件操作设计样式。
·保存，利用C#类操作。
2.CSS设计器之样式表操作类
下面，我们来详细察看流程的每个环节。
为了操作样式表，设计了一个简单的样式表操作类。功能主要是解析操作指定样式表文件，实现对样式类的添加、修改、删除、保存。
机制：读取Web服务器上某样式表文件,将文本转化为一个ArrayList，数组元素为自定义的ClassItem对象,包含Name和Text属性（Name即样式名称，Text即样式的内容）；然后通过对ArrayList操作，控制样式，最后保存。
由于在服务器段我们不作具体样式定义，因此该类只操作到样式类级别，不涉及样式属性和值。
下面提供该类的UML图 ClassItem 是一个结构体，仅包含两个属性；
[1] [2] [3] [4] [5] 下一页 [1] [2] [3] [4] [5] 下一页
开发基于Web的CSS设计器 开发基于Web的CSS设计器2006-7-15 16:09:52开发基于Web的CSS设计器2006-7-15 16:09:52开发基于Web的CSS设计器 |
|
|
版权与免责声明：① 本网转载其他媒体稿件是为传播更多的信息，此类稿件不代表本网观点，版权归原作者所有，本网不承担此类稿件侵权行为的连带责任。
② 本站原创文章，转载时请注明出自文谷及作者姓名
③在本网 BBS上发表言论者，文责自负。
④如您因版权等问题需要与本网联络，请在30日内联系 。
开发基于Web的CSS设计器 开发基于Web的CSS设计器2006-7-15 16:09:52开发基于Web的CSS设计器2006-7-15 16:09:52开发基于Web的CSS设计器 开发基于Web的CSS设计器 开发基于Web的CSS设计器2006-7-15 16:09:52开发基于Web的CSS设计器2006-7-15 16:09:52开发基于Web的CSS设计器
|
