一种可视化的网站建设系统及方法.pdf

本发明提供一种可视化的网站建设系统，其包括：站点池，栏目库，资源池，风格池，母版库，可视化设计页面等模块，其中可视化设计页面作为用户接口，将网页拆分成一个个独立的资源块，由其他数据资源模块提供内容、风格支持，可实现用户拖拽设计和可视化数据配置。此外，本发明还提供一种可视化的网站建设方法，该方法将站点池、栏目库以结构树的形式组织管理，预定义资源池、风格池内容，页面设计时直接选择资源块并配置资源块的内容及风格即可，实现了所见即所得的网站建设模式，同时将内容与表现形式剥离，业务处理逻辑透明化，提高了网站建设效率，降低了网站建设的技术门槛。

权利要求书
1.  一种可视化的网站建设系统，其特征在于，包括：
站点池100：用于可视化建立和维护网站站点；
栏目库200：用于建立和维护站点的所属栏目，包括栏目内内容的填充，为后期网站建设提供素材；
资源池300：是网站建设的基础资源，包含各种各样的资源块，资源块是网页的构成元素；
风格池400：包含各式各样的风格，定义并管理网站上的各种表现形式；
母版库500：是预定义的一些基础页面结构，包含各种各样的母版；
可视化设计页面600：是网站建设的接口页面，在该页面下可以完成站点下网页的制作。

2.  如权利要求1所述的一种可视化的网站建设系统，其特征在于，所述各模块中的资源，均可预定义，并可重用。

3.  如权利要求1所述的一种可视化的网站建设系统，其特征在于，所述资源块是网页上的一个个小的内容区域，每个资源块被切分为头部、中部和底部，以便于更精细化配置。

4.  如权利要求1所述的一种可视化的网站建设系统，其特征在于，所述资源块通过配置其属性信息，实现资源块的特性和风格定制；资源块的属性信息包括，资源块的数据来源、内容显示属性及显示风格等，资源块中与风格相关的属性信息，直接调用风格池中的风格。

5.  如权利要求1所述的一种可视化的网站建设系统，其特征在于，资源块与不同的风格构成了各式各样的母版，通过配置母版的属性信息实现网页的定制，母版的属性信息包括资源块和风格信息，这些信息可根据需求随时调整。

6.  如权利要求1所述的一种可视化的网站建设系统，其特征在于，可视化设计页面600，通过模块化管理，实现所见即所得的建站模式，其后台处理核心模块包括：
布局操作管理601，负责页面中关于布局相关的操作，包括新添、维护等；
资源操作管理602，负责页面中资源块有关的操作，包括资源块的新添、维护、拖动等；
数据操作管理603，负责页面中关于数据操作，包括栏目和文档的新添、维护；
拖动操作管理604，负责拖动操作所涉及的全局更新，包括待拖动模块的识别、位置识别、拖动后的级联更新等；
页面状态管理605，记录页面状态信息，以便于网站设计过程中的事务监听，支持实现撤销、重做等功能。

7.  一种可视化的网站建设方法，其特征在于，该方法包括：
步骤A，建立网络站点，并配置站点的属性信息；
步骤B，规划建立站点下的栏目；
步骤C，选择一个母版，初始化可视化设计页面；
步骤C_1，页面结构调整，包括页面布局、页面风格等；
步骤D，通过拖拽向页面填充资源块；
步骤E，配置所填充的资源块，通过配置资源块的属性信息实现；
步骤F，页面保存和发布，将设计好的页面提交给数据库保存，以便随时发布。

8.  如权利要求7所述的一种可视化的网站建设方法，其特征在于，具备事务监听机制，任何一个步骤均可撤销、重做，且步骤间无严格的顺序。

9.  如权利要求7所述的一种可视化的网站建设方法，其特征在于，步骤C_1可以在可视化设计页面初始化后的任意阶段操作。

10.  如权利要求7所述的一种可视化的网站建设方法，其特征在于，栏目组织规划数据库中的源数据，以供资源块调用。

说明书一种可视化的网站建设系统及方法
技术领域
本发明涉及内容管理领域，尤其涉及一种可视化的网站建设系统及方法。
背景技术
随着计算机的普及和发展，越来越多的知识和信息迫切地需要在互联网上展示、分享，目前互联网用户主要通过浏览器访问各种网站中的网页，以获取信息。而在制作这些网站的网页时，一般需要美工、技术人员及编辑人员的参与，美工制作好静态展示页面，在用户确认的情况下，由开发人员将静态页面转成HTML代码，同时完成动态代码的开发，编辑人员录入正常数据。从网站开始到上线，需要经历一个漫长的过程，同时网站后期维护、更新也需要技术人员的参与，很难满足互联网飞速发展的需求，故迫切地需要一种可视化建站模式，使在只有在非技术人员的参与下，也能快速建立好用户期望的站点。
现有CMS（Content Manage System，内容管理系统）以网页为管理、维护单位，模块可重用性小，并且将内容控制层层下放以实现内容管理，对于网站的建设和维护人员来说工作量较大，压力较大，业务处理逻辑较复杂，建站资源可重用性较小。
发明内容
基于此，本发明提供一种可视化的网站建设系统及方法，将网页切分成一个个独立的资源块，进行管理维护，将内容管理与布局设计剥离，以提高建站时资源的可重用性，将建站业务逻辑透明化，减少网站建设者的工作量，降低建站难度，使得建站更高效、快捷。
本发明提供的一种可视化的网站建设系统，包括以下模块：
站点池100：用于可视化建立和维护网站站点；
栏目库200：用于建立和维护站点的所属栏目，包括栏目内内容的填充，为后期网站建设提供素材；
资源池300：是网站建设的基础资源，包含各种各样的资源块，资源块是网页的构成元素；
风格池400：包含各式各样的风格，定义并管理网站上的各种表现形式；
母版库500：是预定义的一些基础页面结构，包含各种各样的母版，每个母版是多种资源块和一种页面风格的组合，主要用于提高用户建站的便捷性和高效性；
可视化设计页面600：是网站建设的接口页面，在该页面下可以完成站点下网页的制作。
更进一步地，所述资源池100中的资源块是网页上的一个个小的内容区域，每个资源块又被切分为头部、中部和底部，以便于更精细化配置。
每个资源块通过配置其属性信息，实现资源块的特性和风格定制；资源块的属性信息包括：资源块的数据来源，内容显示属性及显示风格等。
资源块中与风格相关的属性信息，直接调用风格池中的风格。
网页制作时只需要从资源池中挑选资源块进行组合，根据选择的资源块，配置相应的资源属性，即可以所见即所得的方式完成网站的制作。
更进一步地，所述风格池400包含三个层面的内容，页面风格、资源风格、内容风格。
其中页面风格，控制整个页面的表现形式；资源风格控制资源块的表现形式；内容风格控制资源块内部元素的特性。
更进一步地，母版库500中，资源块与不同的风格构成了各式各样的母版，母版可以预定义，并可以重用。
母版的属性信息包括资源块和风格，这些信息可根据需求随时调整。
更进一步地，可视化设计页面600，通过模块化管理，实现所见即所得的建站模式，其核心模块包括：
布局操作管理601，负责页面中关于布局相关的操作，如添加新布局、修改布局、删除布局；
资源操作管理602，负责页面中资源块有关的操作，如新添、修改、删除、拖动等；
数据操作管理603，负责页面中关于数据的操作，如栏目的新添、修改、删除，文档的新建、修改、删除等；
拖动操作管理604，负责拖动所涉及的全局更新，如拖动资源块实现位置调整，需级联更新与之相关的其他资源块；
页面状态管理605，记录页面状态信息，以便于网站设计过程中的事务监听，支持实现撤销、重做等功能。
此外，可视化设计页面600可以随时更改页面结构，同时可以调用资源池中的所有资源块。
此外，本发明还提供了一种可视化的网站建设方法，该方法包括：
步骤A，建立网络站点，并配置站点的属性信息；
步骤B，规划建立站点下的栏目；
步骤C，选择一个母版，初始化可视化设计页面；
步骤C_1，页面结构调整，包括页面布局、页面风格等；
步骤D，通过拖拽向页面中填充资源块；
步骤E，配置所填充的资源块，通过配置资源块属性信息实现；
步骤F，页面保存和发布，将设计好的页面提交给数据库，以便随时发布。
需要特别说明，一种可视化的网站建设方法，具备事务监听机制，任何一个步骤均可撤销、重做，且步骤间无严格的顺序，如可以新建完页面后再去添加栏目信息等。
更进一步，数据库中的源数据，以栏目的形式被组织，以供资源块调用，资源块通过配置栏目属性调用。
本发明例中提供了一种可视化的网站建设系统及方法，将内容与布局设计独立出来，以模块化的思路，组织管理网站内容和表现形式，提高了网站建设过程中资源的可重用性，使得网站建设高效、便捷，并实现所见即所得的建站模式。
附图说明
图1为本发明实施例提供的一种可视化的网站建设系统模块图。
图2为本发明实施例提供的一种可视化的网站建设方法流程图。
具体实施方案
为使本发明实施例的目的、技术方法、及优点更加清楚明白，以下结合附图对本发明实施例提供的技术方案进行详细说明。
本发明实施例中，一种可视化的网站建设系统，其中包括以下模块：
站点池100：用于可视化建立和维护网站站点，包括新建、修改、删除站点信息；
栏目库200：用于建立和维护站点的所属栏目，包括栏目的新建、修改、删除，以及栏目的组织，栏目内内容的填充，栏目内容是后期网站建设的素材；
资源池300：是网站建设的基础资源，包含各种各样的资源块，资源块是网页的构成元素；
风格池400：包含各式各样的风格，定义并管理网站上的各种表现形式；
母版库500：是预定义的一些基础页面结构，包含各种各样的母版，每个母版是多种资源块，一种页面风格的组合，主要用于提高用户建站的便捷性和高效性；
可视化设计页面600：是网站建设的接口页面，在该页面下可以完成站点下网页的制作。
系统中的资源池、风格池、母版库，可以尽可能的丰富，这些资源越丰富，对于网站的建设越便利且不单调。
资源块通常可以有文字列表、图片列表、导航信息、滚动资源等，同时支持不断扩充新的资源块。
通过配置资源块的属性信息，实现资源块的特性和风格定制，资源块的属性信息包括：资源块的数据来源，内容显示属性及显示风格等，资源块的属性信息是资源块被使用时配置。
网页制作时只需要从资源池中挑选资源块进行组合，根据选择的资源块，配置相应的资源属性，即可以所见即所得的方式完成网站的制作。
风格池400中的风格包含三个层面的内容，页面风格、资源风格、内容风格。
其中页面风格，控制整个页面的表现形式，如页面宽度、背景颜色及图片、页面字体大小、页面链接文字等等。
资源风格控制资源块的表现形式，如顶部区域颜色、高度，顶部左侧的图标形状，资源块是否边框显示等等。
内容风格控制资源块内部元素的特性，如，文档列表标题左侧的图标形状，标题字体大小及颜色等；内容风格会随着资源的不同而有所改变，如，图片列表资源块就没有标题左侧的形状特性。
更进一步地，母版库500中，资源块与不同的风格构成了各式各样的母版，母版可以预定义，并可以重用。
母版的属性信息包括资源块和风格，这些信息可根据需求随时调整。
更进一步地，可视化设计页面600，通过模块化管理，实现所见即所得的建站模式，其核心模块包括：
布局操作管理601，负责页面中关于布局相关的操作，如添加新布局、修改布局、删除布局；
资源操作管理602，负责页面中资源块有关的操作，如新添、修改、删除、拖动等；
数据操作管理603，负责页面中关于数据的操作，如栏目的新添、修改、删除，文档的新建、修改、删除等；
拖动操作管理604，负责拖动所涉及的全局更新，如拖动资源块实现位置调整，需级联更新与之相关的其他资源块；
页面状态管理605，记录页面状态信息，以便于网站设计过程中的事务监听，支持实现撤销、重做等功能。
网站页面设计，只需要在可视化设计页面600中进行资源块的拖拽，并配置属性信息即可。
本发明实施例，还提供了一种可视化的网络建设方法，其包括：
步骤A，建立网络站点，配置站点信息，包括站点名、位置、域名等；
步骤B，规划站点下的栏目，并丰富栏目下的数据；
步骤C，从母版库里选择一个预定义母版，初始化一个可视化设计页面；
步骤D，从资源池中向可视化设计页面中拖拽资源块，填充设计页面各模块；
步骤E，配置资源块中的属性信息，包括资源块内容来源、内容风格、显示属性等；
步骤F，保持设计好的页面，以备随时发布。
已被初始化的页面可以随时进行结构调整，资源块的位置和属性也可以随时进行调整。
可视化设计页面设计过程中也可以随时进行撤销、重做操作。
站点及栏目以树状结构展示，结构清晰并助于调整。
本发明实施例是为了更好的为本领域专业人员对本发明的实现提供专业指导，本发明并不被本发明所示的实施例限制。本发明借助模块化思想，将网页切分为一个个资源模块，通过对资源模块的操作、配置、检测、级联更新，实现网站的可视化建设，将网页中的内容与表现形式剥离，业务逻辑交由底层，使得网站建设快捷、高效。