CN110879705B - 页面生成方法、装置和计算机可读存储介质 - Google Patents
页面生成方法、装置和计算机可读存储介质 Download PDFInfo
- Publication number
- CN110879705B CN110879705B CN201811034321.8A CN201811034321A CN110879705B CN 110879705 B CN110879705 B CN 110879705B CN 201811034321 A CN201811034321 A CN 201811034321A CN 110879705 B CN110879705 B CN 110879705B
- Authority
- CN
- China
- Prior art keywords
- page
- code
- global
- functional modules
- corresponding functional
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 37
- 230000006870 function Effects 0.000 claims description 18
- 238000004590 computer program Methods 0.000 claims description 4
- 238000010586 diagram Methods 0.000 description 12
- 230000003993 interaction Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 238000000638 solvent extraction Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 230000014509 gene expression Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000006855 networking Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本公开涉及一种页面生成方法、装置和计算机可读存储介质，涉及网络技术领域。该方法包括：接收客户端的HTTP请求；根据所述HTTP请求，读取CSS代码和JavaScript代码中相应的功能模块，所述功能模块根据页面功能生成；根据所述相应的功能模块生成HTML页面；向客户端返回HTML页面。本公开的技术方案能够提高页面生成效率。
Description
技术领域
本公开涉及网络技术领域，特别涉及一种页面生成方法、页面生成装置和计算机可读存储介质。
背景技术
在Web开发中，主流技术包括HTTP(HyperText Transfer Protocol，超文本传输协议)服务提供者(如Nginx、Apache等)、后端编程语言(如Java、PHP等)以及前端UI(UserInterface，用户界面)开发用到的JS(JavaScript)、CSS(Cascading Style Sheets，层叠样式表)等。
在相关技术中，JS和CSS作为单独的JS脚本文件和CSS脚本文件存储，并将脚本文件作为一个整体管理；生成的页面中包含CSS脚本文件与JS脚本文件的链接和路径。
发明内容
本公开的发明人发现上述相关技术中存在如下问题：脚本文件作为一个整体管理导致页面生成效率低。
鉴于此，本公开提出了一种页面生产的技术方案，能够提高页面生成效率。
根据本公开的一些实施例，提供了一种页面生成方法，包括：接收客户端的HTTP请求；根据所述HTTP请求，读取CSS代码和JavaScript代码中相应的功能模块，所述功能模块根据页面功能生成；根据所述相应的功能模块生成HTML页面；向客户端返回HTML页面。
在一些实施例中，所述全局CSS代码和所述全局JavaScript代码被写入用于生成页面的后端代码中。
在一些实施例中，所述HTML页面的CSS代码和JavaScript代码中仅包含所述相应的功能模块。
在一些实施例中，所述HTTP请求包括URL(Uniform Resource Locator，统一资源定位符)请求，所述URL请求由服务器接收并由路由器分发。
在一些实施例中，根据所述URL请求的类型，读取全局CSS代码和全局JavaScript代码中相应的功能模块。
根据本公开的另一些实施例，提供一种页面生成装置，包括：接收单元，用于接收客户端的HTTP请求；读取单元，用于根据所述HTTP请求，读取CSS代码和JavaScript代码中相应的功能模块，所述功能模块根据页面功能生成；生成单元，用于根据所述相应的功能模块生成HTML页面；返回单元，用于向客户端返回HTML页面。
在一些实施例中，所述全局CSS代码和所述全局JavaScript代码被写入用于生成页面的后端代码中。
在一些实施例中，所述HTML页面的CSS代码和JavaScript代码中仅包含所述相应的功能模块。
在一些实施例中，所述HTTP请求包括URL请求，所述URL请求由服务器接收并由路由器分发。
在一些实施例中，所述读取单元根据所述URL请求的类型，读取全局CSS代码和全局JavaScript代码中相应的功能模块。
根据本公开的又一些实施例，提供一种页面生成装置，包括：存储器；和耦接至所述存储器的处理器，所述处理器被配置为基于存储在所述存储器装置中的指令，执行上述任一个实施例中的页面生成方法中的一个或多个步骤。
根据本公开的再一些实施例，提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述任一个实施例中的页面生成方法中的一个或多个步骤。
在上述实施例中，根据页面功能将全局CSS代码和全局JS代码划分为多个功能模块进行管理，生成页面时仅需调用相应的功能模块，从而提高了页面生成效率。
附图说明
构成说明书的一部分的附图描述了本公开的实施例，并且连同说明书一起用于解释本公开的原理。
参照附图，根据下面的详细描述，可以更加清楚地理解本公开，其中：
图1示出本公开的页面生成方法的一些实施例的流程图；
图2示出本公开的全局CSS代码的功能模块划分的一些实施例的示意图；
图3示出本公开的返回的CSS代码的一些实施例的示意图；
图4示出本公开的页面生成方法的交互过程的一些实施例的示意图；
图5示出本公开的页面生成装置的一些实施例的框图；
图6示出本公开的页面生成装置的另一些实施例的框图；
图7示出本公开的页面生成装置的又一些实施例的框图。
具体实施方式
现在将参照附图来详细描述本公开的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本公开的范围。
同时，应当明白，为了便于描述，附图中所示出的各个部分的尺寸并不是按照实际的比例关系绘制的。
以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本公开及其应用或使用的任何限制。
对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为授权说明书的一部分。
在这里示出和讨论的所有示例中，任何具体值应被解释为仅仅是示例性的，而不是作为限制。因此，示例性实施例的其它示例可以具有不同的值。
应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。
图1示出本公开的页面生成方法的一些实施例的流程图。
如图1所示，该方法包括：步骤110，接收HTTP请求；步骤120，读取相应的功能模块；步骤130，生成HTML页面；和步骤140，返回HTML页面。
在步骤110中，接收客户端的HTTP请求。例如，HTTP请求包括URL请求，URL请求由服务器接收并由路由器分发。
在步骤120中，根据HTTP请求，读取全局CSS代码和全局JS代码中相应的功能模块，功能模块根据页面功能生成。例如，可以根据URL请求的类型，读取全局CSS代码和全局JS代码中相应的功能模块。
在一些实施例中，生成页面的CSS功能和JS功能不再作为单独的脚本文件保存，而是以全局CSS代码和全局JS代码的形式被写入用于生成页面的后端代码中。这样，无需针对HTML、JS脚本文件和CSS脚本文件多次返回HTTP请求的响应，从而提高响应速度。
在一些实施例中，可以采用图2中的代码实现全局CSS代码的功能模块划分。
图2示出本公开的全局CSS代码的功能模块划分的一些实施例的示意图。
如图2所示，图中的代码为全局CSS代码的实施例。其中array中的“0”和“1”分别对应两个功能模块。可以看出两个功能模块可以用于生成页面功能不同的页面。这样，只需调用相应的功能模块即可生成页面，从而提高了页面生成速度。例如，可以根据图1中的步骤130生成页面。
在步骤130中，根据相应的功能模块生成HTML页面。
在步骤140中，向客户端返回HTML页面。例如，HTML页面的CSS代码和JS代码中仅包含相应的功能模块。这样，每个生成的页面中只返回部分UI信息，不易被盗全站UI，从而提高了安全性。
在一些实施例中，返回给客户端的HTML页面可以包含图3中的CSS代码。
图3示出本公开的返回的CSS代码的一些实施例的示意图。
如图3所示，全局CSS代码(globalCss)中可以包含多个功能模块(subCss)，例如100个。生成当前页面仅用到了其中两个功能模块：subCss[0]、subCss[1]，因此，仅需在生成的HTML的CSS代码中返回subCss[0]、subCss[1]即可，无需返回整个globalCss。对于JS代码也可以作相同处理。这样，对于响应式布局的B/S(Browser/Server，浏览器/服务器)模式应用，只需暴露当前终端型号用户界面中有限的一部分CSS代码和JS代码，从而提高了安全性。
为了更清楚地说明本公开的方法，下面通过图4中的实施例说明本公开的交互过程。
图4示出本公开的页面生成方法的交互过程的一些实施例的示意图。
如图4所示，客户端41向服务器42发送访问请求，服务器42通过URL入口根据访问请求获取URL请求。路由器43将URL请求分发给页面生成装置44。页面生成装置44根据URL请求的类型读取全局CSS代码和全局JS代码中相应的功能模块，并生成HTML页面。页面生成装置44向客户端41返回HTML页面，HTML页面的CSS代码和JS代码中仅包含相应的功能模块。
在一些实施例中，生成页面的方法可以应用于B/S架构的所有软件。例如，可以应用于传统Web、采用封装HTML(例如H5)方式实现的APP(Application，应用程序)或者其他可加载HTML的终端设备的应用。
上述实施例中，根据页面功能将全局CSS代码和全局JS代码划分为多个功能模块进行管理，生成页面时仅需调用相应的功能模块，从而提高了页面生成效率。
图5示出本公开的页面生成装置的一些实施例的框图。
如图5所示，页面生成装置5包括接收单元51、读取单元52、生成单元53和返回单元54。
接收单元51接收客户端的HTTP请求。例如，HTTP请求包括URL请求，URL请求由服务器接收并由路由器分发。
读取单元52根据HTTP请求，读取全局CSS代码和全局JS代码中相应的功能模块，功能模块根据页面功能生成。例如，全局CSS代码和全局JSc代码被写入用于生成页面的后端代码中。例如，读取单元根据URL请求的类型，读取全局CSS代码和全局JS代码中相应的功能模块。
生成单元53根据相应的功能模块生成HTML页面。返回单元54向客户端返回HTML页面。例如，HTML页面的CSS代码和JS代码中仅包含相应的功能模块。
上述实施例中，根据页面功能将全局CSS代码和全局JS代码划分为多个功能模块进行管理，生成页面时仅需调用相应的功能模块，从而提高了页面生成效率。
图6示出本公开的页面生成装置的另一些实施例的框图。
如图6所示，该实施例的页面生成装置6包括：存储器61以及耦接至该存储器61的处理器62，处理器62被配置为基于存储在存储器61中的指令，执行本公开中任意一个实施例中的页面生成方法中的一个或多个步骤。
其中，存储器61例如可以包括系统存储器、固定非易失性存储介质等。系统存储器例如存储有操作系统、应用程序、引导装载程序(Boot Loader)、数据库以及其他程序等。
图7示出本公开的页面生成装置的又一些实施例的框图。
如图7所示，该实施例的页面生成装置7包括：存储器710以及耦接至该存储器710的处理器720，处理器720被配置为基于存储在存储器710中的指令，执行前述任意一个实施例中的页面生成方法。
存储器710例如可以包括系统存储器、固定非易失性存储介质等。系统存储器例如存储有操作系统、应用程序、引导装载程序(Boot Loader)以及其他程序等。
页面生成装置7还可以包括输入输出接口730、网络接口740、存储接口750等。这些接口730、740、750以及存储器710和处理器720之间例如可以通过总线760连接。其中，输入输出接口730为显示器、鼠标、键盘、触摸屏等输入输出设备提供连接接口。网络接口740为各种联网设备提供连接接口。存储接口750为SD卡、U盘等外置存储设备提供连接接口。
本领域内的技术人员应当明白，本公开的实施例可提供为方法、系统、或计算机程序产品。因此，本公开可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本公开可采用在一个或多个其中包含有计算机可用程序代码的计算机可用非瞬时性存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
至此，已经详细描述了根据本公开的。为了避免遮蔽本公开的构思，没有描述本领域所公知的一些细节。本领域技术人员根据上面的描述，完全可以明白如何实施这里公开的技术方案。
可能以许多方式来实现本公开的方法和系统。例如，可通过软件、硬件、固件或者软件、硬件、固件的任何组合来实现本公开的方法和系统。用于所述方法的步骤的上述顺序仅是为了进行说明，本公开的方法的步骤不限于以上具体描述的顺序，除非以其它方式特别说明。此外，在一些实施例中，还可将本公开实施为记录在记录介质中的程序，这些程序包括用于实现根据本公开的方法的机器可读指令。因而，本公开还覆盖存储用于执行根据本公开的方法的程序的记录介质。
虽然已经通过示例对本公开的一些特定实施例进行了详细说明，但是本领域的技术人员应该理解，以上示例仅是为了进行说明，而不是为了限制本公开的范围。本领域的技术人员应该理解，可在不脱离本公开的范围和精神的情况下，对以上实施例进行修改。本公开的范围由所附权利要求来限定。
Claims (10)
1.一种页面生成方法，所述页面生成方法由区别于客户端的页面生成装置执行，包括：
接收所述客户端的超文本传输协议HTTP请求；
根据所述HTTP请求，读取全局层叠样式表CSS代码和全局JavaScript代码中相应的功能模块，所述功能模块根据页面功能生成；
根据所述相应的功能模块生成HTML页面；
向所述客户端返回HTML页面；
其中，所述HTTP请求包括统一资源定位符URL请求，
所述读取全局层叠样式表CSS代码和全局JavaScript代码中相应的功能模块包括：
根据所述URL请求的类型，读取全局CSS代码和全局JavaScript代码中相应的功能模块。
2.根据权利要求1所述的页面生成方法，其中，
所述全局CSS代码和所述全局JavaScript代码被写入用于生成页面的后端代码中。
3.根据权利要求1所述的页面生成方法，其中，
所述HTML页面的CSS代码和JavaScript代码中仅包含所述相应的功能模块。
4.根据权利要求1-3任一项所述的页面生成方法，其中，
所述URL请求由服务器接收并由路由器分发。
5.一种页面生成装置，所述页面生成装置区别于客户端，包括：
接收单元，用于接收所述客户端的超文本传输协议HTTP请求；
读取单元，用于根据所述HTTP请求，读取全局层叠样式表CSS代码和全局JavaScript代码中相应的功能模块，所述功能模块根据页面功能生成；
生成单元，用于根据所述相应的功能模块生成HTML页面；
返回单元，用于向所述客户端返回HTML页面；
其中，所述HTTP请求包括统一资源定位符URL请求，所述读取单元根据所述URL请求的类型，读取全局CSS代码和全局JavaScript代码中相应的功能模块。
6.根据权利要求5所述的页面生成装置，其中，
所述全局CSS代码和所述全局JavaScript代码被写入用于生成页面的后端代码中。
7.根据权利要求5所述的页面生成装置，其中，
所述HTML页面的CSS代码和JavaScript代码中仅包含所述相应的功能模块。
8.根据权利要求5-7任一项所述的页面生成装置，其中，
所述URL请求由服务器接收并由路由器分发。
9.一种页面生成装置，包括：
存储器；和
耦接至所述存储器的处理器，所述处理器被配置为基于存储在所述存储器装置中的指令，执行权利要求1-4任一项所述的页面生成方法。
10.一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现权利要求1-4任一项所述的页面生成方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811034321.8A CN110879705B (zh) | 2018-09-06 | 2018-09-06 | 页面生成方法、装置和计算机可读存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811034321.8A CN110879705B (zh) | 2018-09-06 | 2018-09-06 | 页面生成方法、装置和计算机可读存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110879705A CN110879705A (zh) | 2020-03-13 |
| CN110879705B true CN110879705B (zh) | 2023-11-03 |
Family
ID=69727606
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811034321.8A Active CN110879705B (zh) | 2018-09-06 | 2018-09-06 | 页面生成方法、装置和计算机可读存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110879705B (zh) |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103246601A (zh) * | 2012-02-10 | 2013-08-14 | 腾讯科技（深圳）有限公司 | 测试方法及装置 |
| US8930443B1 (en) * | 2010-03-19 | 2015-01-06 | Amazon Technologies, Inc. | Distributed network page generation |
| CN104731869A (zh) * | 2015-02-28 | 2015-06-24 | 百度在线网络技术（北京）有限公司 | 页面的展现方法及装置 |
| CN106445547A (zh) * | 2016-10-11 | 2017-02-22 | 福建中金在线信息科技有限公司 | 一种美化下拉选框的生成方法及装置 |
| CN107273120A (zh) * | 2017-06-01 | 2017-10-20 | 山东若谷信息技术有限公司 | 一种快速搭建手机移动应用程序的方法和系统 |
| CN107451296A (zh) * | 2017-08-21 | 2017-12-08 | 南京焦点领动云计算技术有限公司 | 一种基于组件的网站模块化渲染方法 |
| CN107678820A (zh) * | 2017-09-29 | 2018-02-09 | 北京金山安全软件有限公司 | 网页处理方法、装置、服务器、终端设备和介质 |
| CN108090159A (zh) * | 2017-12-12 | 2018-05-29 | 福建中金在线信息科技有限公司 | 一种网站页面的生成方法、装置、电子设备及存储介质 |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9614862B2 (en) * | 2013-07-24 | 2017-04-04 | Nice Ltd. | System and method for webpage analysis |
| US20180012250A1 (en) * | 2016-07-08 | 2018-01-11 | Red Spark, LP (d/b/a Tiller, LP) | Method and system for rendering and optimizing internet content |
-
2018
- 2018-09-06 CN CN201811034321.8A patent/CN110879705B/zh active Active
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8930443B1 (en) * | 2010-03-19 | 2015-01-06 | Amazon Technologies, Inc. | Distributed network page generation |
| CN103246601A (zh) * | 2012-02-10 | 2013-08-14 | 腾讯科技（深圳）有限公司 | 测试方法及装置 |
| CN104731869A (zh) * | 2015-02-28 | 2015-06-24 | 百度在线网络技术（北京）有限公司 | 页面的展现方法及装置 |
| CN106445547A (zh) * | 2016-10-11 | 2017-02-22 | 福建中金在线信息科技有限公司 | 一种美化下拉选框的生成方法及装置 |
| CN107273120A (zh) * | 2017-06-01 | 2017-10-20 | 山东若谷信息技术有限公司 | 一种快速搭建手机移动应用程序的方法和系统 |
| CN107451296A (zh) * | 2017-08-21 | 2017-12-08 | 南京焦点领动云计算技术有限公司 | 一种基于组件的网站模块化渲染方法 |
| CN107678820A (zh) * | 2017-09-29 | 2018-02-09 | 北京金山安全软件有限公司 | 网页处理方法、装置、服务器、终端设备和介质 |
| CN108090159A (zh) * | 2017-12-12 | 2018-05-29 | 福建中金在线信息科技有限公司 | 一种网站页面的生成方法、装置、电子设备及存储介质 |
Non-Patent Citations (3)
| Title |
|---|
| Web-based network management system implemented using Hibernate, JBoss and spring framework;Himani Pandey等;《2017 2nd International Conference on Telecommunication and Networks (TEL-NET)》;1-5 * |
| 大数据产品应用商店的设计与实现;胡悦;《中国优秀硕士学位论文全文数据库 信息科技辑》;I138-590 * |
| 浅谈Bootstrap制作响应式网站布局;贾英霞;《福建电脑》;第31卷(第8期);122-123 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110879705A (zh) | 2020-03-13 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11563674B2 (en) | Content based routing method and apparatus | |
| CN108717435B (zh) | 网页加载方法、信息处理方法、计算机设备及存储介质 | |
| CN103412890A (zh) | 一种网页加载方法和装置 | |
| CN103412754A (zh) | 动态语言代码执行方法和装置 | |
| CN107480117B (zh) | 自动化页面表单数据的恢复方法及装置 | |
| CN102323937A (zh) | 一种提供搜索结果的方法与设备 | |
| CN105335423A (zh) | 一种网页的用户反馈的收集处理方法及装置 | |
| CN110598135A (zh) | 网络请求处理方法、装置、计算机可读介质及电子设备 | |
| CN108563477B (zh) | 一种页面事件响应方法和装置 | |
| CN108885544B (zh) | 前端页面国际化处理方法、应用服务器及计算机可读存储介质 | |
| CN105468412A (zh) | 动态打包方法和装置 | |
| CN113761428A (zh) | 页面渲染方法、装置、系统、存储介质及电子设备 | |
| CN104750463A (zh) | 一种插件开发方法及系统 | |
| CN111221711A (zh) | 用户行为数据处理方法、服务器及存储介质 | |
| CN104143110A (zh) | 带网址信息的二维码生成方法 | |
| CN108388796B (zh) | 动态域名验证方法、系统、计算机设备和存储介质 | |
| CN103440281A (zh) | 一种用于获取下载文件的方法、装置与设备 | |
| CN104899217A (zh) | 一种自定义功能的实现方法及装置 | |
| CN103544209A (zh) | 访问网页的方法和系统 | |
| CN104182402A (zh) | 浏览器界面地址栏输入控制方法及系统 | |
| CN102929877A (zh) | 将网页上的表格数据生成表格文件的方法及装置 | |
| CN110879705B (zh) | 页面生成方法、装置和计算机可读存储介质 | |
| CN104361004A (zh) | 浏览器收藏夹数据的处理方法与浏览器 | |
| CN107643892B (zh) | 接口处理方法、装置、存储介质和处理器 | |
| CN111324832A (zh) | 一种通过短网址访问网站的方法、系统、装置及介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |