CN110457633A - 一种生成目标页面的方法 - Google Patents

一种生成目标页面的方法 Download PDF

Info

Publication number
CN110457633A
CN110457633A CN201910734411.6A CN201910734411A CN110457633A CN 110457633 A CN110457633 A CN 110457633A CN 201910734411 A CN201910734411 A CN 201910734411A CN 110457633 A CN110457633 A CN 110457633A
Authority
CN
China
Prior art keywords
html
subregion
target pages
attribute
html element
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
CN201910734411.6A
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.)
Sichuan Changhong Electric Co Ltd
Original Assignee
Sichuan Changhong Electric 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 Sichuan Changhong Electric Co Ltd filed Critical Sichuan Changhong Electric Co Ltd
Priority to CN201910734411.6A priority Critical patent/CN110457633A/zh
Publication of CN110457633A publication Critical patent/CN110457633A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

本发明涉及网页开发领域，公开了一种生成目标页面的方法，用于解决在目标页面HTML元素数据庞大时，页面开发人员需很长时间才能完成HTML元素绘制的问题。本发明包括：新建一个空白的HTML文本，并在空白的HTML文本中创建HTML库分区和HTML编辑分区；在HTML库分区中创建各个HTML元素，并添加HTML库分区中各个HTML元素的拖拽事件和它们的响应方法；拖拽HTML库分区中的元素到HTML编辑分区；生成各个HTML元素的名称和id属性；选中HTML编辑分区中的HTML元素获取到相应的HTML代码，并将它们复制到目标页面文件；根据需要修改目标页面文件中HTML元素的名称和id属性，并添加的class属性及其样式代码。本发明适用于网页开发时HTML元素绘制。

Description

一种生成目标页面的方法
技术领域
本发明涉及网页开发领域，特别涉及一种生成目标页面的方法。
背景技术
随着页面开发元素越来越多，页面开发人员在绘制HTML元素时的工作量就越来越大，如果每个HTML元素的绘制工作都使用键盘一个一个的输入，那么对于页面开发者来说开发效率是非常低的，同时因为长时间的疲劳工作，出现错误的几率也是非常高的。因此，急需一种解决方案来解决上面的问题。
发明内容
本发明要解决的技术问题是：提供一种生成目标页面的方法，用于解决在目标页面HTML 元素数据庞大时，页面开发人员需很长时间才能完成HTML元素绘制的问题。
为解决上述问题，本发明采用的技术方案是：一种生成目标页面的方法，包括以下步骤：
步骤1：新建一个空白的HTML文本，并在空白的HTML文本中创建HTML库分区和HTML编辑分区；
步骤2：在HTML库分区中，创建各个HTML元素，各个HTML元素均使用默认样式，并添加HTML库分区中各个HTML元素的拖拽事件和它们的响应方法；所述响应方法为将拖拽HTML元素的HTML代码复制到HTML编辑分区；
步骤3：拖拽HTML库分区中的元素到HTML编辑分区，从而在HTML编辑分区创建目标页面文件需要的所有HTML元素；
步骤4：对HTML编辑分区的所有HTML元素，生成各个HTML元素的名称和id属性；
步骤5：选中HTML编辑分区中的HTML元素获取到相应的HTML代码，并将它们复制到目标页面文件；
步骤6：根据需要，修改目标页面文件中HTML元素的名称和id属性，并为HTML元素添加相应的class属性及其样式代码。
进一步的，为了便于处理，步骤3可按各个HTML元素的序号递增的方式生成各个HTML 元素的名称和id属性。
本发明的有益效果是：本发明解决了在目标页面HTML元素数据庞大时，页面开发人员需很长时间才能完成HTML元素绘制的问题，提高了页面HTML元素绘制的效率；同时，采用HTML 库和拖拽HTML库元素到HTML编辑分区方式，将HTML元素代码复制到HTML编辑分区中，使得绘制HTML元素出错可能性降低，提高了绘制HTML页面元素的可靠性，减少了页面开发人员编辑HTML代码的出错率。
附图说明
图1为本发明实施例生成目标页面的总示意图。
具体实施方式
为了解决在目标页面HTML元素数据庞大时，页面开发人员需很长时间才能完成HTML元素绘制的问题，本发明公开了一种生成目标页面的方法，包括以下步骤：
步骤1：新建一个空白的HTML文本，并在空白的HTML文本中创建HTML库分区和HTML编辑分区；
步骤2：在HTML库分区中，创建各个HTML元素，各个HTML元素均使用默认样式，并添加HTML库分区中各个HTML元素的拖拽事件和它们的响应方法；所述响应方法为将拖拽HTML元素的HTML代码复制到HTML编辑分区；
步骤3：拖拽HTML库分区中的元素到HTML编辑分区，从而在HTML编辑分区创建目标页面文件需要的所有HTML元素；
步骤4：对HTML编辑分区的所有HTML元素，生成各个HTML元素的名称和id属性；
步骤5：选中HTML编辑分区中的HTML元素获取到相应的HTML代码，并将它们复制到目标页面文件；
步骤6：根据需要，修改目标页面文件中HTML元素的名称和id属性，并为HTML元素添加相应的class属性及其样式代码。
下面通过实施例对本发明做进一步说明。
实施例提供了一种生成目标页面的方法，该方法主要包含在源HTML文件中生成目标页面 HTML元素，将生成的目标页面HTML元素复制到目标页面文件中两个步骤，其总流程框图如图1所示，具体实施方式如下：
1、新建空白的blank.html文本。
2、在新的blank.html文本中创建两个分区：HTML库分区和HTML编辑分区。
3、在HTML库分区中，创建各个HTML元素，各个HTML元素均使用默认样式，添加HTML库分区中各个HTML元素的拖拽事件和它们的响应方法。其中，所述响应方法为将拖拽HTML元素的HTML代码复制到HTML编辑分区。
4、页面开发人员按目标文件要求的位置，顺序拖拽HTML库分区中的元素到HTML编辑分区，在页面开发人员拖拽HTML元素过程中，系统会依次相应响应拖拽事件(即将拖拽HTML 元素的HTML代码复制到HTML编辑分区)，从而在HTML编辑分区创建目标页面文件需要的所有HTML元素。
5、HTML编辑分区中，按各个HTML元素的序号递增的方式生成各个HTML元素的名称和 id属性。比如创建元素input,当拖拽第一个到HTML编辑分区中时，id为input1，名称name 为input1,当拖拽第二个到HTML编辑分区中时，id为input2，name为input2，其他元素以此类推。
6、在目标页面中，页面开发人员点击页面右键，通过选择“查看源代码”->选择“元素”选项卡的方式，选中HTML编辑分区中的HTML元素以及其相应的HTML代码，并将它们复制到目标页面文件。
7、根据需要，修改目标页面文件中HTML元素的名称和id属性，并为HTML元素添加相应的class属性及其样式代码，最终生成目标页面。
通过上述实施例的技术方案，本发明解决了在目标页面HTML元素数据庞大时，页面开发人员需很长时间才能完成HTML元素绘制的问题，提高了页面HTML元素绘制的效率；同时，采用HTML库和拖拽HTML库元素到HTML编辑分区方式，将HTML元素代码复制到HTML编辑分区中，使得绘制HTML元素出错可能性降低，提高了绘制HTML页面元素的可靠性，减少了页面开发人员编辑HTML代码的出错率。

Claims (2)

1.一种生成目标页面的方法，其特征在于，包括如下步骤：
步骤1：新建一个空白的HTML文本，并在空白的HTML文本中创建HTML库分区和HTML编辑分区；
步骤2：在HTML库分区中，创建各个HTML元素，各个HTML元素均使用默认样式，并添加HTML库分区中各个HTML元素的拖拽事件和它们的响应方法；所述响应方法为将拖拽HTML元素的HTML代码复制到HTML编辑分区；
步骤3：拖拽HTML库分区中的元素到HTML编辑分区，从而在HTML编辑分区创建目标页面文件需要的所有HTML元素；
步骤4：对HTML编辑分区的所有HTML元素，生成各个HTML元素的名称和id属性；
步骤5：选中HTML编辑分区中的HTML元素获取到相应的HTML代码，并将它们复制到目标页面文件；
步骤6：根据需要，修改目标页面文件中HTML元素的名称和id属性，并为HTML元素添加相应的class属性及其样式代码。
2.如权利要求1所述一种生成目标页面的方法，其特征在于，步骤3按各个HTML元素的序号递增的方式生成各个HTML元素的名称和id属性。
CN201910734411.6A 2019-08-09 2019-08-09 一种生成目标页面的方法 Pending CN110457633A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910734411.6A CN110457633A (zh) 2019-08-09 2019-08-09 一种生成目标页面的方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910734411.6A CN110457633A (zh) 2019-08-09 2019-08-09 一种生成目标页面的方法

Publications (1)

Publication Number Publication Date
CN110457633A true CN110457633A (zh) 2019-11-15

Family

ID=68485632

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910734411.6A Pending CN110457633A (zh) 2019-08-09 2019-08-09 一种生成目标页面的方法

Country Status (1)

Country Link
CN (1) CN110457633A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111930370A (zh) * 2020-06-17 2020-11-13 石化盈科信息技术有限责任公司 可视化页面处理方法、装置、计算机设备和存储介质

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104932889A (zh) * 2015-06-15 2015-09-23 北京奇虎科技有限公司 页面可视化生成方法和装置
US20170031877A1 (en) * 2015-07-27 2017-02-02 Adp, Llc Web Page Design System
CN106610830A (zh) * 2015-10-26 2017-05-03 北京国双科技有限公司 页面元素的拖放方法及装置
CN107798084A (zh) * 2017-10-17 2018-03-13 广东广业开元科技有限公司 一种web前端页面的可视化编辑生成系统及装置
CN108345456A (zh) * 2018-03-07 2018-07-31 平安普惠企业管理有限公司 页面代码生成方法、装置、计算机设备和存储介质
CN108509195A (zh) * 2017-12-12 2018-09-07 平安科技（深圳）有限公司 H5活动页面的制作方法、电子装置及可读存储介质
CN108549533A (zh) * 2018-04-11 2018-09-18 上海百事灵多媒体科技有限公司 一种epg页面可视化开发中添加自定义控件的方法
CN109697064A (zh) * 2018-10-31 2019-04-30 深圳壹账通智能科技有限公司 一种自定义页面的生成方法及装置

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104932889A (zh) * 2015-06-15 2015-09-23 北京奇虎科技有限公司 页面可视化生成方法和装置
US20170031877A1 (en) * 2015-07-27 2017-02-02 Adp, Llc Web Page Design System
CN106610830A (zh) * 2015-10-26 2017-05-03 北京国双科技有限公司 页面元素的拖放方法及装置
CN107798084A (zh) * 2017-10-17 2018-03-13 广东广业开元科技有限公司 一种web前端页面的可视化编辑生成系统及装置
CN108509195A (zh) * 2017-12-12 2018-09-07 平安科技（深圳）有限公司 H5活动页面的制作方法、电子装置及可读存储介质
CN108345456A (zh) * 2018-03-07 2018-07-31 平安普惠企业管理有限公司 页面代码生成方法、装置、计算机设备和存储介质
CN108549533A (zh) * 2018-04-11 2018-09-18 上海百事灵多媒体科技有限公司 一种epg页面可视化开发中添加自定义控件的方法
CN109697064A (zh) * 2018-10-31 2019-04-30 深圳壹账通智能科技有限公司 一种自定义页面的生成方法及装置

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111930370A (zh) * 2020-06-17 2020-11-13 石化盈科信息技术有限责任公司 可视化页面处理方法、装置、计算机设备和存储介质

Similar Documents

Publication Publication Date Title
CN107844299B (zh) 一种Web应用开发工具的实现方法
Drosos et al. Wrex: A unified programming-by-example interaction for synthesizing readable code for data scientists
Greenberg Using unix: Collected traces of 168 users
Zeigler Multifacetted modelling and discrete event simulation
Bastide et al. Petri net objects for the design, validation and prototyping of user-driven interfaces.
JP4963232B2 (ja) モデリング環境における階層参照又はリンク
US6113649A (en) Object representation of program and script components
CN103714492A (zh) 符合配电网管理特定数据标准的自动报告生成方法
JP2012508934A (ja) データオブジェクトの管理および自動的リンク
CN113076096B (zh) 一种桌面应用程序开发方法、装置、设备及存储介质
JPWO2004025463A1 (ja) 要件定義方法、ソフトウェアの開発方法、及び、要件単語の変更方法並びに新規規定方法
CN113168497A (zh) 改进的电子表格和用于更新电子表格的方法
US6091895A (en) Object oriented central maintenance for programs and scripts
CN104572577A (zh) 数学公式处理方法及装置
CN116226112A (zh) 数据清洗方法、装置、存储介质及电子设备
CN110457633A (zh) 一种生成目标页面的方法
Lyulina et al. TaskTracker-tool: A toolkit for tracking of code snapshots and activity data during solution of programming tasks
CN105468766A (zh) 网页制作方法及其系统
CN101329625A (zh) 专家系统开发平台
Sutton et al. Design management using dynamically defined flows
CN110989999A (zh) 代码生成方法、装置、电子设备及介质
CN115408362A (zh) 一种高效的低代码数据库扩展平台
CN111126012B (zh) 定制生成表达式方法及装置
CN111949267B (zh) 一种ui前端生成方法及装置
KR20150060174A (ko) 비즈니스 프로세스 자동화를 위한 자동 소스 생성 방법

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
RJ01 Rejection of invention patent application after publication

Application publication date: 20191115

RJ01 Rejection of invention patent application after publication