主分类
A 农业
B 作业;运输
C 化学;冶金
D 纺织;造纸
E 固定建筑物
F 机械工程、照明、加热
G 物理
H 电学
专利下载VIP
公布日期
2020-10-16 公布专利
2020-10-13 公布专利
2020-10-09 公布专利
2020-10-02 公布专利
2020-09-29 公布专利
2020-09-25 公布专利
2020-09-22 公布专利
2020-09-18 公布专利
2020-09-15 公布专利
2020-09-11 公布专利
更多 »
专利权人
国家电网公司
华为技术有限公司
浙江大学
中兴通讯股份有限公司
三星电子株式会社
中国石油化工股份有限公司
清华大学
鸿海精密工业股份有限公司
松下电器产业株式会社
上海交通大学
更多 »

[发明专利]实现将HTML转换为微信小程序的方法、装置及系统在审

在步骤S2中,将HTML文档中的代码的标签转为微信小程序的标签从而获得微信小程序的WXML文件,WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构,在该步骤中,将HTML文档中的代码的标签转为微信小程序的标签。

在步骤S3中,获取与S1中所述的原始HTML文档配套的CSS文件;

在步骤S4中,将CSS文件中代码的大小单位PX转为微信小程序专用的RPX单位从而获得微信小程序WXSS文件;其中WXSS(WeiXin Style Sheets)是一套样式语言,用于描述WXML的组件样式。WXSS用来决定WXML的组件应该怎么显示。为了适应广大的前端开发者,WXSS具有CSS大部分特性。同时为了更适合开发微信小程序,WXSS对CSS进行了扩充以及修改。与CSS相比,WXSS扩展的特性有:(1)尺寸单位,(2)样式导入。rpx(responsive pixel):可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在iPhone6上,屏幕宽度为375px,共有750个物理像素,则750rpx=375px=750物理像素,1rpx=0.5px=1物理像素;

在步骤S5中,WXML文件、WXSS文件、JS文件以及json文件组成微信小程序页面。其中,微信小程序为了方便开发者减少配置项,描述页面的四个文件必须具有相同的路径与文件名。微信小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生APP体验的服务。微信小程序的框架提供了自己的视图层描述语言WXML和WXSS,以及基于JavaScript的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上。

如图1所示,优选地,根据本发明所述的一种实现将HTML转换为微信小程序的方法,步骤S2包括:将HTML的图片标签<img>转为微信小程序的<image>。由于网页编程采用的是HTML+CSS+JS这样的组合,其中HTML是用来描述当前这个页面的结构,CSS用来描述页面的样子,JS通常是用来处理这个页面和用户的交互。在小程序中也有同样的角色,其中WXML充当的就是类似HTML的角色。因为WXML和HTML非常相似,有标签、属性等等构成,所以把相似语法进行改换。如:<div>转为<view><font>转为<text>。

进一步地,步骤S2包括:标签内的不兼容的标签字段属性去除。

以及进一步地,步骤S2包括:把图片地址转为绝对地址,绝对地址是图片存放的实际地址;

其中,在步骤S3中,进一步包括:

把不能在小程序上使用的CSS语法移除。因为小程序的WXSS具有CSS大部分的特性,在WXSS也做了扩充和修改,从而实现了兼容及大部分功能的完整性。

如图2所示,根据本发明一方面的一实施例,提供一种实现将HTML转换为微信小程序的装置,该装置包括:存储器,用于存储一应用程序;处理器,用于运行所述应用程序以执行上述的方法。

与前述方法实施例相对应,本发明还提供了系统的实施例。对于系统实施例而言,由于其基本对应于方法实施例,所以相关之处参见方法实施例的部分说明即可。以下所描述的系统实施例仅仅是示意性的,其中作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本公开方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。

如图3所示,图3是本发明根据一示例性实施例示出的一种实现将HTML转换为微信小程序的系统,该系统包括:

第一获取模块101,被配置用于获取原始HTML文档;

标签转换模块102,被配置用于将HTML文档中的代码的标签转为微信小程序的标签从而获得微信小程序的WXML文件;

第二获取模块103,被配置获取与所述原始HTML文档配套的CSS文件;

单位转换模块104,被配置用于将CSS文件中代码的大小单位PX转为微信小程序专用的RPX单位;

合成模块105,被配置用于将WXML文件、WXSS文件、JS文件以及json文件组成微信小程序页面。

作为优选的实施例,第一获取模块101进一步包括:

HTML标签获取模块1011,配置用于获取原始HTML文档中的HTML标签;其中HTML标记标签通常被称为HTML标签(HTMLtag),HTML标签是由尖括号包围的关键词,比如<html>,HTML标签通常是成对出现的,比如<b>和</b>,标签对中的第一个标签是开始标签,第二个标签是结束标签,开始和结束标签也被称为开放标签和闭合标签。

第一获取模块101进一步包括纯文本获取模块1012,配置用于获取原始HTML文档中的纯文本。

应当认识到,本发明的实施例可以由计算机硬件、硬件和软件的组合、或者通过存储在非暂时性计算机可读存储器中的计算机指令来实现或实施。所述方法可以使用标准编程技术-包括配置有计算机程序的非暂时性计算机可读存储介质在计算机程序中实现,其中如此配置的存储介质使得计算机以特定和预定义的方式操作-根据在具体实施例中描述的方法和附图。每个程序可以以高级过程或面向对象的编程语言来实现以与计算机系统通信。然而,若需要,该程序可以以汇编或机器语言实现。在任何情况下,该语言可以是编译或解释的语言。此外,为此目的该程序能够在编程的专用集成电路上运行。

进一步,该方法可以在可操作地连接至合适的任何类型的计算平台中实现,包括但不限于个人电脑、迷你计算机、主框架、工作站、网络或分布式计算环境、单独的或集成的计算机平台、或者与带电粒子工具或其它成像装置通信等等。本发明的各方面可以以存储在非暂时性存储介质或设备上的机器可读代码来实现,无论是可移动的还是集成至计算平台,如硬盘、光学读取和/或写入存储介质、RAM、ROM等,使得其可由可编程计算机读取,当存储介质或设备由计算机读取时可用于配置和操作计算机以执行在此所描述的过程。此外,机器可读代码,或其部分可以通过有线或无线网络传输。当此类媒体包括结合微处理器或其他数据处理器实现上文所述步骤的指令或程序时,本文所述的发明包括这些和其他不同类型的非暂时性计算机可读存储介质。当根据本发明所述的方法和技术编程时,本发明还包括计算机本身。

计算机程序能够应用于输入数据以执行本文所述的功能,从而转换输入数据以生成存储至非易失性存储器的输出数据。输出信息还可以应用于一个或多个输出设备如显示器。在本发明优选的实施例中,转换的数据表示物理和有形的对象,包括显示器上产生的物理和有形对象的特定视觉描绘。

申请号: 201711458427.6 申请日: 2017-12-27
公开/公告号: CN108268262A 公开/公告日: 2018-07-10
申请/专利权人: 广东耐思尼克信息技术有限公司
发明/设计人: 陈锐;王征
主分类号: G06F8/40
分类号: G06F8/40;G06F17/30
搜索关键词: 小程序 装置及系统 转换 标签 网页转换 文件组成 游戏领域 配套的 专用的 浏览器 页面
下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。
我不想注册,点击直接下载立即登录,下载文献升级会员,免费下载
地址: 519015 广东省*** 国省代码: 广东;44
代理公司: 广州嘉权专利商标事务所有限公司 44205 代理人: 肖军

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于广东耐思尼克信息技术有限公司,未经广东耐思尼克信息技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:https://www.vipzhuanli.com/patent/201711458427.6/,转载请声明来源钻瓜专利网。

专利分类
×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

400-8765-105周一至周五 9:00-18:00

tel code back_top