CN104834715A - 一种基于部件和容器的网站生成方法及系统 - Google Patents

Abstract

本发明公开了一种基于部件和容器的网站生成方法及系统，方法包括：接收用户的操作指令，将多个部件置于容器中并对部件进行编辑，当完成编辑时对用户的网页生成及发布指令进行实时检测；当检测到用户的网页生成及发布指令时，则通过编译程序将完成编译的部件及容器转化生成互联网代码语言定义的网页。本发明通过用户自主添加部件，并编辑每一部件对应的部件内容标签，再根据预设的部件-互联网代码语言转化算法自动转化成网页，并通过预设的功能部件自动生成网页后台编辑器，同时通过衔接部件实现整站容器以及页面容器之间的联系；实现了用户自助生成完整网站、可自定义设定网页界面排版，同时通过网页后台对网页前端内容进行管理的功能。

Description

一种基于部件和容器的网站生成方法及系统

技术领域

本发明涉及网站建设技术领域，尤其涉及的是一种基于部件和容器的网站生成方法及系统。

背景技术

互联网时代，越来越多的企业，组织宣传自己，最便捷也是最直接的渠道就是互联网网页，不管是电脑端还是移动端。

他们首先要做的就是拥有一个属于自己的动态内容网站，以随时随地地发布信息和产品，让自己的客户和商业伙伴更加方便的了解自己，并与他们进行交流。

但在现有的技术条件下，要开发一套包含动态内容的网站需要由专业的软件工程师，美术工程师进行若干时间的开发才能完成；对普通用户来说，只能通过委托专业公司进行开发，但是委托专业公司除了上述成本之外，还需要耗费大量的沟通成本；

现在也有一些提供给非专业人士使用的自助网站生成系统，但这些系统所使用方法都是基于限定的页面模板进行选择，网站使用者仅仅在模板内部进行一些文字和图片的改动，无法完全自由的对页面内每个部分调整(注：对页面的调整包含但不限于字体，颜色，页面内某个部分的结构变化以及样式变化等等)，所以，生成出来的网站干篇一律，缺乏个性，因此这类方法也具有较大的局限性，无法完全按照自己的喜好对界面进行排版及显示样式设定，即便是有选择，因为是针对整站的样式选择，不能针对整站某个局部进行样式选择，也是造成选择性少的最大门槛。

同时，模板建站公司因为需要大量的模板填充产品库，为了节省成本，所以导致了质量的低下。

因此，现有技术还有待于改进和发展。

发明内容

鉴于上述现有技术的不足，本发明的目的在于提供一种基于部件(即视部件，即视功能部件，即视衔接部件)以及容器(整站容器，页面容器)的网站生成方法及系统，旨在解决现有技术中使用的自助网站生成系统是基于给定的页面模板，无法按照自己的喜好对界面进行排版及显示样式设定的缺陷。在提供给用户最大选择自由度的同时，极大的降低企业制作成本，提高制作质量。

本发明的技术方案如下：

一种基于部件和容器的网站生成方法，其中，所述方法包括以下步骤：

A、接收用户的操作指令，将多个部件置于容器中并对部件进行编辑，当完成编辑时对用户的网页生成及发布指令进行实时检测；

B、当检测到用户的网页生成及发布指令时，则通过编译将完成编辑的部件及容器转化生成互联网代码语言定义的网页。

所述基于部件和容器的网站生成方法，其中，所述容器包括整站容器及页面容器，所述页面容器置于所述整站容器中，所述整站容器可容纳至少一个页面容器。

所述基于部件和容器的网站生成方法，其中，所述页面容器中可置入的部件包括即视部件、即视功能部件及即视衔接部件。

所述基于部件和容器的网站生成方法，其中，所述步骤A具体包括：

A1、当将页面容器置于整站容器中、且将多个部件置于页面容器中时，获取每一部件的页面坐标并保存，并对用户的部件点击指令进行实时检测；

A2、当检测到用户的部件点击指令时，则生成与部件对应的部件内容标签；其中，所述部件内容标签用于记录该部件中包含的内容；

A3、当完成对部件内容标签的编辑时，则对用户的网页生成及发布指令进行实时检测

所述基于部件和容器的网站生成方法，其中，所述步骤B具体包括：

B1、当检测到用户的网页生成及发布指令时，则将每一部件内容标签中包含的内容添加至对应的部件；

B2、对容器、已添加部件内容标签的部件及部件对应的页面坐标进行编译，生成互联网代码语言定义的网页，并保存。

一种基于部件和容器的网站生成系统，其中，包括：

编辑及检测模块，用于接收用户的操作指令，将多个部件置于容器中并对部件进行编辑，当完成编辑时对用户的网页生成及发布指令进行实时检测；

网页生成模块，用于当检测到用户的网页生成及发布指令时，则通过编译将完成编辑的部件及容器转化生成互联网代码语言定义的网页。

所述基于部件和容器的网站生成系统，其中，所述容器包括整站容器及页面容器，所述页面容器置于所述整站容器中，所述整站容器可容纳至少一个页面容器。

所述基于部件和容器的网站生成系统，其中，所述页面容器中可置入的部件包括即视部件、即视功能部件及即视即视衔接部件。

所述基于部件和容器的网站生成系统，其中，所述编辑及检测模块具体包括：

定位及检测单元，用于当将页面容器置于整站容器中、且将多个部件置于页面容器中时，获取每一部件的页面坐标并保存，并对用户的部件点击指令进行实时检测；

部件内容标签生成单元，用于当检测到用户的部件点击指令时，则生成与部件对应的部件内容标签；其中，所述部件内容标签用于记录该部件中包含的内容；

检测单元，用于当完成对部件内容标签的编辑时，则对用户的网页生成及发布指令进行实时检测。

所述基于部件和容器的网站生成系统，其中，所述网页生成模块具体包括：

内容添加单元，用于当检测到用户的网页生成及发布指令时，则将每一部件内容标签中包含的内容添加至对应的部件；

生成及保存单元，用于对容器、已添加部件内容标签的部件及部件对应的页面坐标进行编译，生成互联网代码语言(定义的网页，并保存。

本发明提供的一种基于部件和容器的网站生成方法及系统，方法包括：接收用户的操作指令，将多个部件置于容器中并对部件进行编辑，当完成编辑时对用户的网页生成及发布指令进行实时检测；当检测到用户的网页生成及发布指令时，则通过编译将完成编辑的部件及容器转化生成互联网代码语言定义的网页。本发明通过用户自主添加部件，并编辑每一部件对应的部件内容标签，再根据预设的部件-互联网代码语言转化算法自动转化成网页，并通过预设的功能部件自动生成网页后台编辑器，同时通过衔接部件实现整站容器以及页面容器之间的联系；实现了用户自助生成完整网站、可自定义设定网页界面排版，同时通过网页后台对网页前端内容进行管理的功能。。

附图说明

图1为本发明所述基于部件和容器的网站生成方法较佳实施例的流程图。

图2为本发明所述基于部件和容器的网站生成方法中页面编辑界面示意图。

图3为本发明所述页面容器中添加即视部件后的示意图。

图4为本发明新闻即视功能部件对应生成的编辑后台界面示意图。

图5为本发明产品即视功能部件对应生成的编辑后台界面示意图。

图6为本发明图片展示即视功能部件对应生成的编辑后台界面示意图。

图7为本发明所述基于部件和容器的网站生成系统较佳实施例的结构框图。

具体实施方式

本发明提供一种基于部件和容器的网站生成方法及系统，为使本发明的目的、技术方案及效果更加清楚、明确，以下对本发明进一步详细说明。应当理解，此处所描述的具体实例仅仅用以解释本发明，并不用于限定本发明。

如图1所示，为本发明所述基于部件和容器的网站生成方法较佳实施例的流程图。所述方法包括以下步骤：

步骤S100、接收用户的操作指令，将多个部件置于容器中并对部件进行编辑，当完成编辑时对用户的网页生成及发布指令进行实时检测。

本实施例中，当用户打开网站自助生成系统时，需先添加容器，并将部件添加至容器中。由于本发明中所生成的网站主要用于发布企业信息和产品信息，故每一页面部件中需添加的内容以文字和图片为主。

具体实施时，所述容器包括整站容器及页面容器，所述页面容器置于所述整站容器中，所述整站容器可容纳至少一个页面容器。所述页面容器中可置入的部件包括即视部件、即视功能部件及即视即视衔接部件。

其中，即视部件是在整站进行组合以及选择设计模块的时候，不带功能的可进行所见即所得编辑并保存在容器里面的组件；即视功能部件是在整站进行组合以及选择设计模块的时候，带功能的只能选择样式查看简单效果，并在网站发布之后产生管理后台，在管理后台进行内容操作之后，对前端呈现内容进行变化；即视衔接部件的功能主要集中在导航以及页脚两个模块，也可出现在页面某个带有链接功能的位置，主要针对整站容器内部页面容器的衔接以及对外跳转的功能，此部件基于整站容器而存在，响应优先级在页面容器之上。

整站容器，则主要在所有内容编辑完之后点击“发布”，则将所有编辑好的内容、以及即视功能的部件所生成的管理后台，全部根据用户ID保存在其下面的一个网站名称中，并可以统一调用界面以及功能，对管理后台进行操作的时候，在此容器里面的内容会进行对应的变化，而不会影响到其它容器里面的内容。

页面容器则对于网站内独立页面的即视部件，即视功能部件以及部分即视衔接部件的呈现以及整合，通过主要即视衔接部件(包含但不限于导航以及页脚)关联每个页面容器在整站容器里面的位置。

所述即视功能部件至少包括菜单部件，产品展示部件、新闻部件和图片展示部件。每一菜单部件，每一产品展示部件、每一新闻部件及每一图片展示部件均可进行图片和文字内容的编辑。

步骤S200、当检测到用户的网页生成及发布指令时，则通过编译将完成编辑的部件及容器转化生成互联网代码语言定义的网页。

本实施例中，通过将已添加了部件内容标签的部件转化，直接生产网站，无需用户编写网页语言来生产网站，而是傻瓜式的布局和填充内容即可自动生成网站，降低了网站设计的难度，提高了网站生成的效率。其中，互联网代码语言包含但不限于php语言、.net语言、java语言、jsp语言等等。

进一步的，所述步骤S100中具体包括：

步骤S101、当将页面容器置于整站容器中、且将多个部件置于页面容器中时，获取每一部件的页面坐标并保存，并对用户的部件点击指令进行实时检测；

步骤S102、当检测到用户的部件点击指令时，则生成与部件对应的部件内容标签；其中，所述部件内容标签用于记录该部件中包含的内容；

步骤S103、当完成对部件内容标签的编辑时，则对用户的网页生成及发布指令进行实时检测。

请参见图2-图6，其中图2为本发明所述基于部件和容器的网站生成方法中页面编辑界面示意图，图3为本发明所述页面容器中添加页面部件后的示意图，图4为本发明新闻即视功能部件对应生成的编辑后台界面示意图，图5为本发明产品展示即视功能部件对应生成的编辑后台界面示意图，图6为本发明图片展示即视功能部件对应生成的编辑后台界面示意图。当用户将页面部件添加至页面容器中，可自由设定其页面坐标，当完成设置时，则获取其页面坐标并保存。完成了页面部件的添加后，点击每一页面部件，则自动生成并弹出一对应的部件内容标签，用户直接将文字和/或图片添加至该部件内容标签即可，无需用户编辑定位语句、添加语句等网站编辑语句，方便了用户。

进一步的，所述步骤S200具体包括：

步骤S201、当检测到用户的网页生成及发布指令时，则将每一部件内容标签中包含的内容添加至对应的部件；

步骤S202、对容器、已添加部件内容标签的部件及部件对应的页面坐标进行编译，生成互联网代码语言定义的网页，并保存。

可见，本发明通过用户自主添加部件，并编辑每一部件对应的部件内容标签，再根据预设的部件-互联网代码语言(包含但不限于PHP语言/.NET语言/JAVA语言/JSP语言等等)转化算法自动转化成网页，实现了用户自助生成网站并可自定义设定网页界面排版。

基于上述方法实施例，本发明还提供一种基于部件和容器的网站生成系统。如图7所示，所述基于部件和容器的网站生成系统包括：

编辑及检测模块100，用于接收用户的操作指令，将多个部件置于容器中并对部件进行编辑，当完成编辑时对用户的网页生成及发布指令进行实时检测；

网页生成模块200，用于当检测到用户的网页生成及发布指令时，则通过编译将完成编辑的部件及容器转化生成互联网代码语言定义的网页。

进一步的，在所述基于部件和容器的网站生成系统中，所述容器包括整站容器及页面容器，所述页面容器置于所述整站容器中，所述整站容器可容纳至少一个页面容器。

进一步的，在所述基于部件和容器的网站生成系统中，所述页面容器中可置入的部件包括即视部件、即视功能部件及即视即视衔接部件。

进一步的，在所述基于部件和容器的网站生成系统中，所述编辑及检测模块100具体包括：

定位及检测单元，用于当将页面容器置于整站容器中、且将多个部件置于页面容器中时，获取每一部件的页面坐标并保存，并对用户的部件点击指令进行实时检测；

部件内容标签生成单元，用于当检测到用户的部件点击指令时，则生成与部件对应的部件内容标签；其中，所述部件内容标签用于记录该部件中包含的内容；

检测单元，用于当完成对部件内容标签的编辑时，则对用户的网页生成及发布指令进行实时检测。

进一步的，在所述基于部件和容器的网站生成系统中，所述网页生成模块200具体包括：

内容添加单元，用于当检测到用户的网页生成及发布指令时，则将每一部件内容标签中包含的内容添加至对应的部件；

生成及保存单元，用于对容器、已添加部件内容标签的部件及部件对应的页面坐标进行编译，生成互联网代码语言定义的网页，并保存。

综上所述，本发明提供的一种基于部件和容器的网站生成方法及系统，方法包括：接收用户的操作指令，将多个部件置于容器中并对部件进行编辑，当完成编辑时对用户的网页生成及发布指令进行实时检测；当检测到用户的网页生成及发布指令时，则通过编译将完成编辑的部件及容器转化生成互联网代码语言定义的网页。本发明通过用户自主添加部件，并编辑每一部件对应的部件内容标签，再根据预设的部件-互联网代码语言转化算法自动转化成网页，并通过预设的功能部件自动生成网页后台编辑器，同时通过衔接部件实现整站容器以及页面容器之间的联系；实现了用户自助生成完整网站、可自定义设定网页界面排版，同时通过网页后台对网页前端内容进行管理的功能。

应当理解的是，本发明的应用不限于上述的举例，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，所有这些改进和变换都应属于本发明所附权利要求的保护范围。

Claims (10)

1.一种基于部件和容器的网站生成方法，其特征在于，所述方法包括以下步骤：

A、接收用户的操作指令，将多个部件置于容器中并对部件进行编辑，当完成编辑时对用户的网页生成及发布指令进行实时检测；

B、当检测到用户的网页生成及发布指令时，则通过编译将完成编辑的部件及容器转化生成互联网代码语言定义的网页。

2.根据权利要求1所述基于部件和容器的网站生成方法，其特征在于，所述容器包括整站容器及页面容器，所述页面容器置于所述整站容器中，所述整站容器可容纳至少一个页面容器。

3.根据权利要求1所述基于部件和容器的网站生成方法，其特征在于，所述页面容器中可置入的部件包括即视部件、即视功能部件及即视即视衔接部件。

4.根据权利要求3所述基于部件和容器的网站生成方法，其特征在于，所述步骤A具体包括：

A1、当将页面容器置于整站容器中、且将多个部件置于页面容器中时，获取每一部件的页面坐标并保存，并对用户的部件点击指令进行实时检测；

A2、当检测到用户的部件点击指令时，则生成与部件对应的部件内容标签；其中，所述部件内容标签用于记录该部件中包含的内容；

A3、当完成对部件内容标签的编辑时，则对用户的网页生成及发布指令进行实时检测。

5.根据权利要求4所述基于部件和容器的网站生成方法，其特征在于，所述步骤B具体包括：

B1、当检测到用户的网页生成及发布指令时，则将每一部件内容标签中包含的内容添加至对应的部件；

B2、对容器、已添加内容标签的部件及部件对应的页面坐标进行编译，生成互联网代码语言定义的网页，并保存。

6.一种基于部件和容器的网站生成系统，其特征在于，包括：

编辑及检测模块，用于接收用户的操作指令，将多个部件置于容器中并对部件进行编辑，当完成编辑时对用户的网页生成及发布指令进行实时检测；

网页生成模块，用于当检测到用户的网页生成及发布指令时，则通过编译将完成编辑的部件及容器转化生成互联网代码语言定义的网页。

7.根据权利要求6所述基于部件和容器的网站生成系统，其特征在于，所述容器包括整站容器及页面容器，所述页面容器置于所述整站容器中，所述整站容器可容纳至少一个页面容器。

8.根据权利要求6所述基于部件和容器的网站生成系统，其特征在于，所述页面容器中可置入的部件包括即视部件、即视功能部件及即视即视衔接部件。

9.根据权利要求8所述基于部件和容器的网站生成系统，其特征在于，所述编辑及检测模块具体包括：

定位单元，用于当将页面容器置于整站容器中、且将多个部件置于页面容器中时，获取每一部件的页面坐标并保存，并对用户的部件点击指令进行实时检测；

部件内容标签生成单元，用于当检测到用户的部件点击指令时，则生成与部件对应的部件内容标签；其中，所述部件内容标签用于记录该部件中包含的内容；

检测单元，用于当完成对部件内容标签的编辑时，则对用户的网页生成及发布指令进行实时检测。

10.根据权利要求9所述基于部件和容器的网站生成系统，其特征在于，所述网页生成模块具体包括：

内容添加单元，用于当检测到用户的网页生成及发布指令时，则将每一部件内容标签中包含的内容添加至对应的部件；

生成及保存单元，用于对容器、已添加部件内容标签的部件及部件对应的页面坐标进行编译，生成互联网代码语言定义的网页，并保存。