一键活动内嵌代码方法、装置及计算机可读存储介质制造方法及图纸

技术编号:20545424 阅读:16 留言:0更新日期:2019-03-09 18:22
一键活动内嵌代码方法、装置及计算机可读存储介质,该方法包括:编辑并生成具有预设功能的一键活动的模板,其中,在Html头部设置H5活动页面的宽度、高度、最大、最小比例数据,以构成H5活动页面的基本样式,并控制H5活动页面的页面大小;在Html尾部引入.js文件计算内容展示区域在H5活动页面中的位置;在一键活动的模板内嵌入可修改一键活动的页面的逻辑、样式、功能点的代码,其中,在HTML内容中添加标签,通过标签的class应用额外的样式,或将多种样式预先定义好,放在.css的文件中,然后在页面中根据需要使用其中已定义好的样式。通过本发明专利技术可通过内嵌代码改变现有模块功能的逻辑样式,从而满足使用者的需求。

One-click Activity Embedded Code Method, Device and Computer Readable Storage Media

One-click activity embedded code method, device and computer readable storage medium. The method includes editing and generating a template of one-click activity with preset function, in which the width, height, maximum and minimum scale data of H5 active page are set in Html header to form the basic style of H5 active page and control the page size of H5 active page; introducing.Js at the end of Html. File computing content display area in H5 active pages; embedding code that can modify the logic, style and function points of one-click active pages in the template of one-click active pages, where tags are added to HTML content, additional styles are applied through the classes of tags, or various styles are predefined, placed in. CSS files, and then used as needed in the pages. The style has been defined. The present invention can change the logic style of the function of the existing module through embedded code, so as to meet the needs of users.

【技术实现步骤摘要】
一键活动内嵌代码方法、装置及计算机可读存储介质
本专利技术涉及互联网
,具体地说,涉及一种一键活动内嵌代码方法、装置及计算机可读存储介质。
技术介绍
一键活动是将具有预设功能的H5的程序封装,使得可以一键操作完成预设的功能,然而在使用H5(Html5)活动时,由于一键活动是实现预设的活动功能,只能使用已有的功能模块去设置一键活动的内容,该功能模块未必能够满足使用者的需求,而使用者却不能改变现有模块功能的某些逻辑样式。
技术实现思路
为解决以上问题,本专利技术提供一种一键活动内嵌代码方法,应用于电子装置,该方法包括:编辑并生成具有预设功能的一键活动的模板,其中,一键活动的模板的基本结构是,在Html(超文本标记语言)头部设置H5活动页面的宽度、高度、最大、最小比例数据,其中,在Html头部中引入onekey文件,所述onekey文件包括base.css文件,以构成H5活动页面的基本样式,并且,还引入resize.js文件,从而计算页面缩放比例,以控制H5活动页面的页面大小,其中,所述onekey为一种H5页面开发平台;在Html尾部引入content_position.js文件,从而计算内容展示区域在H5活动页面中的位置;在所述一键活动的模板内嵌入可修改一键活动的页面的逻辑、样式、功能点的代码,从而在一键活动的模板上引入自定义的至少包括Html、Js、Css、图片、音频的资源,其中,在HTML内容中添加标签,通过标签的class应用额外的样式,或将多种样式预先定义好,放在.css的文件中,然后在页面中根据需要使用其中已定义好的样式。优选地,在Html尾部引入jquery.min.js文件,所述jquery.min.js文件是在完整版的jQuery库中去掉空白字符、注释、空行经压缩形成的。优选地,前端与后端的连接采用ajax的请求方式,并且首选以post的形式进行发送请求。优选地,前端与后端的接口是Onekey标准接口、Esg标准接口或外部接口。优选地,Onekey标准接口采用同步或异步传输的方式,其中,同步传输采用common.standardRequest封装函数来执行param,dataurl命令,其中,param为参数命名,以便根据名字得到参数值,正确的将参数传入前端,dataurl为文件存放地址,通过common.standardRequest封装函数获取文件存放的地址参数;而异步传输采用common.standardAsyncRequest封装函数来执行param,dataurl,successcallback,failcallback命令,其中,param为参数命名,以便根据名字得到参数值,正确的将参数传入前端,dataurl为文件存放地址,Successcallback是指在发送请求成功后,文件存放地址参数传递给回调函数,而回调函数决定当AJAX请求成功后显示的消息,failcallback是指发送请求失败后,执行的回调函数,回调函数决定当AJAX请求失败后显示的消息。优选地,Esg标准接口采用同步或异步传输的方式,其中,同步传输采用common.esgrequest封装函数来执行param,dataurl命令,其中,param为参数命名,以便根据名字得到参数值,正确的将参数传入前端,dataurl为文件存放地址,通过common.standardRequest封装函数获取文件存放的地址参数;而异步传输采用common.esgAsyncRequest封装函数来执行param,dataurl,successcallback,failcallback命令,其中,param为参数命名,以便根据名字得到参数值,正确的将参数传入前端,dataurl为文件存放地址,Successcallback是指在发送请求成功后,文件存放地址参数传递给回调函数,而回调函数决定当AJAX请求成功后显示的消息,failcallback是指发送请求失败后,执行的回调函数,回调函数决定当AJAX请求失败后显示的消息。优选地,一键活动模板还具有添加删除进度显示功能、弹窗提示功能、弹窗功能、更换页面背景图片及背景色的功能、跳转到指定页码的功能。本专利技术还提供一种电子装置,所述电子装置包括存储器及与所述存储器连接的处理器,所述存储器中存储有可在所述处理器上运行的一键活动内嵌代码程序,所述一键活动内嵌代码程序被所述处理器执行时实现如下步骤:编辑并生成具有预设功能的一键活动的模板,其中,一键活动的模板的基本结构是,在Html头部设置H5活动页面的宽度、高度、最大、最小比例数据,其中,在Html头部中引入onekey文件,所述onekey文件包括base.css文件,以构成H5活动页面的基本样式,并且,还引入resize.js文件,从而计算页面缩放比例,以控制H5活动页面的页面大小,其中,所述onekey为一种H5页面开发平台;在Html尾部引入content_position.js文件,从而计算内容展示区域在H5活动页面中的位置;在所述一键活动的模板内嵌入可修改一键活动的页面的逻辑、样式、功能点的代码,从而在一键活动的模板上引入自定义的至少包括Html、Js、Css、图片、音频的资源,其中,在HTML内容中添加标签,通过标签的class应用额外的样式,或将多种样式预先定义好,放在.css的文件中,然后在页面中根据需要使用其中已定义好的样式。优选地,编辑并生成具有预设功能的一键活动的模板的步骤中,在Html尾部引入jquery.min.js文件,所述jquery.min.js文件是在完整版的jQuery库中去掉空白字符、注释、空行经压缩形成的。本专利技术还提供一种计算机可读存储介质,所述计算机可读存储介质中包括一键活动内嵌代码程序,所述一键活动内嵌代码程序被处理器执行时,实现如上所述的一键活动内嵌代码方法的步骤。采用本专利技术的一键活动内嵌代码方法、装置及计算机可读存储介质,在用一键活动模板编辑活动时可以先配置好活动的大部分内容,然后再根据内嵌代码的不同可以实现一键活动以外的所需功能。附图说明通过结合下面附图对其实施例进行描述,本专利技术的上述特征和技术优点将会变得更加清楚和容易理解。图1是表示本专利技术实施例的一键活动内嵌代码方法的流程图;图2是表示本专利技术实施例的电子装置1的硬件架构示意图;图3是表示本专利技术实施例的一键活动内嵌代码程序的程序模块图;图4是表示本专利技术实施例的H5活动页面构建模块的构成图;图5是表示本专利技术实施例的内嵌代码模块的构成图;图6是表示本专利技术实施例的H5活动页面基础样式设置单元的构成图。具体实施方式下面将参考附图来描述本专利技术所述的一键活动内嵌代码方法、装置及计算机可读存储介质的实施例。本领域的普通技术人员可以认识到,在不偏离本专利技术的精神和范围的情况下,可以用各种不同的方式或其组合对所描述的实施例进行修正。因此,附图和描述在本质上是说明性的,而不是用于限制权利要求的保护范围。此外,在本说明书中,附图未按比例画出,并且相同的附图标记表示相同的部分。一键活动内嵌代码的方法,该方法包括:步骤S10,编辑并生成具有预设功能的一键活动的模板;步骤S30,在所述一键活动的模板内嵌入可修改一键活动页面的逻辑、样式、功能点的代码,从而在一键本文档来自技高网...

【技术保护点】
1.一键活动内嵌代码方法,应用于电子装置,其特征在于,该方法包括:编辑并生成具有预设功能的一键活动的模板,其中,一键活动的模板的基本结构是,在Html头部设置H5活动页面的宽度、高度、最大、最小比例数据,其中,在Html头部中引入onekey文件,所述onekey文件包括base.css文件,以构成H5活动页面的基本样式,并且,还引入resize.js文件,从而计算页面缩放比例,以控制H5活动页面的页面大小,其中,所述onekey为一种H5页面开发平台;在Html尾部引入content_position.js文件,从而计算内容展示区域在H5活动页面中的位置;在所述一键活动的模板内嵌入可修改一键活动的页面的逻辑、样式、功能点的代码,从而在一键活动的模板上引入自定义的至少包括Html、Js、Css、图片、音频的资源,其中,在HTML内容中添加标签,通过标签的class应用额外的样式,或将多种样式预先定义好,放在.css的文件中,然后在页面中根据需要使用其中已定义好的样式。

【技术特征摘要】
1.一键活动内嵌代码方法,应用于电子装置,其特征在于,该方法包括:编辑并生成具有预设功能的一键活动的模板,其中,一键活动的模板的基本结构是,在Html头部设置H5活动页面的宽度、高度、最大、最小比例数据,其中,在Html头部中引入onekey文件,所述onekey文件包括base.css文件,以构成H5活动页面的基本样式,并且,还引入resize.js文件,从而计算页面缩放比例,以控制H5活动页面的页面大小,其中,所述onekey为一种H5页面开发平台;在Html尾部引入content_position.js文件,从而计算内容展示区域在H5活动页面中的位置;在所述一键活动的模板内嵌入可修改一键活动的页面的逻辑、样式、功能点的代码,从而在一键活动的模板上引入自定义的至少包括Html、Js、Css、图片、音频的资源,其中,在HTML内容中添加标签,通过标签的class应用额外的样式,或将多种样式预先定义好,放在.css的文件中,然后在页面中根据需要使用其中已定义好的样式。2.根据权利要求1所述的一键活动内嵌代码方法,其特征在于,在Html尾部引入jquery.min.js文件,所述jquery.min.js文件是在完整版的jQuery库中去掉空白字符、注释、空行经压缩形成的。3.根据权利要求1所述的一键活动内嵌代码方法,其特征在于,前端与后端的连接采用ajax的请求方式,并且首选以post的形式进行发送请求。4.根据权利要求1所述的一键活动内嵌代码方法,其特征在于,前端与后端的接口是Onekey标准接口、Esg标准接口或外部接口。5.根据权利要求1所述的一键活动内嵌代码方法,其特征在于,Onekey标准接口采用同步或异步传输的方式,其中,同步传输采用common.standardRequest封装函数来执行param,dataurl命令,其中,param为参数命名,以便根据名字得到参数值,正确的将参数传入前端,dataurl为文件存放地址,通过common.standardRequest封装函数获取文件存放的地址参数;而异步传输采用common.standardAsyncRequest封装函数来执行param,dataurl,successcallback,failcallback命令,其中,param为参数命名,以便根据名字得到参数值,正确的将参数传入前端,dataurl为文件存放地址,Successcallback是指在发送请求成功后,文件存放地址参数传递给回调函数,而回调函数决定当AJAX请求成功后显示的消息,failcallback是指发送请求失败后,执行的回调函数,回调函数决定当AJAX请求失败后显示的消息。6.根据权利要求1所述的一键活动内嵌代码方法,其特征在于,Esg标准接口采用同步或异步传输的方式,其中,同步传输采用commo...

【专利技术属性】
技术研发人员:赵宝森
申请(专利权)人:平安科技深圳有限公司
类型:发明
国别省市:广东,44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1