一种微信小程序的生成方法及装置与流程

文档序号:15685273发布日期:2018-10-16 20:59阅读:272来源:国知局

本发明实施例涉及通信领域,尤其涉及一种微信小程序的生成方法及装置。



背景技术:

超级文本标记语言(hypertextmarkuplanguage,html)是一种用于创建网页的标准标记语言。移动终端中的网页浏览器可以读取html文件,并将其渲染成可视化网页。

微信小程序,简称小程序,是一种不需要下载安装即可使用的应用,用户可以通过扫一扫或搜一下即可打开应用。

目前,微信小程序无法加载html页面,只能通过开发者依据html页面重新开发对应的微信小程序。



技术实现要素:

本发明实施例提供一种微信小程序的生成方法及装置,以解决微信小程序无法加载html页面,需要依据html页面重新进行开发的问题。

为了解决上述问题,本发明公开了一种微信小程序的生成方法,所述方法包括:

读取超文本标记语言html页面;

将html页面中的html标签进行转换,以生成微信标记语言wxml文件;

将html页面中的javascript程序与引用数据进行处理,以生成js文件;

将html页面中的html样式定义进行转换,以生成微信层叠样式表wxss文件;

依据wxml文件、js文件、wxss文件,生成微信小程序。

根据本发明的另一方面,提供了一种微信小程序的生成装置,包括:

读取模块,用于读取超文本标记语言html页面;

第一转换模块,用于将html页面中的html标签进行转换,以生成微信标记语言wxml文件;

处理模块,用于将html页面中的javascript程序与引用数据进行处理,以生成js文件;

第二转换模块,用于将html页面中的html样式定义进行转换,以生成微信层叠样式表wxss文件;

生成模块,用于依据wxml文件、js文件、wxss文件,生成微信小程序。

与现有技术相比,本发明中通过读取超文本标记语言html页面;将html页面中的html标签进行转换,以生成微信标记语言wxml文件;将html页面中的javascript程序与引用数据进行处理,以生成js文件;将html页面中的html样式定义进行转换,以生成微信层叠样式表wxss文件;依据wxml文件、js文件、wxss文件,生成微信小程序。从而提出了一种方便、快捷的,可以将html页面自动转换为微信小程序的方法,使用户可以通过微信小程序浏览html页面,有效提升了用户体验。

附图说明

为了更清楚地说明本发明实施例的技术方案,下面将对本发明实施例的描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。

图1是本发明实施例的一种微信小程序的生成方法的流程图;

图2是本发明实施例的一种wxml文件生成方法的流程图;

图3是本发明实施例的一种js文件生成方法的流程图;

图4是本发明实施例的一种wxss文件生成方法的流程图;

图5是本发明实施例的一种微信小程序的生成装置的结构框图之一;

图6是本发明实施例的一种微信小程序的生成装置的结构框图之二;

图7是本发明实施例的一种微信小程序的生成装置的结构框图之三;

图8是本发明实施例的一种微信小程序的生成装置的结构框图之四;

图9是本发明实施例的一种微信小程序的生成装置的结构框图之五。

具体实施方式

为使本发明的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本发明作进一步详细的说明。

参照图1,示出了本发明实施例的一种微信小程序的生成方法的流程图,具体可以包括以下步骤:

步骤101,读取超文本标记语言html页面。

具体的,在本发明的实施例中,微信小程序的生成装置(以下简称装置)获取到需要转换的html页面后,读取并加载该html页面。

步骤102,将html页面中的html标签进行转换,以生成微信标记语言wxml文件。

具体的,在本发明的实施例中,装置将html页面中的所有html标签转换为微信小程序可识别的标签,并将转换后的标签写入wxml(weixinmarkuplanguage,微信标记语言)文件中,以生成wxml文件。

步骤103,将html页面中的javascript程序与引用数据进行处理,以生成js文件。

具体的,在本发明的实施例中,装置将html页面中的的javascript程序,以及,html页面中的所有引用数据进行相应的处理,并将处理后的的javascript程序和引用数据写入js文件,以生成所述js文件。

步骤104,将html页面中的样式定义进行转换,以生成微信层叠样式表wxss文件。

具体的,在本发明的实施例中,装置将html页面中的样式定义转换为微信小程序可识别的样式定义,并将转换后的html样式定义写入wxss(weixinstylesheets,微信层叠样式表)文件,以生成所述wxss文件。

步骤105,依据wxml文件、js文件、wxss文件,生成微信小程序。

具体的,在本发明的实施例中,装置可通过读取并加载已生成的wxml文件、js文件以及wxss文件,从而生成微信小程序。

综上,本发明实施例中的技术方案,通过读取超文本标记语言html页面;将html页面中的html标签进行转换,以生成微信标记语言wxml文件;将html页面中的javascript程序与引用数据进行处理,以生成js文件;将html页面中的html样式定义进行转换,以生成微信层叠样式表wxss文件;依据wxml文件、js文件、wxss文件,生成微信小程序。从而提出了一种方便、快捷的,可以将html页面自动转换为微信小程序的方法,使用户可以通过微信小程序浏览html页面,有效提升了用户体验。

为了使本领域技术人员更好的理解本发明的微信小程序的生成方法,下面以具体实施例进行详细阐述。

首先,在本发明的实施例中,读取超文本标记语言html页面。具体的,在本发明的实施例中,微信小程序的生成装置(以下简称装置)获取到需要转换的html页面后,读取并加载该html页面。

随后,将html页面中的html标签进行转换,以生成微信标记语言wxml文件。

参照图2,示出了本发明实施例的一种wxml文件生成方法的流程图,具体可以包括以下步骤:

步骤201,检索html页面中的所有html标签。

具体的,在本发明的实施例中,装置检索html页面中的所有html标签,以获取html标签。

步骤202,将html页面中的所有html标签进行转换,获得wxml标签。

具体的,在本发明的实施例中,装置将html页面中的所有html标签逐一转换为对应的微信小程序可识别的标签,即wxml标签。在本发明的实施例中,装置将标签转换后,去除html页面中的javascript程序及相关引用以及html样式定义。

步骤203,将wxml标签写入wxml文件。

具体的,在本发明的实施例中,装置将转换后的wxml标签,以及除javascript程序及相关引用以及html样式定义的其它部分,写入wxml文件,并进行整理(包括但不限于空行以及缩进等格式整理)。将wxml文件存储于本地。

接着,将html页面中的javascript程序与引用数据进行处理,以生成js文件。

参照图3,示出了本发明实施例的一种js文件生成方法的流程图,具体可以包括以下步骤:

步骤301,获取html页面中的javascript程序。

具体的,在本发明的实施例中,装置获取html页面中的javascript程序。其中,javascript程序包括外部引用javascript程序和/或直接定义javascript程序。

步骤302,基于javascript程序,生成javascript函数。

具体的,在本发明的实施例中,装置对javascript程序进行解析,并将解析后的javascript程序封装成javascript调用函数。javascript调用函数即为微信小程序可调用的函数。

步骤303,依据javascript函数,生成响应事件。

步骤304,将响应事件写入js文件。

具体的,在本发明的实施例中,装置可在js文件中写入相应的调用语句,以调用javascript函数,从而生成响应事件。其中,响应事件包括但不限于页面加载事件、滑动事件等。

步骤305,获取html页面中的引用数据。

具体的,在本发明的实施例中,装置获取html页面中的引用数据。html页面中的引用数据可直接写入相关语句中,装置通过检索包括引用数据的相关语句,并获取语句中引用的数据。

步骤306,根据引用数据,生成数据绑定关系。

步骤307,将数据绑定关系写入js文件。

具体的,在本发明的实施例中,装置将获取到的引用数据进行定义,并建立数据绑定关系。随后,装置将数据绑定关系写入wxml文件以及js文件中,并对js文件的格式进行整理(包括但不限于空行以及缩进等格式整理)。

接着,将html页面中的html样式定义进行转换,以生成微信层叠样式表wxss文件。

参照图4,示出了本发明实施例的一种wxss文件生成方法的流程图,具体可以包括以下步骤:

步骤401,获取html页面中的html样式定义。

具体的,在本发明的实施例中,装置读取html页面,并获取其中的html样式定义。

步骤402,将html样式定义进行转换,获得wxml样式定义。

步骤403,将wxml样式定义写入wxss文件。

具体的,在本发明的实施例中,装置将html样式定义转换为微信小程序可识别的样式定义,即为wxml样式定义,并将转换后的wxml样式定义写入wxss文件中。

接着,依据wxml文件、js文件、wxss文件,生成微信小程序。具体的,在本发明的实施例中,装置可通过读取并加载已生成的wxml文件、js文件以及wxss文件,从而生成微信小程序。

综上所述,本发明实施例中的技术方案,通过读取超文本标记语言html页面;将html页面中的html标签进行转换,以生成微信标记语言wxml文件;将html页面中的javascript程序与引用数据进行处理,以生成js文件;将html页面中的html样式定义进行转换,以生成微信层叠样式表wxss文件;依据wxml文件、js文件、wxss文件,生成微信小程序。从而提出了一种方便、快捷的,可以将html页面自动转换为微信小程序的方法,使用户可以通过微信小程序浏览html页面,有效提升了用户体验。

参照图5,示出了本发明实施例的一种微信小程序的生成装置的结构框图,该装置具体可以包括以下模块:

读取模块501,用于读取超文本标记语言html页面;

第一转换模块502,用于将html页面中的html标签进行转换,以生成微信标记语言wxml文件;

处理模块503,用于将html页面中的javascript程序与引用数据进行处理,以生成js文件;

第二转换模块504,用于将html页面中的html样式定义进行转换,以生成微信层叠样式表wxss文件;

生成模块505,用于依据wxml文件、js文件、wxss文件,生成微信小程序。

参照图6,在本发明的一个优选的实施例中,在图5的基础上,第一转换模块502包括:

检索子模块5021,用于检索html页面中的所有html标签;

第一转换子模块5022,用于将html页面中的所有html标签进行转换,获得wxml标签;

第一写入子模块5023,用于将wxml标签写入wxml文件。

参照图7,在本发明的一个优选的实施例中,在图5的基础上,处理模块503包括:

第一获取子模块5031,用于获取html页面中的javascript程序,其中,javascript程序包括外部引用javascript程序和/或直接定义javascript程序;

第一生成子模块5032,用于基于javascript程序,生成javascript函数;

第二生成子模块5033,用于依据javascript函数,生成响应事件。

第二写入子模块5034,用于将响应事件写入js文件。

参照图8,在本发明的一个优选的实施例中,在图5的基础上,处理模块503包括:

第二获取子模块5035,用于获取html页面中的引用数据;

第三生成子模块5036,用于根据引用数据,生成数据绑定关系;

第三写入子模块5037,用于将数据绑定关系写入js文件。

参照图9,在本发明的一个优选的实施例中,在图5的基础上,第二转换模块504包括:

第三获取子模块5041,用于获取html页面中的html样式定义;

第二转换子模块5042,用于将html样式定义进行转换,获得wxml样式定义;

第四写入子模块5043,用于将wxml样式定义写入wxss文件。

综上所述,本发明实施例中的装置,通过读取超文本标记语言html页面;将html页面中的html标签进行转换,以生成微信标记语言wxml文件;将html页面中的javascript程序与引用数据进行处理,以生成js文件;将html页面中的html样式定义进行转换,以生成微信层叠样式表wxss文件;依据wxml文件、js文件、wxss文件,生成微信小程序。从而提出了一种方便、快捷的,可以将html页面自动转换为微信小程序的方法,使用户可以通过微信小程序浏览html页面,有效提升了用户体验。

对于设备实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。

类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的替代特征来代替。

此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(dsp)来实现根据本发明实施例的设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

以上对本发明所提供的一种微信小程序的生成方法及装置进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1