CN104951311A - 一种页面制作方法及装置 - Google Patents

一种页面制作方法及装置 Download PDF

Info

Publication number
CN104951311A
CN104951311A CN201510388961.9A CN201510388961A CN104951311A CN 104951311 A CN104951311 A CN 104951311A CN 201510388961 A CN201510388961 A CN 201510388961A CN 104951311 A CN104951311 A CN 104951311A
Authority
CN
China
Prior art keywords
page
module
presetting module
default layout
presetting
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.)
Granted
Application number
CN201510388961.9A
Other languages
English (en)
Other versions
CN104951311B (zh
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.)
Beijing Jingdong Century Trading Co Ltd
Beijing Jingdong Shangke Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Jingdong Shangke Information Technology Co Ltd
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 Beijing Jingdong Century Trading Co Ltd, Beijing Jingdong Shangke Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to CN201510388961.9A priority Critical patent/CN104951311B/zh
Publication of CN104951311A publication Critical patent/CN104951311A/zh
Priority to HK15112531.4A priority patent/HK1212055A1/zh
Application granted granted Critical
Publication of CN104951311B publication Critical patent/CN104951311B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Processing Or Creating Images (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种页面制作方法及装置，所述方法包括：获取用户按照预设布局和预设模块定义的页面结构，所述页面包括至少一个预设布局，所述预设布局包括至少一个预设模块；解析所述页面结构，生成所述页面中的预设模块所对应的页面内容。本发明实施例提供的技术方案，通过以可视化的预设布局和预设模块来制作网页，简化了页面的制作过程，降低了页面制作的难度，并且通过以模块为最小制作单位来进行页面的制作，便于根据用户需求对页面进行局部变更，降低了页面局部变更的难度和出错率。

Description

一种页面制作方法及装置
技术领域
本发明涉及互联网技术领域，尤其涉及一种页面制作方法及装置。
背景技术
随着互联网的兴起和以网页为载体的网络信息的广泛传播，使得网站建设及页面制作得到空前的发展，大至大型企业的产品推销、售后服务、解决方案，小至个人Web页面开发，形形色色，五彩缤纷，网站建设及页面制作也成为计算机网络领域的热门话题。
现有技术中的页面制作方案，大多是以整个页面为制作单位来制作页面的，而且制作门槛较高，页面制作人员必须先掌握页面制作工具或页面制作语言才能完成页面制作的工作，增大了普通用户进行页面制作的难度；以整个页面为页面制作单位，使得页面脚本具有较高的耦合性，一旦需要对局部进行修改和调整，就需要修改和调整整个页面脚本，不仅加大了页面局部变更的难度，也提高了页面局部变更的出错率。
发明内容
有鉴于此，本发明的目的在于提出一种页面制作方法及装置，以简化页面制作过程，降低页面制作难度，以及降低页面局部变更的难度和出错率。
一方面，本发明实施例提供一种页面制作方法，包括：
获取用户按照预设布局和预设模块定义的页面结构，所述页面包括至少一个预设布局，所述预设布局包括至少一个预设模块；
解析所述页面结构，生成所述页面中的预设模块所对应的页面内容。
进一步的，所述预设模块包括模块数据源和模块模板，所述模块数据源用于存储本模块的展示数据，所述模块模板用于存储本模块的展示样式。
进一步的，解析所述页面结构，生成所述页面中的预设模块所对应的页面内容包括：
解析所述页面结构，确定所述页面中的预设布局的个数以及所述预设布局中的预设模块的个数；
基于所述页面中的预设布局的个数以及所述预设布局中的预设模块的个数，对所述页面中的每一个预设布局中的每一个预设模块，获取本预设模块对应的展示数据和展示样式，根据获取的展示数据和展示样式生成本预设模块所对应的页面内容。
进一步的，还包括：对所述预设布局或预设模块进行预设操作，所述预设操作包括：添加、删除或移动。
进一步的，所述获取所述预设模块对应的展示数据的获取途径包括第三方接口、本地数据库和文件系统中的至少一项。
另一方面，本发明实施例还提供一种页面制作装置，包括：
页面结构获取单元，用于获取用户按照预设布局和预设模块定义的页面结构，所述页面包括至少一个预设布局，所述预设布局包括至少一个预设模块；
页面结构解析单元，用于解析所述页面结构，生成所述页面中的预设模块所对应的页面内容。
进一步的，所述预设模块包括模块数据源和模块模板，所述模块数据源用于存储本模块的展示数据，所述模块模板用于存储本模块的展示样式。
进一步的，所述页面结构解析单元具体用于：
解析所述页面结构，确定所述页面中的预设布局的个数以及所述预设布局中的预设模块的个数；基于所述页面中的预设布局的个数以及所述预设布局中的预设模块的个数，对所述页面中的每一个预设布局中的每一个预设模块，获取本预设模块对应的展示数据和展示样式，根据获取的展示数据和展示样式生成本预设模块所对应的页面内容。
进一步的，还包括：预设操作单元，用于对所述预设布局或预设模块进行预设操作，所述预设操作包括：添加、删除或移动。
进一步的，所述获取所述预设模块对应的展示数据的获取途径包括第三方接口、本地数据库和文件系统中的至少一项。
本发明实施例提供的页面制作方法及装置，在用户根据需要按照预设布局和预设模块定义好页面结构之后，服务器获取所述页面结构，其中，所述页面包括至少一个预设布局，所述预设布局包括至少一个预设模块，解析所述页面结构，以生成所述页面中的预设模块所对应的页面内容，通过以可视化的预设布局和预设模块来制作网页，简化了页面的制作过程，降低了页面制作的难度，并且以模块为最小制作单位来进行页面的制作，便于根据用户需求对页面进行局部变更，降低了页面局部变更的难度和出错率。
附图说明
为了更加清楚地说明本发明示例性实施例的技术方案，下面对描述实施例中所需要用到的附图做一简单介绍。显然，所介绍的附图只是本发明所要描述的一部分实施例的附图，而不是全部的附图，对于本领域普通技术人员，在不付出创造性劳动的前提下，还可以根据这些附图得到其他的附图。
图1是本发明实施例一提供的页面制作方法的流程图；
图2是本发明实施例一提供的页面结构的结构示意图；
图3是本发明实施例二提供的页面制作装置的结构示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚，以下将结合本发明实施例中的附图，通过具体实施方式，完整地描述本发明的技术方案。显然，所描述的实施例是本发明的一部分实施例，而不是全部的实施例，基于本发明的实施例，本领域普通技术人员在没有做出创造性劳动的前提下获得的所有其他实施例，均落入本发明的保护范围之内。
实施例一
图1给出了本发明实施例一提供的页面制作方法的流程图，该方法可以由页面制作装置来执行，其中所述装置可由软件和/或硬件实现，可作为页面制作服务器的一部分被内置在页面制作服务器内部。如图1所示，本实施例提供的页面制作方法包括如下步骤：
步骤101，获取用户按照预设布局和预设模块定义的页面结构，所述页面包括至少一个预设布局，所述预设布局包括至少一个预设模块。
该步骤中所述的预设布局和预设模块为服务器中存储的预先封装好的布局和模块。用户在根据需要按照预设布局和预设模块定义好页面结构之后，服务器获取所述页面结构。这样设置的好处是：一方面，用户只需按照自身需求基于服务器中存储的预设布局和预设模块来制作页面，简化了页面制作的过程，大大降低了页面制作的难度；另一方面，这样也可以给布局和模块设计人员提供较大的设计空间，根据用户的需求设计具有个性化的布局和模块，实现页面制作的个性化。另外，本实施例以模块为页面制作的最小单位，在需要对页面进行局部变更时，只需变更相应模块的配置，降低了页面局部变更的难度以及局部变更的出错率。
图2给出了本发明实施例一提供的页面结构的结构示意图，如图2所示，一个页面可以包括至少一个预设布局，所述预设布局可以包括至少一个预设模块。其中，所述预设布局可以通过点击页面制作模式下的添加布局按钮来添加，所述预设模块可以通过点击页面制作模式下，布局区域上的添加模块按钮来添加。
在本实施例中一个优选的实施方案中，所述预设模块包括模块数据源和模块模板，所述模块数据源用于存储本模块的展示数据，所述模块模板用于存储本模块的展示样式。具体的，在服务器获取到该模块的展示数据后将所述展示数据存储于该模块的模块数据源中，在服务器获取到该模块的展示样式后将所述展示样式存储于该模块的模块模板中。通过将模块分为模块数据源和模块模板两部分，实现了模块的展示数据和展示样式的分离，另外，相同的模块数据源也可以通过使用不同的模板，而展示不同的模块效果。
步骤102，解析所述页面结构，生成所述页面中的预设模块所对应的页面内容。
优选的，该步骤可以包括以下步骤：解析所述页面结构，确定所述页面中的预设布局的个数以及所述预设布局中的预设模块的个数；基于所述页面中的预设布局的个数以及所述预设布局中的预设模块的个数，对所述页面中的每一个预设布局中的每一个预设模块，获取本预设模块对应的展示数据和展示样式，根据获取的展示数据和展示样式生成本预设模块所对应的页面内容。
其中，所述解析所述页面结构，确定所述页面中的预设布局的个数以及所述预设布局中的预设模块的个数可以具体包括：解析所述页面结构，分析出该页面中预设布局的个数，当页面中预设布局的个数为零时，则认为当前页面是一个空页面，结束；解析页面中的布局结构，分析出每个预设布局中预设模块的个数，当该预设布局中预设模块的个数为零时，则当前布局为空布局，继续分析其他布局，至到解析出整个页面中预设布局的个数以及所述预设布局中的预设模块的个数。
所述基于所述页面中的预设布局的个数以及所述预设布局中的预设模块的个数，对所述页面中的每一个预设布局中的每一个预设模块，获取本预设模块对应的展示数据和展示样式，根据获取的展示数据和展示样式生成本预设模块所对应的页面内容可以具体包括：基于所述页面中的预设布局的个数以及所述预设布局中的预设模块的个数，对所述页面中的每一个预设布局中的每一个预设模块进行设置，直到所述页面中的预设模块全部设置完成。所述对预设模块进行设置包括对预设模块数据源进行设置和对模块模板进行设置，所述对预设模块数据源进行设置具体可以为：获取本预设模块的展示数据，根据获取的展示数据生成本预设模块对应的页面数据内容；所述对预设模块模板进行设置具体可以为：获取本预设模块模板对应的展示样式，根据获取的展示样式实现本预设模块对应的页面内容的展示效果。其中，所述展示样式优选为服务器中存储的预设模板，所述预设模板包括模板结构和模板样式，所述模板结构用于描述模板的结构，可以为一段超文本标记语言(Hypertext Markup Language，HTML)代码，所述模板样式用于控制实现模板的展示效果，可以是一段层叠样式表单(Cascading Style Sheet CSS)代码。
优选的，所述获取所述预设模块对应的展示数据的获取途径包括第三方接口、本地数据库和文件系统中的至少一项。
进一步的，还可以包括以下步骤：对所述预设布局或预设模块进行预设操作，所述预设操作包括：添加、删除或移动。通过对可视化的预设布局和预设模块的添加、删除操作实现页面的制作，通过对可视化的预设布局和预设模块的移动，实现页面中预设布局和预设模块位置的变换，使得页面制作的布局更加灵活。
本发明实施例一提供的页面制作方法，在用户根据需要按照预设布局和预设模块定义好页面结构之后，服务器获取所述页面结构，其中，所述页面包括至少一个预设布局，所述预设布局包括至少一个预设模块，解析所述页面结构，以生成所述页面中的预设模块所对应的页面内容，通过以可视化的预设布局和预设模块来制作网页，简化了页面的制作过程，降低了页面制作的难度，并且以模块为最小制作单位来进行页面的制作，便于根据用户需求对页面进行局部变更，降低了页面局部变更的难度和出错率。
实施例二
图3给出了本发明实施例二提供的页面制作装置的结构示意图。如图3所示，本实施例提供的页面制作装置包括：页面结构获取单元310和页面结构解析单元320。其中，所述页面结构获取单元310，用于获取用户按照预设布局和预设模块定义的页面结构，所述页面包括至少一个预设布局，所述预设布局包括至少一个预设模块；所述页面结构解析单元320，用于解析所述页面结构，生成所述页面中的预设模块所对应的页面内容。
优选的是，所述预设模块包括模块数据源和模块模板，所述模块数据源用于存储本模块的展示数据，所述模块模板用于存储本模块的展示样式。
进一步的，所述页面结构解析单元320具体用于：解析所述页面结构，确定所述页面中的预设布局的个数以及所述预设布局中的预设模块的个数；基于所述页面中的预设布局的个数以及所述预设布局中的预设模块的个数，对所述页面中的每一个预设布局中的每一个预设模块，获取本预设模块对应的展示数据和展示样式，根据获取的展示数据和展示样式生成本预设模块所对应的页面内容。
进一步的，所述装置还包括预设操作单元，用于对所述预设布局或预设模块进行预设操作，所述预设操作包括：添加、删除或移动。
优选的是，所述获取所述预设模块对应的展示数据的获取途径包括第三方接口、本地数据库和文件系统中的至少一项。
本发明实施例提供的页面制作装置可执行本发明实施例一提供的页面制作方法，具备执行方法相应的功能模块和有益效果。
上述仅为本发明的较佳实施例及所运用的技术原理。本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行的各种明显变化、重新调整及替代均不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由权利要求的范围决定。

Claims (10)

1.一种页面制作方法，其特征在于，包括：
获取用户按照预设布局和预设模块定义的页面结构，所述页面包括至少一个预设布局，所述预设布局包括至少一个预设模块；
解析所述页面结构，生成所述页面中的预设模块所对应的页面内容。
2.根据权利要求1所述的方法，其特征在于，所述预设模块包括模块数据源和模块模板，所述模块数据源用于存储本模块的展示数据，所述模块模板用于存储本模块的展示样式。
3.根据权利要求2所述的方法，其特征在于，解析所述页面结构，生成所述页面中的预设模块所对应的页面内容包括：
解析所述页面结构，确定所述页面中的预设布局的个数以及所述预设布局中的预设模块的个数；
基于所述页面中的预设布局的个数以及所述预设布局中的预设模块的个数，对所述页面中的每一个预设布局中的每一个预设模块，获取本预设模块对应的展示数据和展示样式，根据获取的展示数据和展示样式生成本预设模块所对应的页面内容。
4.根据权利要求1所述的方法，其特征在于，还包括：对所述预设布局或预设模块进行预设操作，所述预设操作包括：添加、删除或移动。
5.根据权利要求3所述的方法，其特征在于，所述获取所述预设模块对应的展示数据的获取途径包括第三方接口、本地数据库和文件系统中的至少一项。
6.一种页面制作装置，其特征在于，包括：
页面结构获取单元，用于获取用户按照预设布局和预设模块定义的页面结构，所述页面包括至少一个预设布局，所述预设布局包括至少一个预设模块；
页面结构解析单元，用于解析所述页面结构，生成所述页面中的预设模块所对应的页面内容。
7.根据权利要求6所述的装置，其特征在于，所述预设模块包括模块数据源和模块模板，所述模块数据源用于存储本模块的展示数据，所述模块模板用于存储本模块的展示样式。
8.根据权利要求7所述的装置，其特征在于，所述页面结构解析单元具体用于：
解析所述页面结构，确定所述页面中的预设布局的个数以及所述预设布局中的预设模块的个数；基于所述页面中的预设布局的个数以及所述预设布局中的预设模块的个数，对所述页面中的每一个预设布局中的每一个预设模块，获取本预设模块对应的展示数据和展示样式，根据获取的展示数据和展示样式生成本预设模块所对应的页面内容。
9.根据权利要求6所述的装置，其特征在于，还包括：
预设操作单元，用于对所述预设布局或预设模块进行预设操作，所述预设操作包括：添加、删除或移动。
10.根据权利要求8所述的装置，其特征在于，所述获取所述预设模块对应的展示数据的获取途径包括第三方接口、本地数据库和文件系统中的至少一项。
CN201510388961.9A 2015-07-03 2015-07-03 一种页面制作方法及装置 Active CN104951311B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201510388961.9A CN104951311B (zh) 2015-07-03 2015-07-03 一种页面制作方法及装置
HK15112531.4A HK1212055A1 (zh) 2015-07-03 2015-12-18 種頁面製作方法及裝置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510388961.9A CN104951311B (zh) 2015-07-03 2015-07-03 一种页面制作方法及装置

Publications (2)

Publication Number Publication Date
CN104951311A true CN104951311A (zh) 2015-09-30
CN104951311B CN104951311B (zh) 2018-04-24

Family

ID=54165982

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510388961.9A Active CN104951311B (zh) 2015-07-03 2015-07-03 一种页面制作方法及装置

Country Status (2)

Country Link
CN (1) CN104951311B (zh)
HK (1) HK1212055A1 (zh)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107450912A (zh) * 2017-07-07 2017-12-08 北京小米移动软件有限公司 页面的布局方法、装置及终端
CN107807810A (zh) * 2017-10-09 2018-03-16 李亚强 一种程序框架的设计方法及装置
CN109254773A (zh) * 2018-09-19 2019-01-22 广州视源电子科技股份有限公司 骨架页面生成方法、装置、设备和存储介质
CN109918607A (zh) * 2019-03-20 2019-06-21 杭州网易再顾科技有限公司 页面搭建方法及装置、介质和计算设备
CN110750239A (zh) * 2019-10-30 2020-02-04 浪潮云信息技术有限公司 一种基于模块配置快速实现门户网站的组建方法及系统
CN111026988A (zh) * 2019-11-15 2020-04-17 浙江数链科技有限公司 一种页面加载的方法、装置、系统及计算机设备

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100235402A1 (en) * 2007-05-29 2010-09-16 Man-Jin Han Method for Grasping Information of Web Site Through Analyzing Structure of Web Page
CN103513978A (zh) * 2012-07-02 2014-01-15 Tcl集团股份有限公司 一种根据应用的属性信息管理应用布局的方法及系统
CN103955366A (zh) * 2014-04-18 2014-07-30 南威软件股份有限公司 一种可视化网站模版的制作方法

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100235402A1 (en) * 2007-05-29 2010-09-16 Man-Jin Han Method for Grasping Information of Web Site Through Analyzing Structure of Web Page
CN103513978A (zh) * 2012-07-02 2014-01-15 Tcl集团股份有限公司 一种根据应用的属性信息管理应用布局的方法及系统
CN103955366A (zh) * 2014-04-18 2014-07-30 南威软件股份有限公司 一种可视化网站模版的制作方法

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107450912A (zh) * 2017-07-07 2017-12-08 北京小米移动软件有限公司 页面的布局方法、装置及终端
CN107807810A (zh) * 2017-10-09 2018-03-16 李亚强 一种程序框架的设计方法及装置
CN109254773A (zh) * 2018-09-19 2019-01-22 广州视源电子科技股份有限公司 骨架页面生成方法、装置、设备和存储介质
CN109918607A (zh) * 2019-03-20 2019-06-21 杭州网易再顾科技有限公司 页面搭建方法及装置、介质和计算设备
CN110750239A (zh) * 2019-10-30 2020-02-04 浪潮云信息技术有限公司 一种基于模块配置快速实现门户网站的组建方法及系统
CN111026988A (zh) * 2019-11-15 2020-04-17 浙江数链科技有限公司 一种页面加载的方法、装置、系统及计算机设备

Also Published As

Publication number Publication date
CN104951311B (zh) 2018-04-24
HK1212055A1 (zh) 2016-06-03

Similar Documents

Publication Publication Date Title
CN104951311A (zh) 一种页面制作方法及装置
CN110400196A (zh) 一种页面处理方法、装置及计算机可读存储介质
US8683315B2 (en) System and method for creating integrated web form and database applications
CN105824787B (zh) 一种html模板动态配置的控制方法及系统
US20040215719A1 (en) Method and system for designing, editing and publishing web page content in a live internet session
CN104142826A (zh) 页面的构建方法、装置及系统
CN108984714A (zh) 页面渲染方法、装置、电子设备及计算机可读介质
CN102479224A (zh) 一种编辑应用网页的方法及应用网页编辑装置
CN103389895A (zh) 一种前端页面的生成方法及系统
CN103593414A (zh) 一种浏览器中网页的展现方法和装置
KR101275871B1 (ko) ＳａａＳ 환경에서의 홈페이지 제작 시스템 및 방법, 그 방법을 컴퓨터에서 실행하기 위한 컴퓨터 프로그램이 기록된, 컴퓨터로 판독 가능한 기록 매체
CN102065114A (zh) 一种移动终端访问网页的方法及装置
CN105278946A (zh) 一种RESTful API可视化方法
JP2020017277A (ja) グラフィックインタフェースに基づく、イベント動作をプログラミングするｗｅｂレポーティングデザインシステム
CN103646023A (zh) 一种基于web的增加页面/控件的方法
CN104798067A (zh) Web服务器系统、辞典系统、辞典调用方法、画面控件显示方法以及演示应用生成方法
CN108664242A (zh) 生成可视化界面的方法、装置、电子设备和可读存储介质
CN104750866A (zh) 基于嵌入式web服务器动态生成菜单栏的方法及系统
CN104156394A (zh) 移动页面创建系统及方法
CN102096715A (zh) 获取网页模版方法、系统，及生成单机网站的方法、系统
KR101730070B1 (ko) ＳａａＳ 환경에서의 웹페이지 서비스 방법, 이를 위한 컴퓨터 프로그램, 그 기록매체
CN110209965A (zh) 用于显示信息的方法和装置
Li et al. Research on a pattern-based user interface development method
CN105183775A (zh) 一种网页专题模板系统
Hu et al. An XML-based implementation of manufacturing route sheet documents for context-sensitive and web-based process planning

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 1212055

Country of ref document: HK

GR01 Patent grant
GR01 Patent grant
REG Reference to a national code

Ref country code: HK

Ref legal event code: GR

Ref document number: 1212055

Country of ref document: HK