CN109815435A - 一种网站页面生成方法、装置及电子设备 - Google Patents

一种网站页面生成方法、装置及电子设备 Download PDF

Info

Publication number
CN109815435A
CN109815435A CN201910070607.XA CN201910070607A CN109815435A CN 109815435 A CN109815435 A CN 109815435A CN 201910070607 A CN201910070607 A CN 201910070607A CN 109815435 A CN109815435 A CN 109815435A
Authority
CN
China
Prior art keywords
column
template
information
control
template file
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201910070607.XA
Other languages
English (en)
Inventor
徐世波
李志德
赵伟峰
谷麦征
郭延红
张健
陈素改
金晓光
桑玉洁
李芸
郭文菁
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Peoples Liberation Army Strategic Support Force Aerospace Engineering University
Original Assignee
Peoples Liberation Army Strategic Support Force Aerospace Engineering University
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Peoples Liberation Army Strategic Support Force Aerospace Engineering University filed Critical Peoples Liberation Army Strategic Support Force Aerospace Engineering University
Priority to CN201910070607.XA priority Critical patent/CN109815435A/zh
Publication of CN109815435A publication Critical patent/CN109815435A/zh
Pending legal-status Critical Current

Links

Landscapes

  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种网站页面生成方法、装置及电子设备。所述网站页面生成方法包括:通过第一图像化操作界面,获取目标网站中所含有的栏目的属性信息,将属性信息保存至预设存储位置;通过第二图像化操作界面,针对目标网站的每一个栏目,获取该栏目对应的模板文件的模板参数,并基于模板参数对模板文件进行设置;将目标网站的每一个栏目分别对应的模板文件,保存至预设存储位置;当生成目标网站的页面时,从预设存储位置提取属性信息和模板文件,基于各栏目分别对应的模板文件,生成各栏目对应的网页页面。本发明使用户能够基于图形化编辑方式对目标网站进行设计或维护,提高易用性和用户友好性。

Description

一种网站页面生成方法、装置及电子设备
技术领域
本发明涉及计算机技术领域,尤其涉及一种网站页面生成方法、装置及电子设备。
背景技术
随着计算机技术和互联网技术的不断发展,网页已经成为了人们获取信息的重要渠道。例如,各类公司、高校等等,其门户网站是人们了解公司、高校的重要途径,各种新闻、活动等信息,都可以在其门户网站上进行展示。所以,对公司和高校的门户网站等各种信息展示网站进行及时的维护,是十分重要的。
目前,对于各类网站的维护,例如,增加新页面,维护页面中的内容信息等等,都可以通过CMS(Content Management System,内容管理***)***来实现。
然而在使用CMS***对网站进行网站设计、生成及维护时,一般需要采用模板标签语言、HTML(Hyper Text Markup Language,超文本标记语言)代码和CSS(Cascading StyleSheets,层叠样式表)代码等进行设计编写,需要非常专业的计算机知识,只能由专业人员进行维护。对于其他大部分人员来说,很难进行网站的设计维护工作,从而限制了有关工作的开展。所以,如何使得不熟悉专业计算机代码的用户,采用非代码的方式对网站的设计维护,就成了业内亟待解决的问题。
发明内容
本发明的目的是提供一种网站页面生成方法、装置及电子设备,能够采用非代码的方式实现网站页面的生成,使不熟悉计算机代码的用户能够方便地进行网站的设计维护。
本发明的一个方面提供一种网站页面生成方法,包括:
通过第一图像化操作界面,获取目标网站中所含有的栏目的属性信息,所述属性信息至少包括以下信息中的一种或多种:栏目的数量、栏目的名称、栏目的类型;
将所述属性信息保存至预设存储位置;
通过第二图像化操作界面,针对所述目标网站的每一个栏目,获取该栏目对应的模板文件的模板参数,并基于所述模板参数对所述模板文件进行设置;
将所述目标网站的每一个栏目分别对应的所述模板文件,保存至所述预设存储位置;
当生成所述目标网站的页面时,从所述预设存储位置提取所述属性信息和所述模板文件,基于所述每一个栏目分别对应的所述模板文件,生成所述每一个栏目对应的网页页面。
可选的,所述第一图像化操作界面,包括:网站选择列表、栏目编辑区或栏目信息区;
所述通过第一图像化操作界面,获取目标网站中所含有的栏目的属性信息,包括:
通过所述网站选择列表,确定所述目标网站;
通过所述栏目信息区,确定所述栏目的数量;
通过所述栏目编辑区,确定所述栏目的名称或所述栏目的类型。
可选的,所述栏目信息区为树状结构,所述每一个栏目作为所述树状结构中不同级别的子节点。
可选的,所述方法还包括:
通过第三图像化操作界面,获取控件信息,所述控件信息用于对控件库中的控件进行设置,所述控件信息至少包括控件类型信息和控件设置信息,所述控件库保存于所述预设存储位置。
可选的,所述第三图像化操作界面,包括:控件管理界面和控件类型管理界面;
所述通过第三图像化操作界面,获取控件信息,包括:
通过所述控件类型管理界面,获取所述控件类型信息;
通过所述控件管理界面,获取所述控件设置信息。
可选的,所述第二图像化操作界面,包括:网站选择列表、模板维护区、模板文件布局信息区和模板内容编辑区;
所述通过第二图像化操作界面,针对所述目标网站的每一个栏目,获取该栏目对应的模板文件的模板参数,包括:
通过所述网站选择列表,确定所述目标网站;
通过模板维护区,确定所述目标网站的每一个栏目对应的模板文件,并确定所述模板文件的类型;
通过模板文件布局信息区,获取所述模板文件上所具有的容器的第一布局信息;
通过模板内容编辑区,获取所述模板文件上所具有的容器中的控件的第二布局信息;
将所述第一布局信息和所述第二布局信息,作为所述模板参数。
可选的,所述基于所述模板参数对所述模板文件进行设置,包括:
针对所述每一个栏目,在该栏目对应的模板文件中,按所述第一布局信息设置容器;
按所述第二布局信息,在所述容器中设置控件。
可选的,所述方法还包括:
通过所述第二图像化操作界面,增加或删除所述目标网站的栏目对应的模板文件。
可选的,所述模板维护区中以树状结构展示不同类型的所述模板文件;
所述模板文件布局信息区以树形结构展示所述模板文件上所具有的容器。
可选的,所述从所述预设存储位置提取所述属性信息和所述模板文件,基于所述每一个栏目分别对应的所述模板文件,生成所述每一个栏目对应的网页页面,包括:
从所述预设存储位置提取所述属性信息和所述模板文件,并提取所述每一个栏目分别对应的预设内容信息,所述预设内容信息为预先存储在所述预设存储位置中的内容信息;
将每一个栏目对应的预设内容信息,分别加入该栏目对应的模板文件的控件中,并将所述模板文件生成超文本标记语言HTML文件。
本发明另一个方面提供一种网站页面生成装置,包括:
栏目维护模块,用于通过第一图像化操作界面,获取目标网站中所含有的栏目的属性信息,所述属性信息至少包括以下信息中的一种或多种:栏目的数量、栏目的名称、栏目的类型;
第一存储模块,用于将所述属性信息保存至预设存储位置;
模板维护模块,用于通过第二图像化操作界面,针对所述目标网站的每一个栏目,获取该栏目对应的模板文件的模板参数,并基于所述模板参数对所述模板文件进行设置;
第二存储模块,用于将所述目标网站的每一个栏目分别对应的所述模板文件,保存至所述预设存储位置;
网页生成模块,用于当生成所述目标网站的页面时,从所述预设存储位置提取所述属性信息和所述模板文件,基于所述每一个栏目分别对应的所述模板文件,生成所述每一个栏目对应的网页页面。
可选的,所述第一图像化操作界面包括:网站选择列表、栏目编辑区或栏目信息区;
所述栏目维护模块用于:
通过所述网站选择列表,确定所述目标网站;
通过所述栏目信息区,确定所述栏目的数量;
通过所述栏目编辑区,确定所述栏目的名称或所述栏目的类型。
可选的,所述栏目信息区为树状结构,所述每一个栏目作为所述树状结构中不同级别的子节点。
可选的,所述装置还包括:
控件维护模块,用于通过第三图像化操作界面,获取控件信息,所述控件信息用于对控件库中的控件进行设置,所述控件信息至少包括控件类型信息和控件设置信息,所述控件库保存于所述预设存储位置。
可选的,所述第三图像化操作界面包括:控件管理界面和控件类型管理界面;
所述控件维护模块用于:
通过所述控件类型管理界面,获取所述控件类型信息;
通过所述控件管理界面,获取所述控件设置信息。
可选的,所述第二图像化操作界面包括:网站选择列表、模板维护区、模板文件布局信息区和模板内容编辑区;
所述模板维护模块用于:
通过所述网站选择列表,确定所述目标网站;
通过模板维护区,确定所述目标网站的每一个栏目对应的模板文件,并确定所述模板文件的类型;
通过模板文件布局信息区,获取所述模板文件上所具有的容器的第一布局信息;
通过模板内容编辑区,获取所述模板文件上所具有的容器中的控件的第二布局信息;
将所述第一布局信息和所述第二布局信息,作为所述模板参数。
可选的,所述模板维护模块还用于:
针对所述每一个栏目,在该栏目对应的模板文件中,按所述第一布局信息设置容器;
按所述第二布局信息,在所述容器中设置控件。
可选的,所述模板维护模块还用于:
通过所述第二图像化操作界面,增加或删除所述目标网站的栏目对应的模板文件。
可选的,所述装置中所述模板维护区中以树状结构展示不同类型的所述模板文件;所述模板文件布局信息区以树形结构展示所述模板文件上所具有的容器。
可选的,所述网页生成模块还用于:
从所述预设存储位置提取所述属性信息和所述模板文件,并提取所述每一个栏目分别对应的预设内容信息,所述预设内容信息为预先存储在所述预设存储位置中的内容信息;
将每一个栏目对应的预设内容信息,分别加入该栏目对应的模板文件的控件中,并将所述模板文件生成超文本标记语言HTML文件。
本发明又一方面提供一种电子设备,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现上述任一网站页面生成方法。
本发明上面方面提供的网站页面生成方法、装置及电子设备,能够使得用户通过第一图像化操作界面和第二图像化操作界面与电子设备进行交互,通过图像化的操作方式,使得电子设备能够获取目标网站中所含有的栏目的属性信息,并且获取该栏目对应的模板文件的模板参数,再基于模板参数对模板文件进行设置;电子设备再将属性信息和每一个栏目分别对应的模板文件,保存至预设存储位置;当生成目标网站的页面时,从预设存储位置提取属性信息和模板文件,基于各栏目分别对应的模板文件,生成各栏目对应的网页页面。使得用户能够基于图形化编辑方式对目标网站进行设计或维护,有效降低用户对模板标签、HTML语言和CSS样式语言的依赖,显著提高易用性和用户友好性。
附图说明
图1为本发明实施例提供的网站页面生成方法的流程图;
图2为本发明实施例提供的网站页面生成装置的结构图。
具体实施方式
为了使本领域的技术人员更好地理解本发明的技术方案,下面将结合附图对本发明作进一步的详细介绍。
参见图1,图1为本发明实施例提供的网站页面生成方法流程图。本发明实施例提供的网站页面生成方法包括步骤110~150,以下对各步骤进行详细说明。
步骤110,通过第一图像化操作界面,获取目标网站中所含有的栏目的属性信息,所述属性信息至少包括以下信息中的一种或多种:栏目的数量、栏目的名称、栏目的类型。
本发明实施例提供的网站页面生成方法,可以应用于各类电子设备,例如,个人计算机、服务器、手机等电子设备。
本发明实施例提供的网站页面生成方法在实际应用时,可以单独进行使用,也可以与电子设备上预设的CMS***配合使用,可以从CMS***调用相应的数据或信息,例如,可以作为CMS***中的一个子***,嵌套在CMS***中,能够从CMS***调用控件或内容信息等等。
第一图像化操作界面是向用户进行展示的图像化操作界面,例如可以显示在电子设备的屏幕上,第一图像化操作界面也可以称为栏目管理界面。
用户通过在第一图像化操作界面进行可视化的操作,就能够使得电子设备获取目标网站中所含有的栏目的属性信息。
目标网站也可以称为信息展示平台,例如,可以是高校的一个信息展示网站,该网站中可以展示高校新闻动态、视频、文件等等各种类型的信息。
目标网站中可以包括一个或多个栏目,栏目可以为该目标网站的子页面,例如,在该目标网站的导航栏上可以有,如高校新闻、活动视频、相关文件等多个栏目,每一个栏目都可以跳转至相应的子页面。同时,个别子页面中,还可以具有多个栏目,即子页面的下一级子页面,所以栏目还可以具有多个级别。
目标网站是待生成的,或者是待维护的信息展示平台。所以,需要对其所具有的栏目进行设置或调整。
在实际应用过程中,用户可以通过第一图像化操作界面与电子设备进行交互,采用图像化的操作方式,实现对目标网站所具有的栏目的设定。
电子设备可以在显示器等显示设备中向用户展示第一图像化操作界面。用户通过在第一图像化操作界面,进行可视化的操作,使得电子设备获取目标网站中所含有的栏目的属性信息。属性信息至少可以含有,该目标网站中所具有的栏目的数量,各个栏目的名称以及各个栏目的类型等信息,并且,根据实际需要,还可以属性信息中,还可以包括栏目简称、打开方式等其他信息。
其中,设置栏目数量,其实质为增加或删除该目标网站中所含有的栏目。栏目类型用于表示各个栏目的类型,例如栏目类型可以包括:“新闻”、“文件”、“说明”和“视频”等四类。其中“新闻”、“文件”和“视频”这3个类型均需要在后续步骤中,该栏目所对应的模板文件中进行设定才可配合使用,“说明”类型不需要在模板文件上进行设定,可直接编辑显示,主要用于简介等静态说明类的信息展示。
为了进一步方便用户与电子设备之间的交互。具体的,在本发明实施例提供的网站页面生成方法中,第一图像化操作界面,可以包括:网站选择列表,栏目编辑区或栏目信息区。
并且步骤110,通过第一图像化操作界面,获取目标网站中所含有的栏目的属性信息,可以包括:
步骤110a,通过网站选择列表,确定目标网站。
网站选择列表中可以含有多个网站或信息展示平台。用户可以通过该网站选择列表,确定出目标网站。从而针对该目标网站,进行后续的操作。例如,通过第一操作界面以图形化编辑方式实现栏目的增加、编辑和删除操作。
步骤110b,通过栏目信息区,确定栏目的数量。
栏目信息区用于显示出当前该目标网站中所设置的各个栏目,用户可以在该栏目信息区进行栏目的增加、删除、修改和选定待编辑的栏目。在该栏目信息区中,通过增加或删除栏目,从而可以使得电子设备获取到该目标网站中最终的栏目数量。
步骤110c,通过栏目编辑区,确定栏目的名称或栏目的类型。
在栏目信息区中可以选定某个栏目后,则在栏目编辑区中,可以针对该栏目进行具体内容的编辑。例如,可以编辑该栏目的“栏目名称”、“栏目简称”、“打开方式”和“栏目类型”等属性信息。
在本发明实施例中,为了能够更近一步的便于用户操作,并且使得目标网站中各个栏目之间的结构关系更加清晰。优选的,在本发明实施例中,第一图像化操作界面中的栏目信息区为树状结构,每一个栏目作为树状结构中不同级别的子节点。
具体的,栏目信息区中可以以“栏目节点维护”为根节点,各栏目分为一级、二级或三级等不同级别,并依据级别以树型层次结构显示于根节点下面,从而能够更加直观的体现出各个栏目的结构关系,例如一个栏目下还有多个子栏目。
同时,采用树型层次结构展示各个栏目,能够更方便用户进行操作,用户可以直接点击不同的子节点,从而对该子节点代表的栏目进行增加、删除、修改、选定等操作,当选定该子节点后,可以在编辑界区显示当前该子节点对应的栏目可以编辑的属性信息。
例如,在实际应用时,用户经常需要在目标网站中增加栏目,则具体操作过程如下:
第一步,在网站选择列表,选择要维护的目标网站。
第二步,点击栏目信息区中的根节点“栏目节点维护”,选择“增加栏目”。
第三步,点击选定新增加的栏目,打开新增加栏目的栏目编辑区。
第四步,在该栏目编辑区中,输入“栏目名称”、“栏目简称”和“打开方式”等,并选择“栏目类型”,点击界面中的“保存”按钮。从而使得电子设备获取该目标网站中该栏目的属性信息。
步骤120,将属性信息保存至预设存储位置。
电子设备通过第一图像化操作界面得到目标网站的各栏目的属性信息之后,就可以将该属性信息存储在预设存储位置。预设存储位置可以为硬盘上设置的数据库,也可以为与电子设备相连接的服务器端的数据库。例如,本发明实施例提供的网站页面生成方法,可以作为一个插件集成于CMS***中,从而可以使用该CMS***的数据库。
具体的,电子设备可以根据属性信息中栏目的数量,生成栏目信息表,在该栏目信息表中,记载有各个栏目的“栏目名称”、“栏目简称”、“打开方式”、“栏目类型”的属性信息。电子设备可以将该栏目信息表存储于预设存储位置。并且,该栏目信息表对应于该目标网站。例如不同的目标网站可以设置有不同的编号,在栏目信息表上也可以设置有相应的编号。从而通过编号使得不同的栏目信息表对应不同的目标网站。
步骤130,通过第二图像化操作界面,针对目标网站的每一个栏目,获取该栏目对应的模板文件的模板参数,并基于所述模板参数对该模板文件进行设置。
第二图像化操作界面同样是以可视化的方式,实现用户与电子设备之间的交互。同样,第二图像化操作界面也可以显示在电子设备的屏幕上。第二图像化操作界也可以称为模板管理界面。
用户通过该第二图像化操作界面,通过图像化的操作方式,可以确定出每一个栏目对应的模板文件,同时确定该模板文件的类型。并且,在没有相应的模板文件时,还可以增加相应的模板文件,针对该模板文件可以获取模板文件的模板参数。其中,模板参数可以包括模板上所具有的各个容器结构及布局,以及每一个容器中,所设置的各种控件的结构及布局信息。模板文件的类型可以为“普通模板”、“栏目显示模板”、“新闻显示模板”、“站点搜索模板”和“视频模板”等多种形式。
用户可以通过点击、选择、输入等操作方式,在第二图像化操作界面中,以图形化操作方式进行模板文件的添加、删除、修改、设定、刷新、打开和关闭,模板中容器的增加、删除和样式设置,以及容器中控件的添加、删除和样式设置等。从而使得电子设备能够确定目标网站的每一个栏目对应的模板文件。并根据用户的操作获取模板参数。
电子设备通过与用户的交互,可以通过用户的操作获取相应的模板参数,从而基于该模板参数,对模板文件进行相应的设置,从而得到按用户意图设定的模板文件。
在本发明实施例中,上述的模板文件的主要结构可以包括共性基础架构、CSS样式、容器和控件;
其中,模板共性基础架构包括html文件规范声明、<html></html>根节点标识、<head></head>头节点和<body></body>节点。
<head></head>头节点包括文档内容类型、语言、作者、版权、关键字、描述、模板文件标题、引用的CSS文件、JS文件和部分JS脚本。
<body></body>节点包括主容器、TOPFRAME子容器、MAINFRAME子容器、BOTFRAME子容器和OTHERFRAME子容器。
具体的模板文件的结构可以根据需要进行设计,在此并不限定。
在实际应用中,为了能够使用户更加方便的对第二图像化操作界面进行操作,在本发明实施例中,第二图像化操作界面,可以包括:网站选择列表,模板维护区,模板文件布局信息区和模板内容编辑区。
相应的,步骤130中,通过第二图像化操作界面,针对目标网站的每一个栏目,获取该栏目对应的模板文件的模板参数,可以包括:
步骤130a,通过网站选择列表,确定目标网站。
网站选择列表中可以含有多个网站或信息展示平台。用户可以通过该网站选择列表,确定出目标网站。然后针对该目标网站,进行各个模板文件的设置。
步骤130b,通过模板维护区,确定目标网站的每一个栏目对应的模板文件,并确定模板文件的类型。
模板维护区中,展示有不同类型的,且已经存在的模板文件。用于可以选择不同类型下的模板文件,并对该模板文件的进行设定,确定出该模板文件所对应的栏目。
例如,在模板维护区中,在选择一个模板类型下的模板文件,点击该模板文件,将其作为要设定的模板文件;在弹出的菜单中,选择“设定”菜单项,弹出模板设定对话框;在模板设定对话框中,勾选使用当前模板文件的栏目,从而确定出该模板文件所对应的栏目。
为了更进一步提高用户操作的便捷性,在本发明实施例中,模板维护区中以树状结构展示不同类型的所述模板文件。
具体的,树型层次结构模板维护区,以“网站模板信息维护”为一级根节点,以“普通模板”、“栏目显示模板”、“新闻显示模板”、“站点搜索模板”和“视频模板”等类型名称为二级叶子节点,不同类型的模板文件作为三级节点分别位于不同的二级节点中,在一级节点“网站模板信息维护”上点击,可选择“增加模板”菜单,可打开增加模板对话框。在三级节点不同的模板文件上点击可弹出包括“修改模板”、“删除模板”、“设定”、“刷新”和“导出模板”等菜单项的弹出式菜单。通过树形结构,使得用户能够清楚的了解当前所具有的模板的类型,以及各个模板的数量。
在实际应用时,在对目标网站进行维护时,经常会新增栏目,而当前所具有的模板文件,不一定可以适应新增栏目的需要,往往需要增加新的模板文件或删除原有的模板文件。
所以,在本发明实施例中,当需要新增模板文件或删除原有的模板文件时,还可以通过第二图像化操作界面,增加或删除目标网站的栏目对应的模板文件。
具体的,可以在树型层次结构模板维护区中,在根节点“网站模板信息维护”上进行点击,在弹出的菜单中,选择“增加模板”菜单项,打开增加模板对话框;在增加模板对话框,选择“页面类型”,输入“页面名称”、“标题”、“描述”,最后选择“模板增加类型”,包括“默认页面”、“复制页面”和“已有模板页面”,点击“保存”按钮,从而新生成一个模板文件。当需要进行删除时,则可以直接点击需要删除的模板文件,并选择“删除模板”选项,从而删除该模板页面。
步骤130c,通过模板文件的布局信息区,获取所述模板文件上所具有的容器的第一布局信息。
模板文件布局信息区中,可以通过可视化或图像化的方式,使得用户对模板文件中的各个容器进行设置。
具体的,模板文件布局信息区以树形结构展示模板文件上所具有的容器。
其中,以“主容器”作为一级节点,“TOPFRAME”、“MAINFRAME”、“BOTFRAME”、“OTHERFRAME”四个名称固定的子容器层叶子节点作为二级节点,模板文件其它容器的创建必须在“TOPFRAME”、“MAINFRAME”、“BOTFRAME”和“OTHERFRAME”四个容器层基础上进行,主容器中不能再创建新的容器,除主容器外的容器中都还可以创建一个或多个容器,容器可以增加和删除,但是不能修改,除了主容器和TOPFRAME、MAINFRAME、BOTFRAME和OTHERFRAME四个子容器,其它创建的容器都可以进行移除。
容器名字由***采用线性序号方式自动命名,不可更改,有子容器的容器不能添加控件,可以通过CSS样式语言控制容器样式,点击容器时,右部区域将突出显示当前容器层的编辑界面,在容器层上点击右键,依据不同容器层将弹出包含“设置样式”、“增加容器”和“移除容器”等菜单项的弹出式菜单。其中“设置样式”选项可以使得用户对容器的高度、背景、边框等进行设定。
用户通过在模板文件布局信息区中的操作,使得电子设备能够确定出各个容器的结构及分布情况,从而确定出针对该模板文件的第一布局信息。
步骤130d,通过模板内容编辑区,获取所述模板文件上所具有的容器中的控件的第二布局信息。
模板内容编辑区中,用户可以可视化或图像化的对容器中控件进行设置。具体的,模板内容编辑区以条块化分比例方式显示整个模板文件内容结构,当用户在模板文件布局信息区中选定一个容器时,则在该模板内容编辑区可以突出显示的当前选定容器的编辑界面,其中主要包括“添加控件”、“删除控件”和“控件样式”三个快捷图标,分别进行控件的添加、删除和样式控件。
通过“添加控件”选项,可以在容器中添加各类***控件或自定义控件。通过“控件样式”选项,可以设定所添加控件的尺寸、位置、对齐方式等样式。
在本发明实施例中,***基础控件可以包括内容管理控件、多媒体控件、基础控件、高级控件和其它控件。
其中,内容管理控件包括新闻图片缩略图控件、新闻内容控件、新闻统计控件、视频显示内容控件、栏目说明显示控件、简单新闻列表控件、新闻滚动控件、新闻图片控件、新闻图片滚动控件、文件列表控件、导航控件、当前位置导航控件、类型页面栏目导航控件、类型页面内容显示控件、子栏目链接导航、栏目简介控件、留言板控件、留言板列表显示控件、新闻图片列表控件和稿件统计控件。
多媒体控件包括链接图片集成控件、链接文字集成控件、图片浮动控件、图片滚动控件、图片显示控件、图片自动播放控件、广告漂浮控件、视频播放控件、FLASH控件和视频列表控件。
基础控件包括复合标签控件、Iframe集成控件、RSS集成控件、RSS新闻集成控件、文字显示控件、栏目页新闻搜索控件、站内搜索控件、站内搜索结果显示控件、网站访问量计数器控件、调查问卷信息控件、弹出窗口控件和html控件。
高级控件包括Webservice控件和数据显示控件。
其它控件包括倒计时控件和时间日期显示控件。
用户通过对模板内容编辑区的操作,能够使得电子设备确定出模板文件中各个容器内的控件的结构关系和分布情况,从而能够获得第二布局信息。
步骤130e,将第一布局信息和第二布局信息,作为模板参数。
电子设备所获得的第一布局信息和第二布局信息,通过该第一布局信息和第二布局信息,可以明确出模板文件的整体结构和样式,从而可以将第一布局信息和第二布局信息,作为模板参数。
下面结合实际操作,说明电子设备获取模板参数的具体过程:
第一步,通过网站选择列表,确定目标网站。
第二步,在树型层次结构的模板维护区中,点击作为三级叶子节点的要编辑的模板文件。
第三步,在模板文件布局信息区中,在可增加容器的容器上点击,在弹出式菜单中,选择“增加容器”菜单项。
第四步,在模板文件布局信息区中,在可添加控件的容器上点击,突出显示当前容器。
第五步,在模板文件布局信息区中,点击容器,在弹出式菜单中选择“设置样式”,打开容器层样式设置对话框,在容器层样式设置对话框中包括容器层高度、对齐方式、外边距、内边距、背景颜色、背景图片、边框宽度、边框颜色等进行设置,也可以在样式设置对话框中“其它样式”区域以直接编辑CSS代码的方式进行。
通过上述步骤,电子设备可以获得第一布局信息。
第六步,在模板内容编辑区突出显示的容器上,点击“添加控件”快捷图标,弹出控件添加窗口,控件添加窗口将显示当前目标网站所拥有的所有控件,选中要添加的控件,根据需要设定控件需要绑定的栏目。
第七步,在模板内容编辑区突出显示的容器上,点击“控件样式”快捷图标,打开样式设置对话框。样式对话框包括了“默认样式”、“容器”、“表格样式”、“列表框”、“栏目名称”和“预览”等标签,点击不同的标签,可以分别设置控件的尺寸、位置、对齐方式、字体颜色、背景颜色、标题字体、字体大小等等,也可以通过“预览”标签中的直接编辑CSS代码的方式进行。
通过上述步骤,电子设备可以获得第二布局信息。
电子设备在获取了模板参数之后,就可以根据该模板参数对所述模板文件进行设置,所以,步骤130中,基于模板参数对模板文件进行设置,可以包括:
针对目标网站中的每一个栏目,在该栏目对应的模板文件中,按第一布局信息设置容器;按第二布局信息,在容器中设置控件。
用户通过第二图像化操作界与电子设备进行交互,在交互过程中,通过鼠标点击等操作,使得电子设备实时的获取到第一布局信息和第二布局信息。同时,当电子设备获取到第一布局信息和第二布局信息时,可以实时的对模板文件进行相应的设置。所以在实际应用时,用户在每一次操作过程中,电子设备就已经完成对模板文件的相应设置。例如,用户增加一个容器时,用户的点击操作所发出的指令,对于电子设备而言可以作为第一布局信息,则电子设备可以实时的根据该第一布局信息在模板文件直接增加该容器。
步骤140,将目标网站的每一个栏目分别对应的模板文件,保存至预设存储位置。
电子设备通过上述的步骤,确定出目标网站的每一个栏目分别对应的模板文件后,则可以将各个模板文件存储于预设存储位置,例如数据库中等存储位置。
在实际应用中,用户每完成对一个栏目对应的模板文件后,则电子设备可以将该模板文件进行存储,从而实现了及时存储。
或者,模板文件本身就存储在预设存储位置,当对该模板文件进行设置时,相当于每一个操作结果都可以被存储于预设存储位置,并对所存储的模板文件进行相应的设置。
步骤150,当生成目标网站的页面时,从预设存储位置提取属性信息和模板文件,基于各栏目分别对应的模板文件,生成各栏目对应的网页页面。
当需要对目标网站的页面进行生成时,电子设备可以从预设存储位置对之前所存储的属性信息和模板文件进行提取,从按照各个栏目与模板的对应关系,将各个模板文件生成各个栏目对应的页面。将模板文件转化为页面的过程,相当于将模板文件生成静态HTML文件的过程。
其中,将模板文件转化为静态HTML文件的过程可以包括:
(1)创建文档类型;
(2)创建文件头,包括meta信息、标题、文件样式连接、JS引入和公共JS代码;
(3)创建文件体,主要包括获得模板页面层信息,依据容器层、控件、样式和发布的信息依次创建TOPFRAME、MAINFRAM、BOTFRAME和OTHERFRAME四个DIV层,并依据当前DIV层是否有子DIV层进行循环嵌套创建;
(4)创建文件底;
(5)静态HTML文件输出。
在实际应用时,为了使得生成网页页面的过程更加准确,属性信息可以为栏目信息表,其中包括各个栏目的名称、栏目类型、打开方式等信息。各个栏目所对应的模板文件,也可以构成一个模板文件信息表。其中包括各个栏目对应的模板文件的标识。从而通过两个表的比对,则可以将相应的模板文件生成每一个栏目对应的页面,即生成静态HTML文件。
将模板文件生成静态HTML文件,也可以由用户通过第二图像化操作界面进行操作而实现。
具体的,在第二图像化操作界面中的模板维护区上,点击作为三级叶子节点的模板文件;在弹出的菜单中选择“刷新”菜单项,则可以将模板文件生成静态HTML文件。
具体的,用户点击“刷新”菜单项后,电子设备则开始执行以下步骤,以实现模板文件的转化:
(1)从Portleft XML文件中读取Portlet信息,进行Portlet信息初始化;
(2)初始化自定义Portlet控件信息,如果自定义控件是符合标签控件,还要对各个子控件进行初始化。
(3)初始化目标网站的模板文件信息表,如果模板文件页面样式代码不为空,读取并设置样式代码,如果控件样式代码不为空,则读取并设置控件样式代码;
(4)初始化栏目信息表;
(5)获取模板文件信息表,依据不同的模板类型,分别进行不同的静态HTML页面生成,例如,档栏目分为首页、新闻、搜索、视频时,相应的,将各个对应的模板文件生成首页、新闻页、搜索页和视频页。
在实际生成目标网站页面的过程中,目标网站的栏目中仅仅添加控件,可能并不足以显示出所需显示的全部内容。往往还需要加入具体的内容信息。例如,新闻资讯、图片等等。
所以在本发明实施例中,步骤150,从所述预设存储位置提取所述属性信息和所述模板文件,基于所述各栏目分别对应的所述模板文件,生成所述各栏目对应的网页页面,可以包括:
步骤150a,从预设存储位置提取属性信息和模板文件,并提取每一个栏目分别对应的预设内容信息,预设内容信息为预先存储在所述预设存储位置中的内容信息。
步骤150b,将每一个栏目对应的预设内容信息,分别加入该栏目对应的模板文件的控件中,并将模板文件生成超文本标记语言HTML文件。
预设内容信息是预先存储预设存储位置的内容信息,例如,在CMS***的数据库中,存储有大量的预设内容信息。预设内容信息可以为各类信息类型,如文字、图片等等。每一个预设内容信息可以对应一个栏目。
电子设备从预设存储位置提取属性信息和模板文件时,可以同步的提取出每一个栏目对应的预设内容信息。将预设内容信息加入相应的模板文件的相应控件中。然后再将模板文件生成超文本标记语言HTML文件后,所呈现的页面中则可以具有完整的内容信息。
例如,栏目为新闻,该栏目在数据库中对应有预设的新闻内容。当生成页面时,电子设备利用栏目和模板文件的对应关系,栏目和新闻内容的对应关系,解析模板,填充新闻内容,形成静态HTML文件。
在本发明实施例中,用户通过第一图像化操作界面和第二图像化操作界面与电子设备进行交互,通过图像化的操作方式,使得电子设备能够获取目标网站中所含有的栏目的属性信息,并且获取该栏目对应的模板文件的模板参数,再基于模板参数对模板文件进行设置;电子设备再将属性信息和每一个栏目分别对应的模板文件,保存至预设存储位置;当生成目标网站的页面时,从预设存储位置提取属性信息和模板文件,基于各栏目分别对应的模板文件,生成各栏目对应的网页页面。使得用户能够基于图形化编辑方式的今目标网站进行设计或维护,有效降低用户对模板标签、HTML语言和CSS样式语言的依赖,显著提高易用性和用户友好性。
结合上述的实施例,当用户添加控件时,常用的***控件可以不足以满足用户的需要。用户往往还需要通过自定义的方式增加部分自定义控件。
所以,本发明实施例提供的网站页面生成方法,还可以包括:
步骤100,通过第三图像化操作界面,获取控件信息,控件信息用于对控件库中的控件进行设置,控件信息至少包括控件类型信息和控件设置信息,控件库保存于预设存储位置。
第三图像化操作界面同样是向用户进行展示的图像化操作界面,可以显示在电子设备的屏幕上。
用户通过第三图像化操作界面,能够可视化或图像化的进行操作,使得电子设备获取控件信息。控件信息可以包括控件类型信息,例如新增的一种控件类型。控件信息还可以包括控件设置信息,例如,增加或删除一个或多个控件,以及控件的控件名称、控件编号以及所属的目标网站等等。
电子设备通过该类型信息,可以对保存于预设存储位置的控件库中的控件进行设置,例如可以在控件库中新增控件类型,或者新增控件,或者对个别控件的参数进行调整。
具体的,第三图像化操作界面可以包括:控件管理界面和控件类型管理界面。
相应的,步骤100,通过第三图像化操作界面,获取控件信息,可以包括:
步骤100a,通过控件类型管理界面,获取控件类型信息。
控件类型管理界面可以包括“增加”、“修改”和“删除”按钮,分别用于控件类型的添加、修改和删除。
例如,当用户需要增加一个自定义的控件类型时,可以进行以下操作:
第一步,在控件类型管理界面,点击“增加”按钮,打开控件类型增加对话框。
第二步,在控件类型增加对话框中输入“控件类型名称”,选择控件类型所属的目标网站,点击保存。
通过用户在控件类型管理界面中的操作,电子设备可以获取新增加的控件类型信息。获取该控件类型信息后,电子设备可以在控件库中新增或删除相应的控件类型。
步骤100b,通过控件管理界面,获取控件设置信息。
控件管理界面包括“增加”、“修改”、“删除”、“参数设置”和“控件复制”等按钮,除此之外还包括查询条件设置框和“查询”按钮,查询条件主要包括控件所属的目标网站、控件类型、控件名称和控件编号等。其中“增加”、“修改”、“删除”分别用于控件的添加、修改和删除。“参数设置”用于对新增的控件设置参数,或者对原有控件进行参数调整。
例如,当用户需要增加一个自定义的控件时,可以进行以下操作:
第一步,在控件管理界面,点击“增加”按钮,打开控件增加对话框。
第二步,在控件增加对话框,输入“控件名称”,选择“所属目标网站”、“控件类型”、引用的“***基础控件”、“页面类型”和“控件状态”,点击“下一步”按钮,进入控件参数设定对话框;
第三步,在控件参数设定对话框,选择“控件显示内容对应的栏目”,“标题状态”,“标题名称”,“行数”,“字数”,“是否显示发布单位”等,最后点击保存。
通过上述步骤,电子设备可以获取相应的控件设置信息。获取该控件设置信息后,电子设备可以在控件库中新增或删除相应的控件,并对相应的控件参数进行相应的设置。
例如,在上面的例子中,当点击保存后,则电子设备可以在控件库中新增该控件,并对其设置相应的参数。
本发明实施例提供的网站页面生成方法可以与CMS***相结合使用,可以通过CMS***提供相应的***控件,以及预设内容信息。从而更加方面用户使用。
下面结合一个实例,介绍本发明实施例提供的网站页面生成方法与CMS***相结合时的执行流程。
第一步,从CMS***中打开第一图像化操作界面,新建栏目。
第二步,从CMS***中打开第三图像化操作界面中的控件类型管理界面,新建控件类型。
第三步,从CMS***中打开第三图像化操作界面中的控件管理界面,新建控件。
第四步,从CMS***中打开第二图像化操作界面,新建模板文件,并进行编辑,包括添加容器和控件,设置容器层和控件样式。
第五步,生成静态HTML文件,检查模板文件是否符合要求。
重复步第四步和第五步,直到模板文件符合要求。
在实际使用时,可以采用B/S架构,在WEB***服务器执行本发明实施例提供的网站页面生成方法,通过与CMS***中的站点管理和信息发布等功能进行配合使用,用户能够方便的目标网站完成管理和发布。
例如,首先由有权限的用户通过浏览器进行登录,利用CMS***的站点管理建立站点,然后执行本发明实施例提供的网站页面生成方法,生成目标网站的栏目、更新控件库并设置模板文件。将模板文件和栏目进行关联,最后由CMS***中的信息发布将要发布的预设内容信息发布到不同的栏目中,并自动进行静态HTML文件生成供客户端进行浏览查看,在条件具备情况下,也可操作模板文件直接生成静态HTML文件。
本发明实施例提供的网站页面生成方法可以作为一个功能模块集成到CMS***中,也可以独成体系,和CMS***进行配合使用。通常情况下,本发明实施例提供的网站页面生成方法可以集成为CMS***的一部分。
通过本发明实施例提供的网站页面生成方法,用户即可通过完全的图形化交互式操作方式进行模板文件设计、栏目设计、控件设计以及样式设置,使用户无需了解和掌握模板标签语言、HTML语言和CSS样式语言,真正简化了用户模板文件设计,提高了CMS内容管理***中模板文件设计功能的可用性,将用户从模板标签语言、HTML语言和CSS样式语言中解放出来,降低了网站的建设难度和维护难度。
参见图2,图2为本发明实施例提供的网站页面生成装置的结构图,包括:
栏目维护模块201,用于通过第一图像化操作界面,获取目标网站中所含有的栏目的属性信息,所述属性信息至少包括以下信息中的一种或多种:栏目的数量、栏目的名称、栏目的类型;
第一存储模块202,用于将所述属性信息保存至预设存储位置;
模板维护模块203,用于通过第二图像化操作界面,针对所述目标网站的每一个栏目,获取该栏目对应的模板文件的模板参数,并基于所述模板参数对所述模板文件进行设置;
第二存储模块204,用于将所述目标网站的每一个栏目分别对应的所述模板文件,保存至所述预设存储位置;
网页生成模块205,用于当生成所述目标网站的页面时,从所述预设存储位置提取所述属性信息和所述模板文件,基于所述各栏目分别对应的所述模板文件,生成所述各栏目对应的网页页面。
在本发明实施例中,用户通过第一图像化操作界面和第二图像化操作界面与电子设备进行交互,通过图像化的操作方式,使得电子设备能够获取目标网站中所含有的栏目的属性信息,并且获取该栏目对应的模板文件的模板参数,再基于模板参数对模板文件进行设置;电子设备再将属性信息和每一个栏目分别对应的模板文件,保存至预设存储位置;当生成目标网站的页面时,从预设存储位置提取属性信息和模板文件,基于各栏目分别对应的模板文件,生成各栏目对应的网页页面。使得用户能够基于图形化编辑方式的今目标网站进行设计或维护,有效降低用户对模板标签、HTML语言和CSS样式语言的依赖,显著提高易用性和用户友好性。
可选的,在本发明实施例提供的网站页面生成装置中,所述装置中的所述第一图像化操作界面,包括:网站选择列表,栏目编辑区或栏目信息区;
所述栏目维护模块201,具体用于:
通过所述网站选择列表,确定所述目标网站;
通过所述栏目信息区,确定所述栏目的数量;
通过所述栏目编辑区,确定所述栏目的名称或所述栏目的类型。
可选的,在本发明实施例提供的网站页面生成装置中,所述装置中的所述栏目信息区为树状结构,所述每一个栏目作为所述树状结构中不同级别的子节点。
可选的,在本发明实施例提供的网站页面生成装置中,所述装置还包括:
控件维护模块,用于通过第三图像化操作界面,获取控件信息,所述控件信息用于对控件库中的控件进行设置,所述控件信息至少包括控件类型信息和控件设置信息,所述控件库保存于所述预设存储位置。
可选的,在本发明实施例提供的网站页面生成装置中,所述装置中的所述第三图像化操作界面,包括:控件管理界面和控件类型管理界面;
所述控件维护模块,具体用于:
通过所述控件类型管理界面,获取所述控件类型信息;
通过所述控件管理界面,获取所述控件设置信息。
可选的,在本发明实施例提供的网站页面生成装置中,所述装置中的所述第二图像化操作界面,包括:网站选择列表,模板维护区,模板文件布局信息区和模板内容编辑区;
所述模板维护模块203,具体用于:
通过所述网站选择列表,确定所述目标网站;
通过模板维护区,确定所述目标网站的每一个栏目对应的模板文件,并确定所述模板文件的类型;
通过模板文件布局信息区,获取所述模板文件上所具有的容器的第一布局信息;
通过模板内容编辑区,获取所述模板文件上所具有的容器中的控件的第二布局信息;
将所述第一布局信息和所述第二布局信息,作为所述模板参数。
可选的,在本发明实施例提供的网站页面生成装置中,所述模板维护模块203,具体用于:
针对所述每一个栏目,在该栏目对应的模板文件中,按所述第一布局信息设置容器;
按所述第二布局信息,在所述容器中设置控件。
可选的,在本发明实施例提供的网站页面生成装置中,所述模板维护模块203,具体用于:
通过所述第二图像化操作界面,增加或删除所述目标网站的栏目对应的模板文件。
可选的,在本发明实施例提供的网站页面生成装置中,所述装置中所述模板维护区中以树状结构展示不同类型的所述模板文件;所述模板文件布局信息区以树形结构展示所述模板文件上所具有的容器。
可选的,在本发明实施例提供的网站页面生成装置中,所述网页生成模块205,具体用于:
从所述预设存储位置提取所述属性信息和所述模板文件,并提取所述每一个栏目分别对应的预设内容信息,所述预设内容信息为预先存储在所述预设存储位置中的内容信息;将每一个栏目对应的预设内容信息,分别加入该栏目对应的模板文件的控件中,并将所述模板文件生成超文本标记语言HTML文件。
本发明实施例还提供了一种电子设备,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信,
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现如下步骤:
通过第一图像化操作界面,获取目标网站中所含有的栏目的属性信息,所述属性信息至少包括以下信息中的一种或多种:栏目的数量、栏目的名称、栏目的类型;
将所述属性信息保存至预设存储位置;
通过第二图像化操作界面,针对所述目标网站的每一个栏目,获取该栏目对应的模板文件的模板参数,并基于所述模板参数对所述模板文件进行设置;
将所述目标网站的每一个栏目分别对应的所述模板文件,保存至所述预设存储位置;
当生成所述目标网站的页面时,从所述预设存储位置提取所述属性信息和所述模板文件,基于所述各栏目分别对应的所述模板文件,生成所述各栏目对应的网页页面。
上述电子设备提到的通信总线可以分为地址总线、数据总线、控制总线等。通信接口用于上述电子设备与其他设备之间的通信。
上述的处理器可以是通用处理器,包括中央处理器、专用集成电路、现场可编程门阵列等等。
以上只通过说明的方式描述了本发明的某些示范性实施例,毋庸置疑,对于本领域的普通技术人员,在不偏离本发明的精神和范围的情况下,可以用各种不同的方式对所描述的实施例进行修正。因此,上述附图和描述在本质上是说明性的,不应理解为对本发明权利要求保护范围的限制。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来。并且本说明书中的各个实施例均采用相关的方式描述,各个实施例之间相同相似的部分互相参见即可。

Claims (21)

1.一种网站页面生成方法,其特征在于,包括:
通过第一图像化操作界面,获取目标网站中所含有的栏目的属性信息,所述属性信息至少包括以下信息中的一种或多种:栏目的数量、栏目的名称、栏目的类型;
将所述属性信息保存至预设存储位置;
通过第二图像化操作界面,针对所述目标网站的每一个栏目,获取该栏目对应的模板文件的模板参数,并基于所述模板参数对所述模板文件进行设置;
将所述目标网站的每一个栏目分别对应的所述模板文件,保存至所述预设存储位置;
当生成所述目标网站的页面时,从所述预设存储位置提取所述属性信息和所述模板文件,基于所述每一个栏目分别对应的所述模板文件,生成所述每一个栏目对应的网页页面。
2.根据权利要求1所述的方法,其特征在于,所述第一图像化操作界面包括:网站选择列表、栏目编辑区或栏目信息区;
所述通过第一图像化操作界面,获取目标网站中所含有的栏目的属性信息,包括:
通过所述网站选择列表,确定所述目标网站;
通过所述栏目信息区,确定所述栏目的数量;
通过所述栏目编辑区,确定所述栏目的名称或所述栏目的类型。
3.根据权利要求2所述的方法,其特征在于,所述栏目信息区为树状结构,所述每一个栏目作为所述树状结构中不同级别的子节点。
4.根据权利要求1-3中任一项所述的方法,其特征在于,所述方法还包括:
通过第三图像化操作界面,获取控件信息,所述控件信息用于对控件库中的控件进行设置,所述控件信息至少包括控件类型信息和控件设置信息,所述控件库保存于所述预设存储位置。
5.根据权利要求4所述的方法,其特征在于,所述第三图像化操作界面包括:控件管理界面和控件类型管理界面;
所述通过第三图像化操作界面,获取控件信息,包括:
通过所述控件类型管理界面,获取所述控件类型信息;
通过所述控件管理界面,获取所述控件设置信息。
6.根据权利要求1-5中任一项所述的方法,其特征在于,所述第二图像化操作界面,包括:网站选择列表、模板维护区、模板文件布局信息区和模板内容编辑区;
所述通过第二图像化操作界面,针对所述目标网站的每一个栏目,获取该栏目对应的模板文件的模板参数,包括:
通过所述网站选择列表,确定所述目标网站;
通过模板维护区,确定所述目标网站的每一个栏目对应的模板文件,并确定所述模板文件的类型;
通过模板文件布局信息区,获取所述模板文件上所具有的容器的第一布局信息;
通过模板内容编辑区,获取所述模板文件上所具有的容器中的控件的第二布局信息;
将所述第一布局信息和所述第二布局信息,作为所述模板参数。
7.根据权利要求6所述的方法,其特征在于,所述基于所述模板参数对所述模板文件进行设置,包括:
针对所述每一个栏目,在该栏目对应的模板文件中,按所述第一布局信息设置容器;
按所述第二布局信息,在所述容器中设置控件。
8.根据权利要求6或7所述的方法,其特征在于,所述方法还包括:
通过所述第二图像化操作界面,增加或删除所述目标网站的栏目对应的模板文件。
9.根据权利要求6-8中任一项所述的方法,其特征在于,所述模板维护区中以树状结构展示不同类型的所述模板文件;
所述模板文件布局信息区以树形结构展示所述模板文件上所具有的容器。
10.根据权利要求1至9中任一项所述的方法,其特征在于,所述从所述预设存储位置提取所述属性信息和所述模板文件,基于所述每一个栏目分别对应的所述模板文件,生成所述每一个栏目对应的网页页面,包括:
从所述预设存储位置提取所述属性信息和所述模板文件,并提取所述每一个栏目分别对应的预设内容信息,所述预设内容信息为预先存储在所述预设存储位置中的内容信息;
将每一个栏目对应的预设内容信息,分别加入该栏目对应的模板文件的控件中,并将所述模板文件生成超文本标记语言HTML文件。
11.一种网站页面生成装置,其特征在于,包括:
栏目维护模块,用于通过第一图像化操作界面,获取目标网站中所含有的栏目的属性信息,所述属性信息至少包括以下信息中的一种或多种:栏目的数量、栏目的名称、栏目的类型;
第一存储模块,用于将所述属性信息保存至预设存储位置;
模板维护模块,用于通过第二图像化操作界面,针对所述目标网站的每一个栏目,获取该栏目对应的模板文件的模板参数,并基于所述模板参数对所述模板文件进行设置;
第二存储模块,用于将所述目标网站的每一个栏目分别对应的所述模板文件,保存至所述预设存储位置;
网页生成模块,用于当生成所述目标网站的页面时,从所述预设存储位置提取所述属性信息和所述模板文件,基于所述每一个栏目分别对应的所述模板文件,生成所述每一个栏目对应的网页页面。
12.根据权利要求11所述的装置,其特征在于,所述第一图像化操作界面包括:网站选择列表、栏目编辑区或栏目信息区;
所述栏目维护模块用于:
通过所述网站选择列表,确定所述目标网站;
通过所述栏目信息区,确定所述栏目的数量;
通过所述栏目编辑区,确定所述栏目的名称或所述栏目的类型。
13.根据权利要求12所述的装置,其特征在于,所述栏目信息区为树状结构,所述每一个栏目作为所述树状结构中不同级别的子节点。
14.根据权利要求11-13中任一项所述的装置,其特征在于,所述装置还包括:
控件维护模块,用于通过第三图像化操作界面,获取控件信息,所述控件信息用于对控件库中的控件进行设置,所述控件信息至少包括控件类型信息和控件设置信息,所述控件库保存于所述预设存储位置。
15.根据权利要求14所述的装置,其特征在于,所述第三图像化操作界面包括:控件管理界面和控件类型管理界面;
所述控件维护模块用于:
通过所述控件类型管理界面,获取所述控件类型信息;
通过所述控件管理界面,获取所述控件设置信息。
16.根据权利要求11-15中任一项所述的装置,其特征在于,所述第二图像化操作界面包括:网站选择列表、模板维护区、模板文件布局信息区和模板内容编辑区;
所述模板维护模块用于:
通过所述网站选择列表,确定所述目标网站;
通过模板维护区,确定所述目标网站的每一个栏目对应的模板文件,并确定所述模板文件的类型;
通过模板文件布局信息区,获取所述模板文件上所具有的容器的第一布局信息;
通过模板内容编辑区,获取所述模板文件上所具有的容器中的控件的第二布局信息;
将所述第一布局信息和所述第二布局信息,作为所述模板参数。
17.根据权利要求16所述的装置,其特征在于,所述模板维护模块还用于:
针对所述每一个栏目,在该栏目对应的模板文件中,按所述第一布局信息设置容器;
按所述第二布局信息,在所述容器中设置控件。
18.根据权利要求16或17所述的装置,其特征在于,所述模板维护模块还用于:
通过所述第二图像化操作界面,增加或删除所述目标网站的栏目对应的模板文件。
19.根据权利要求16-18中任一项所述的装置,其特征在于,所述模板维护区中以树状结构展示不同类型的所述模板文件;所述模板文件布局信息区以树形结构展示所述模板文件上所具有的容器。
20.根据权利要求11至19中任一项所述的装置,其特征在于,所述网页生成模块用于:
从所述预设存储位置提取所述属性信息和所述模板文件,并提取所述每一个栏目分别对应的预设内容信息,所述预设内容信息为预先存储在所述预设存储位置中的内容信息;
将每一个栏目对应的预设内容信息,分别加入该栏目对应的模板文件的控件中,并将所述模板文件生成超文本标记语言HTML文件。
21.一种电子设备,其特征在于,包括处理器、通信接口、存储器和通信总线,其中,处理器、通信接口、存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现权利要求1-10任一项所述的方法步骤。
CN201910070607.XA 2019-01-24 2019-01-24 一种网站页面生成方法、装置及电子设备 Pending CN109815435A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910070607.XA CN109815435A (zh) 2019-01-24 2019-01-24 一种网站页面生成方法、装置及电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910070607.XA CN109815435A (zh) 2019-01-24 2019-01-24 一种网站页面生成方法、装置及电子设备

Publications (1)

Publication Number Publication Date
CN109815435A true CN109815435A (zh) 2019-05-28

Family

ID=66604964

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910070607.XA Pending CN109815435A (zh) 2019-01-24 2019-01-24 一种网站页面生成方法、装置及电子设备

Country Status (1)

Country Link
CN (1) CN109815435A (zh)

Cited By (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110275996A (zh) * 2019-06-17 2019-09-24 北京亚鸿世纪科技发展有限公司 数据可视化开发为内容开发提供页面框架的装置及方法
CN110351288A (zh) * 2019-07-17 2019-10-18 河北源达信息技术股份有限公司 一种一个产品含有多个栏目的数据推送方法
CN110569472A (zh) * 2019-09-10 2019-12-13 杭州凡闻科技有限公司 通过电子屏幕显示信息的方法和***
CN110837369A (zh) * 2019-10-24 2020-02-25 山东中创软件工程股份有限公司 一种表单生成方法、装置及电子设备和存储介质
CN111191176A (zh) * 2019-12-24 2020-05-22 腾讯云计算(北京)有限责任公司 网站内容更新方法、装置、终端及存储介质
CN111221505A (zh) * 2019-12-31 2020-06-02 上海汇贯实业有限公司 一种网站网页设计***及其方法
CN111427491A (zh) * 2020-03-02 2020-07-17 青岛聚好联科技有限公司 一种***后台菜单按钮的配置方法及装置
CN111459477A (zh) * 2020-02-26 2020-07-28 北京国人通教育科技有限公司 内容管理方法、***、电子设备和存储介质
CN112241259A (zh) * 2020-11-19 2021-01-19 湖南红网新媒体集团有限公司 一种网页编辑***、方法、装置及存储介质
CN113296773A (zh) * 2021-05-28 2021-08-24 北京思特奇信息技术股份有限公司 一种层叠样式表的版权标注方法和标注***
CN113779235A (zh) * 2021-09-13 2021-12-10 北京市律典通科技有限公司 一种Word文档大纲识别处理方法及装置

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101676910A (zh) * 2008-09-19 2010-03-24 北京大学 一种面向Web应用***的页面生成方法
US20150143267A1 (en) * 2013-11-18 2015-05-21 Nuwafin Holdings Ltd SYSTEM AND METHOD FOR DEVELOPING A RULE-BASED EVENT-DRIVEN MULTI-LAYERED FRONTEND FOR BUSINESS SERVICES AND RENDERING THE GUIs ON MULTIPLE CLIENT DEVICES
CN105183475A (zh) * 2015-09-08 2015-12-23 北京思特奇信息技术股份有限公司 一种用户自定制门户网站个性化页面的方法和***
CN106484898A (zh) * 2016-10-21 2017-03-08 用友网络科技股份有限公司 一种动态生成Web***页面的方法及装置
CN107798084A (zh) * 2017-10-17 2018-03-13 广东广业开元科技有限公司 一种web前端页面的可视化编辑生成***及装置
CN108255914A (zh) * 2017-09-05 2018-07-06 深圳壹账通智能科技有限公司 网页生成方法及应用服务器

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101676910A (zh) * 2008-09-19 2010-03-24 北京大学 一种面向Web应用***的页面生成方法
US20150143267A1 (en) * 2013-11-18 2015-05-21 Nuwafin Holdings Ltd SYSTEM AND METHOD FOR DEVELOPING A RULE-BASED EVENT-DRIVEN MULTI-LAYERED FRONTEND FOR BUSINESS SERVICES AND RENDERING THE GUIs ON MULTIPLE CLIENT DEVICES
CN105183475A (zh) * 2015-09-08 2015-12-23 北京思特奇信息技术股份有限公司 一种用户自定制门户网站个性化页面的方法和***
CN106484898A (zh) * 2016-10-21 2017-03-08 用友网络科技股份有限公司 一种动态生成Web***页面的方法及装置
CN108255914A (zh) * 2017-09-05 2018-07-06 深圳壹账通智能科技有限公司 网页生成方法及应用服务器
CN107798084A (zh) * 2017-10-17 2018-03-13 广东广业开元科技有限公司 一种web前端页面的可视化编辑生成***及装置

Cited By (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110275996A (zh) * 2019-06-17 2019-09-24 北京亚鸿世纪科技发展有限公司 数据可视化开发为内容开发提供页面框架的装置及方法
CN110351288A (zh) * 2019-07-17 2019-10-18 河北源达信息技术股份有限公司 一种一个产品含有多个栏目的数据推送方法
CN110569472A (zh) * 2019-09-10 2019-12-13 杭州凡闻科技有限公司 通过电子屏幕显示信息的方法和***
CN110837369A (zh) * 2019-10-24 2020-02-25 山东中创软件工程股份有限公司 一种表单生成方法、装置及电子设备和存储介质
CN111191176A (zh) * 2019-12-24 2020-05-22 腾讯云计算(北京)有限责任公司 网站内容更新方法、装置、终端及存储介质
CN111221505A (zh) * 2019-12-31 2020-06-02 上海汇贯实业有限公司 一种网站网页设计***及其方法
CN111459477A (zh) * 2020-02-26 2020-07-28 北京国人通教育科技有限公司 内容管理方法、***、电子设备和存储介质
CN111427491A (zh) * 2020-03-02 2020-07-17 青岛聚好联科技有限公司 一种***后台菜单按钮的配置方法及装置
CN112241259A (zh) * 2020-11-19 2021-01-19 湖南红网新媒体集团有限公司 一种网页编辑***、方法、装置及存储介质
CN113296773A (zh) * 2021-05-28 2021-08-24 北京思特奇信息技术股份有限公司 一种层叠样式表的版权标注方法和标注***
CN113779235A (zh) * 2021-09-13 2021-12-10 北京市律典通科技有限公司 一种Word文档大纲识别处理方法及装置
CN113779235B (zh) * 2021-09-13 2024-02-02 北京市律典通科技有限公司 一种Word文档大纲识别处理方法及装置

Similar Documents

Publication Publication Date Title
CN109815435A (zh) 一种网站页面生成方法、装置及电子设备
US10706091B2 (en) User driven computerized selection, categorization, and layout of live content components
US20230367841A1 (en) System and method for implementing containers which extract and apply semantic page knowledge
CN105324751B (zh) 用于图形设计的可变尺寸版本编辑
US20100037168A1 (en) Systems and methods for webpage design
CN104281447A (zh) 一种报表快速生成及发布的***及其方法
KR101951719B1 (ko) 그래픽 인터페이스 기반으로 이벤트 동작을 프로그래밍 하는 웹 레포팅 디자인 시스템
WO2006121051A1 (ja) 文書処理装置および文書処理方法
JPWO2006051958A1 (ja) 情報配信システム
CN112667235A (zh) 可视化布局编辑实现方法、装置和电子设备
WO2006120926A1 (ja) 入力フォーム設計装置および入力フォーム設計方法
Anderson et al. Pro business applications with silverlight 4
Khalili et al. WYSIWYM–Integrated visualization, exploration and authoring of semantically enriched un-structured content
KR100522186B1 (ko) 동적으로 홈페이지를 제작하는 방법 및 이 방법을 웹에서구현하는 장치
KR101730070B1 (ko) SaaS 환경에서의 웹페이지 서비스 방법, 이를 위한 컴퓨터 프로그램, 그 기록매체
Spritzer et al. Towards a smooth design process for static communicative node‐link diagrams
WO2006051956A1 (ja) サーバ装置及び検索方法
Freeman Pro jQuery 2.0
Koch et al. Using UML to design hypermedia applications
Khalili et al. Wysiwym–integrated visualization, exploration and authoring of un-structured and semantic content
JP5237875B2 (ja) 共有記事公開システム
Zhang C-RWD: A Computational Responsive Web Design Service
Surla Eclipse editor for MARC records
Chang et al. DWL tool for creating a customized web-based system generator
Zhang et al. The Dynamic Retrieval Tree Menu Based on Dojo

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
WD01 Invention patent application deemed withdrawn after publication

Application publication date: 20190528

WD01 Invention patent application deemed withdrawn after publication