[发明专利]一种基于微信小程序的动态图文添加组件及其实现方法

说明书

本发明公开了一种基于微信小程序的动态图文添加组件及其实现方法，涉及小程序开发技术领域。包括动态图文组件，动态图文组件包括图文展示模块、图片上传模块以及文字编辑模块，图文展示模块、图片上传模块以及文字编辑模块的输出端电连接有动态图文组件的输入端。该基于微信小程序的动态图文添加组件及其实现方法，优化了图文组件中用户对文字进行编辑的体验，在代码层面上开发人员不需要关注组件的内部实现，对组件只需要进行传递回显数据和监听数据外传两个操作即可，大大降低了使用该组件的开发人员的工作量和难度，同时也实现了文字编辑页面和文字显示之间，使用该组件和组件之间的代码结构的解耦。

技术领域

本发明涉及小程序开发技术领域，具体为一种基于微信小程序的动态图文添加组件及其实现方法。

背景技术

微信(WeChat)是腾讯公司于2011年1月21日推出的一个为智能终端提供即时通讯服务的免费应用程序，由张小龙所带领的腾讯广州研发中心产品团队打造，微信支持跨通信运营商、跨操作系统平台通过网络快速发送免费(需消耗少量网络流量)语音短信、视频、图片和文字，同时，也可以使用通过共享流媒体内容的资料和基于位置的社交插件“摇一摇”、“漂流瓶”、“朋友圈”、”公众平台“、”语音记事本“等服务插件，微信小程序，简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。

全面开放申请后，主体类型为企业、政府、媒体、其他组织或个人的开发者，均可申请注册小程序，小程序、订阅号、服务号、企业号是并行的体系，小程序是一种不用下载就能使用的应用，也是一项门槛非常高的创新，经过将近两年的发展，已经构造了新的小程序开发环境和开发者生态。小程序也是这么多年来中国IT行业里一个真正能够影响到普通程序员的创新成果，已经有超过150万的开发者加入到了小程序的开发，与我们一起共同发力推动小程序的发展，小程序应用数量超过了一百万，覆盖200多个细分的行业，日活用户达到两个亿，小程序还在许多城市实现了支持地铁、公交服务。小程序发展带来更多的就业机会，2017年小程序带动就业104万人，社会效应不断提升。

当前网络上的小程序方案无法保证在大量使用此组件时各组件之间的文字回显互不影响，因此需要自己实现文字回显不会因大量使用此组件而导致冲突的解决方案，现有技术方案是在每一个引用组件的地方对组件的图片进行编辑，这种方案虽然也可以实现图文展示方式，但是在当前页进行文字编辑用户体验不好，为此，提出一种基于微信小程序的动态图文添加组件及其实现方法来解决上述问题。

发明内容

针对现有技术方案是在每一个引用组件的地方对组件的图片进行编辑，这种方案虽然也可以实现图文展示方式，但是在当前页进行文字编辑用户体验不好的问题，本发明提供了一种基于微信小程序的动态图文添加组件及其实现方法，以解决上述提出的问题。

为实现一种在微信小程序上能够通过组件的形式动态添加图片及文字的功能，此方式不仅能对已有的文字进行再编辑，还能够使文字编辑页面与展示页面实现解耦，并且当有大量页面使用此图文组件时，也不会造成组件之间的文字编辑及回显冲突的目的，本发明提供如下技术方案：一种基于微信小程序的动态图文添加组件，包括动态图文组件，所述动态图文组件包括图文展示模块、图片上传模块以及文字编辑模块，所述图文展示模块、图片上传模块以及文字编辑模块的输出端电连接有动态图文组件的输入端；

所述图文展示模块用于微信小程序中展示图片和文字的；

所述图片上传模块用于微信小程序中图片的上传；

所述文字编辑模块用于微信小程序中文字的编辑；

一种基于微信小程序的动态图文添加组件的实现方法，包括以下步骤：

S1、创建组件，使图文组件呈左边显示图片，右边显示文字的形式；