CN101393519A

CN101393519A - 基于部件的、拖放式设计的网站快速开发技术

Info

Publication number: CN101393519A
Application number: CNA2008100683760A
Authority: CN
Inventors: （请求不公开姓名）
Original assignee: SHENZHEN QIWANG INFORMATION TECHNOLOGY Co Ltd
Current assignee: SHENZHEN QIWANG INFORMATION TECHNOLOGY Co Ltd
Priority date: 2008-07-09
Filing date: 2008-07-09
Publication date: 2009-03-25

Abstract

本“基于部件的、拖放式设计的网站快速开发技术”的发明利用Ajax.NET，javascript，微软.NET框架等技术，实现了可以自由拖放、设计的“网页部件”。部件可以任意设计大小、位置；设置不同的外观、样式。部件可以任意装载预先开发好的、具有特定功能的“功能模块”，以实现网站的各种功能。页面上放置多个“部件”，各部件装载不同的“功能模块”，并设置不同的风格，形成风格不同的网页，多个不同的网页形成功能齐全的网站。用途：预开发好一系列“功能模块”，实现对“功能模块”的重用，一次开发，多次使用。大大提高开发效率和节约成本；对“网页部件”的外观的设计完全可视化，美工设计人员摆脱了HTML语言。

Description

基于部件的、拖放式设计的网站快速开发技术

一、技术领域：

本技术属于计算机软件开发中的微软.NET平台的B/S结构的软件开发技术领域，利用无刷新的、可以自由拖放设计大小、位置、外观样式的网页部件，装载预先开发的各种公共的程序功能模块，实现：

1、程序员开发的功能模块，一次开发，多次重复使用。节省程序员的开发成本。

2、美工设计人员，不需要了解HTML、Javascript等技术细节，所见即所得地设计网页各部件的外观，并在各部件里面装载程序员开发好的可重复使用的功能模块，从而快速实现网站开发。整个网站开发过程简单、快速、高效。

3、在利用网页部件进行网页设计的基础上，网站绑定多个域名，并且按不同的域名进行区分，可以实现同一个网站上，虚拟出多个站点，每个站点都可以单独进行设计，互不烦扰。即“多站技术”。

二、背景技术：

本技术的实现，是利用微软的.NET平台的服务器控件的“Web自定义控件(WebCustomControl)”技术，结合javascript客户端脚本技术、Ajax.NET无刷新技术，开发出来的一种全新的网页部件设计技术。

涉及到的技术有：

(1)javascript脚本语言技术

(2)微软的.NET平台公共技术

(3)Ajax.NET公共技术

(4)微软的.NET平台的Web自定义控件(WebCustomControl)技术

三、发明内容：

基于部件的、拖放式设计的网站快速开发技术。

(1)利用Ajax.NET无刷新技术，javascript客户端脚本技术，开发设计了“网页部件”。该网页部件可以在网页浏览状态下自由拖放、设计外观、修改图片或背景图片。

(2)利用微软的.NET平台的服务器控件的“Web自定义控件(WebCustomControl)”技术将此部件封装成为标准的组件形式，成为一个标准的.NET Web开发平台的开发组件。

(3)这些部件可以任意装载预先开发好的、具有一些特定功能的“功能模块”，以实现网站的各种功能，如：新闻组件、新闻详细浏览功能、产品展示功能、留言板功能、友情链接功能等等网站必须的应用功能。页面上可以自由放置多个“网页部件”，不同的部件装载不同的“功能模块”，并加以在线式设计成为不同的风格，就形成了风格不同的网页，多个不同的网页而形成了功能齐全的网站。这些“功能模块”，是网站上通用的具有某些功能的相应独立的部件。程序员开发好这些组件后，一次开发，所有的网站都可以使用，当需要的功能模块都设计好后，以后的网站开发将不再需要程序员，只需要美工设计师。

(4)对“网页部件”的外观的设计完全可视化，并且是在线编辑，所见即所得，美工设计人员也完全摆脱了大量的HTML语言，只需要关注设计本身。

(5)根据不同的来访域名而决定不同的站点标识，结合本技术，可以实现同一网站下，实现多个虚拟的不同站点，即“多站技术”。

四、附图说明：

(无)

五、具体实施方式：

(一)准备工作：

(1)使用微软的.NET平台建立一个Web网站项目。

(2)将本技术组件中的AjaxPro.2.Dll，Shove.Web.UI.3 For.NET 2.0.Dll文件添加引用到该项目中。

(3)将本技术组件中的ShoveWebUI_client文件夹，复制到该项目的根目录下。

(4)在该项目的Web.Config中进行对Ajax的相关配置，这个属于Ajax的技术范围。

(二)开始网站开发：

(5)打开该网站项目的Default.aspx.Cs后台代码类文件，此类默认继承于System.Web.UI.Page，修继承为：Shove.Web.UI.ShoveWebPartBasePage。

(6)在该网站项目中新建若干个用户控件(文件名后缀为.ascx)，并进行一些设计、编码，以实现相应的用户控件功能。

(7)分别打开以上(6)所制作的用户控件的后台类代码文件(文件名后缀为.ascx.cs)，这些类默认是继承于System.Web.UI.UserControl，修改继承为：Shove.Web.UI.ShoveWebPartUserControl。

(8)运行该网站项目，在Default.Aspx上就可以进行网页的设计了。

(三)高级功能：

(9)在用户控件类代码文件中，增加一个构造函数，如：

public UserControls_System_Public_SWPUC_Error()

{

Name＝″错误信息提示控件″；

}

这样可以给该控件命名，在设计时，选择控件列表中讲出现该名称，方便选择。

(10)在用户控件类代码文件中的上述(9)中的构造函数中，增加如下代码(示例)：

swpas＝new ShoveWebPartAttribute[4]；

swpas[0]＝new ShoveWebPartAttribute_Int(″控件宽度：″，″1,1000″，880，″控件宽度″)；

swpas[1]＝new ShoveWebPartAttribute_Int(″Flash宽度：″，″1,1000″，872，″Flash宽度″)；

swpas[2]＝new ShoveWebPartAttribute_Int(″Flash高度：″，″1,1000″，320，″Flash高度″)；

swpas[3]＝new ShoveWebPartAttribute_Image(″Flash图片路径：″，″″，″″，″Flash图片路径″)；

这样，在编辑此控件时，将可以对此4个属性设置不同的值，而使该功能具有不同的表现形式。

以上属性，可以在绑定数据时使用，使用属性的示例代码如下：

tableCtrl.Width＝swpAttributes[0]；

tdflash.InnerHtml＝PublicFunction.GetFlashPlay(swpAttributes[3]，swpAttributes[1]，swpAttributes[2])；

这样，用户控件的样式都可以通过属性进行控制，都可以由设计师在设计网站布局样式时设计了。

(11)其他功能：

可以设置是否允许设计的属性，可以根据域名分辨不同的站点而实现多站，这些，只需要设置页面代码类中的一些属性即可。

Claims

1、一种基于“网页部件”的网站快速设计技术，其特征是：在网页浏览状态下，通过Ajax的无刷新机制，实现将“网页部件”的拖动、大小、设置的外观属性保存到服务器端XML文件中。

2、在权利要求1中的“网页部件”中加载用户控件，其特征是：在网页浏览状态下，根据用户的选择，可以在“网页部件”中加载用户控件，加载的用户控件信息通过Ajax保存在服务器端XML文件中。

3、根据权利要求2所述“网页部件”加载的用户控件，可以对用户控件中的属性进行控制。其特征是：用户在网页浏览状态下，对用户控件属性的值进行设置，该用户控件将按设置的属性而具有不同的表现形式。

4.权利要求1所述的“网页部件”，使用多个在页面上，形成完整页面，其特征是：网页上可以放置多个不同的“网页部件”，经布局设计而组成一个完整的网页，多个完整的网页而形成整个网站。

5.利权要求1所述的“网页部件”，可以实现虚拟多站效果，其特征是：根据不同的来访域名，而分辨出是不同的虚拟站点，而实现在同一网站上有多站效果，不同的站点，其设计、表现形式相互独立。