CN105354301B - 一种重组Html结构并通过鼠标点击获取Html组件的方法 - Google Patents

一种重组Html结构并通过鼠标点击获取Html组件的方法 Download PDF

Info

Publication number
CN105354301B
CN105354301B CN201510746948.6A CN201510746948A CN105354301B CN 105354301 B CN105354301 B CN 105354301B CN 201510746948 A CN201510746948 A CN 201510746948A CN 105354301 B CN105354301 B CN 105354301B
Authority
CN
China
Prior art keywords
html
component
mouse
recombination
javascript
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
Application number
CN201510746948.6A
Other languages
English (en)
Other versions
CN105354301A (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.)
G Cloud Technology Co Ltd
Original Assignee
G Cloud 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 G Cloud Technology Co Ltd filed Critical G Cloud Technology Co Ltd
Priority to CN201510746948.6A priority Critical patent/CN105354301B/zh
Publication of CN105354301A publication Critical patent/CN105354301A/zh
Application granted granted Critical
Publication of CN105354301B publication Critical patent/CN105354301B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

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
    • G06F16/986—Document structures and storage, e.g. HTML extensions
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明涉及网页处理技术领域，具体涉及一种重组Html结构并通过鼠标点击获取Html组件的方法。本发明方法包括：1.通过输入的指定Web页面的Url，获取原始的Url的Html代码；2.在原始的Html代码结构上增加Css、Javascript，对Html进行重组，以支持鼠标移动与点击时的动作；3.在页面上展示重组后的Html，在新页面上移动鼠标时，展示鼠标所在的区域并进行颜色变化区分，当点击时返回当前鼠标点击的Html组件。本发明解决了通过鼠标移动展示指定的Html组件，以及通过鼠标点击获取指定的Html组件的功能的技术难题，本发明可广泛应用于对原Html结构进行展示或重组的Web获取技术上，特别用于获取Html页面数据的相关系统设计中。

Description

一种重组Html结构并通过鼠标点击获取Html组件的方法
技术领域
本发明涉及网页处理技术领域，具体涉及一种重组Html结构并通过鼠标点击获取Html组件的方法。
背景技术
随着Web万维网的发展与普及，越来越多数据信息都通过Html组件的形式在网络上展示与传播，但用户在使用这些Html组件时，只能被动地接收服务器上展示的最终结果，而无法对展示的数据进行获取或修改，这样对有些应用来说，比较难以利用网上现有的数据来用于展示或获取。
发明内容
本发明解决的技术问题是提供一种重组Html结构并通过鼠标点击获取Html组件的方法；通过重组Web页面的Html结构，从而为页面上获取Html组件提供一种快捷方便的方式，此方式可广泛应用于对原Html结构进行展示或重组的Web获取技术上，特别用于获取Html页面数据的相关系统设计中。
本发明解决上述技术问题的技术方案是：
所述的方法包括以下步骤：
步骤一、输入要获取Html组件的页面Url；
步骤二、把页面Url传到后台进行整体Html结构获取，并在Html中增加Css、Javascript对Html进行重组；
步骤三、把重组后的Html传输到前台，通过弹出的Div组件进行展示；
步骤四、在弹出的Div组件上，通过鼠标移动，重组后的Html通过增加的Javascript判断鼠标位置，改变鼠标所在的Html组件的背景颜色，背景颜色为增加的Css所定义；
步骤五、当鼠标移动到最终的Html组件上时，背景颜色进行改变，当点击鼠标左键时，通过Javascript返回点击所在的Html组件，最终输出点击获取的Html结果。
所述的步骤一中，在获取Html组件前，需获取页面的完整Url并用于输入。
所述的步骤二中，通过输入的页面Url获取页面的整体Html结构，页面的整体Html结构通过Jsoup第三方开源控件获取，同时通过组织为Document对象后，在其中的Head开头加入Css与Javascript，完成对Html组件的重组。
所述的步骤三中，把重组后的整体Html组件传输到前台，通过Div组件弹出窗口进行展示，用于页面的查看，鼠标可进行移动与点击。
所述的步骤四中，鼠标在弹出的Div组件上移动时，通过增加的Javascript判断鼠标在各Html组件上的移进与移出事件，对鼠标的移动做出各Html组件的背景颜色的变化，展示给用户鼠标所在的Html组件；鼠标在移进与移出事件上，需要判断所在的Html是否存在嵌套，如果是需要获取最底层的Html组件进行背景颜色的改变。
所述的步骤五中，当鼠标移动到要获取的Html组件上时，Html组件改变背景颜色，当点击鼠标左键时通过Javascript返回该Html组件的Html结构，用于相关系统的使用；此时，Javascript需判断点击的组件是否存在嵌套，如果有嵌套多个Html组件时，需返回最底层的Html组件；也可通过返回多个Html组件的方式，由操作人员选择。
重组Html结构的Css组件，需要定义为可明显展示与原Html结构的区别，当改变背景颜色时可明显对各Html组件进行区分；Css组件的背景颜色通过Javascript进行增加或去除；
重组Html结构的Javascript，需增加鼠标移进移出各Html组件时改变Html组件的背景颜色的方法，主要是通过重构MouseOut与MouseIn方法。
本发明方法通过用户输入Html组件的源Url，传输到后台进行重组后，展示在Div组件上，用于用户的Html组件的展示与获取，方便特殊的应用提高系统的操作友好性，例如网上数据截取时，要定义截取的数据区域块，一般的方法是通过分析Html源代码，获取数据区域块的开始标识与结束标识，但这对于不懂Html语言的人来是，此方法很难操作；通过本发明方法，可以在Div组件上使用鼠标移动进行选择要获取的数据区域块，同时点击鼠标左键后，可直接返回所在的数据区域块，并用于设置开始标识与结束标识，大大方便了用户的操作，提高了系统操作的友好性，使系统的使用更加方便快捷。本发明通过重组Html结构，从而提供一个方便快捷获取Html组件的方式，可广泛应用于对原Html结构进行展示或重组的Web获取技术上，特别用于获取Html页面数据的相关系统设计中，为对原来的Html结构的重组提供一个解决方案。
附图说明
下面结合附图对本发明进一步说明：
图1是本发明系统流程图；
具体实施方式
如图1所示，本发明具体包含以下几个步骤：
步骤一、把系统部署在Tomcat上，配置好相关属性，运行整个系统；
步骤二、输入要进行获取Html组件的Web页面的RUL，并传输到后台；
步骤三、后台通过Jsoup控件进行下载，并形成Document对象；
步骤四、在Document对象上增加背景颜色Css、鼠标移进移出Javascript，并把最终的重组Html传输到前台；
步骤五、通过一个弹出的Div组件对重组后的Html结构进行展示；
步骤六、鼠标在展示的Html结构上进行移动时，通过Javascript进行控制并改变所在的Html组件的背景颜色；
步骤七、当鼠标固定在一个特定的Html组件上时，点击鼠标左键，系统返回点击的Html组件。
更具体而言，在获取Html组件前，需获取页面的完整Url并用于输入。
通过输入的页面Url获取页面的整体Html结构，页面的整体Html结构通过Jsoup第三方开源控件获取，同时通过组织为Document对象后，在其中的Head开头加入Css与Javascript，完成对Html组件的重组。
把重组后的整体Html组件传输到前台，通过Div组件弹出窗口进行展示，用于页面的查看，鼠标可进行移动与点击。
鼠标在弹出的Div组件上移动时，通过增加的Javascript判断鼠标在各Html组件上的移进与移出事件，对鼠标的移动做出各Html组件的背景颜色的变化，展示给用户鼠标所在的Html组件；鼠标在移进与移出事件上，需要判断所在的Html是否存在嵌套，如果是需要获取最底层的Html组件进行背景颜色的改变。
当鼠标移动到要获取的Html组件上时，Html组件改变背景颜色，当点击鼠标左键时通过Javascript返回该Html组件的Html结构，用于相关系统的使用；此时，Javascript需判断点击的组件是否存在嵌套，如果有嵌套多个Html组件时，需返回最底层的Html组件；也可通过返回多个Html组件的方式，由操作人员选择。
重组Html结构的Css组件，需要定义为可明显展示与原Html结构的区别，当改变背景颜色时可明显对各Html组件进行区分；Css组件的背景颜色通过Javascript进行增加或去除；
重组Html结构的Javascript，需增加鼠标移进移出各Html组件时改变Html组件的背景颜色的方法，主要是通过重构MouseOut与MouseIn方法。

Claims (7)

1.一种重组Html结构并通过鼠标点击获取Html组件的方法，其特征在于：所述的方法包括以下步骤：
步骤一、输入要获取Html组件的页面Url；
步骤二、把页面Url传到后台进行整体Html结构获取，并在Html中增加Css、Javascript对Html进行重组；
步骤三、把重组后的Html传输到前台，通过弹出的Div组件进行展示；
步骤四、在弹出的Div组件上，通过鼠标移动，重组后的Html通过增加的Javascript判断鼠标位置，改变鼠标所在的Html组件的背景颜色，背景颜色为增加的Css所定义；
步骤五、当鼠标移动到最终的Html组件上时，背景颜色进行改变，当点击鼠标左键时，通过Javascript返回点击所在的Html组件，最终输出点击获取的Html结果
所述的步骤四中，鼠标在弹出的Div组件上移动时，通过增加的Javascript判断鼠标在各Html组件上的移进与移出事件，对鼠标的移动做出各Html组件的背景颜色的变化，展示给用户鼠标所在的Html组件；鼠标在移进与移出事件上，需要判断所在的Html是否存在嵌套，如果是需要获取最底层的Html组件进行背景颜色的改变；
所述的步骤五中，当鼠标移动到要获取的Html组件上时，Html组件改变背景颜色，当点击鼠标左键时通过Javascript返回该Html组件的Html结构，用于相关系统的使用；此时，Javascript需判断点击的组件是否存在嵌套，如果有嵌套多个Html组件时，需返回最底层的Html组件；也可通过返回多个Html组件的方式，由操作人员选择。
2.根据权利要求1所述的重组Html结构并通过鼠标点击获取Html组件的方法，其特征在于：所述的步骤一中，在获取Html组件前，需获取页面的完整Url并用于输入。
3.根据权利要求1所述的重组Html结构并通过鼠标点击获取Html组件的方法，其特征在于：所述的步骤二中，通过输入的页面Url获取页面的整体Html结构，页面的整体Html结构通过Jsoup第三方开源控件获取，同时通过组织为Document对象后，在其中的Head开头加入Css与Javascript，完成对Html组件的重组。
4.根据权利要求2所述的重组Html结构并通过鼠标点击获取Html组件的方法，其特征在于：所述的步骤二中，通过输入的页面Url获取页面的整体Html结构，页面的整体Html结构通过Jsoup第三方开源控件获取，同时通过组织为Document对象后，在其中的Head开头加入Css与Javascript，完成对Html组件的重组。
5.根据权利要求1至4任一项所述的重组Html结构并通过鼠标点击获取Html组件的方法，其特征在于：所述的步骤三中，把重组后的整体Html组件传输到前台，通过Div组件弹出窗口进行展示，用于页面的查看，鼠标可进行移动与点击。
6.根据权利要求3所述的重组Html结构并通过鼠标点击获取Html组件的方法，其特征在于：重组Html结构的Css组件，需要定义为可明显展示与原Html结构的区别，当改变背景颜色时可明显对各Html组件进行区分；Css组件的背景颜色通过Javascript进行增加或去除；
重组Html结构的Javascript，需增加鼠标移进移出各Html组件时改变Html组件的背景颜色的方法，主要是通过重构MouseOut与MouseIn方法。
7.根据权利要求4所述的重组Html结构并通过鼠标点击获取Html组件的方法，其特征在于：重组Html结构的Css组件，需要定义为可明显展示与原Html结构的区别，当改变背景颜色时可明显对各Html组件进行区分；Css组件的背景颜色通过Javascript进行增加或去除；
重组Html结构的Javascript，需增加鼠标移进移出各Html组件时改变Html组件的背景颜色的方法，主要是通过重构MouseOut与MouseIn方法。
CN201510746948.6A 2015-11-04 2015-11-04 一种重组Html结构并通过鼠标点击获取Html组件的方法 Active CN105354301B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510746948.6A CN105354301B (zh) 2015-11-04 2015-11-04 一种重组Html结构并通过鼠标点击获取Html组件的方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510746948.6A CN105354301B (zh) 2015-11-04 2015-11-04 一种重组Html结构并通过鼠标点击获取Html组件的方法

Publications (2)

Publication Number Publication Date
CN105354301A CN105354301A (zh) 2016-02-24
CN105354301B true CN105354301B (zh) 2019-02-01

Family

ID=55330273

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510746948.6A Active CN105354301B (zh) 2015-11-04 2015-11-04 一种重组Html结构并通过鼠标点击获取Html组件的方法

Country Status (1)

Country Link
CN (1) CN105354301B (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105930378B (zh) * 2016-04-13 2019-05-24 北京思特奇信息技术股份有限公司 一种从后台服务端处理html页面嵌套的方法及系统
CN111291298A (zh) * 2018-12-10 2020-06-16 航天信息股份有限公司 一种页面展示方法、装置、电子设备及存储介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101976235A (zh) * 2010-09-21 2011-02-16 天津神舟通用数据技术有限公司 基于动态网页的可扩展的Word报告自动生成方法
CN102999341A (zh) * 2012-11-28 2013-03-27 北京奇虎科技有限公司 用于网页的图片全屏浏览方法和装置
CN103955366A (zh) * 2014-04-18 2014-07-30 南威软件股份有限公司 一种可视化网站模版的制作方法

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2002304393A (ja) * 2001-04-06 2002-10-18 Foundation For The Promotion Of Industrial Science 関連ウェブページ提示システム

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101976235A (zh) * 2010-09-21 2011-02-16 天津神舟通用数据技术有限公司 基于动态网页的可扩展的Word报告自动生成方法
CN102999341A (zh) * 2012-11-28 2013-03-27 北京奇虎科技有限公司 用于网页的图片全屏浏览方法和装置
CN103955366A (zh) * 2014-04-18 2014-07-30 南威软件股份有限公司 一种可视化网站模版的制作方法

Also Published As

Publication number Publication date
CN105354301A (zh) 2016-02-24

Similar Documents

Publication Publication Date Title
US10021001B2 (en) Providing visualizations of event sequence data
US9576046B2 (en) Methods for integrating semantic search, query, and analysis across heterogeneous data types and devices thereof
Nebeling et al. CrowdAdapt: enabling crowdsourced web page adaptation for individual viewing conditions and preferences
Fan et al. Paint mesh cutting
US20130326333A1 (en) Mobile Content Management System
Carta et al. Web usability probe: a tool for supporting remote usability evaluation of web sites
CN102650999B (zh) 一种从网页中抽取对象属性值信息的方法和系统
Merwade Watershed and stream network delineation using ArcHydro tools
CN101520798A (zh) 基于垂直搜索和聚焦爬虫的网页分类技术
CN105302461B (zh) 一种用于在移动应用中提供目标页面的方法与设备
CN102541282B (zh) 利用图标移动对已完成词汇再编辑的方法、装置及系统
CN105867820A (zh) 用于触摸屏的文本编辑方法和装置
CN105354301B (zh) 一种重组Html结构并通过鼠标点击获取Html组件的方法
CN110309049A (zh) 网页内容监听方法、装置、计算机设备和存储介质
CN103365876B (zh) 基于关系图谱生成网络操作辅助信息的方法与设备
CN105677857A (zh) 一种关键词与营销落地页的精准匹配方法和装置
CN104951311A (zh) 一种页面制作方法及装置
Esteves et al. Mobile collaborative augmented reality and business intelligence: A system to support elderly people’s self-care
CN104598133B (zh) 对象的说明书生成方法和装置
CN102184201B (zh) 一种用于选取查询序列的推荐序列的设备和方法
Terrado et al. Current practice in climate service visualization: taking the pulse of the providers’ community
Katti et al. Machine vision benefits from human contextual expectations
CN105988679B (zh) 一种信息呈现方法、装置及一种用户设备
CN102866945A (zh) 用于提供用户所对应的第一应用测试信息的方法和设备
CN104978171A (zh) 可识别标识的输出方法及装置

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
CB02 Change of applicant information

Address after: 523808 19th Floor, Cloud Computing Center, Chinese Academy of Sciences, No. 1 Kehui Road, Songshan Lake Hi-tech Industrial Development Zone, Dongguan City, Guangdong Province

Applicant after: G-Cloud Technology Co., Ltd.

Address before: 523808 No. 14 Building, Songke Garden, Songshan Lake Science and Technology Industrial Park, Dongguan City, Guangdong Province

Applicant before: G-Cloud Technology Co., Ltd.

CB02 Change of applicant information
GR01 Patent grant
GR01 Patent grant