做一个小程序生成平台需要掌握哪些技术

题主，您好：

现在市场上有许多这样的平台，比如说，即速应用，轻芒小程序+，上线了，小鹅通，这些都能够生成自己的小程序，不过不同平台可能针对的领域有差别，比如轻芒小程序，专注为内容创作者，快速生成小程序，小鹅通是专注于知识领域的，这些深耕于细分领域的都做的不错。

#如何去实现这样的平台#生成小程序与生成网页应用类似，只不过生成小程序，是按照微信的规则，去写相应的组件。

第一步，首先你要将你支持用户拖拽的模块提前写出来，也称模板区域，这些代码也就是你在小程序中实现的代码，通过HTML+CSS展示在你前端页面，当用户拖拽的时候用到的是Html5的拖拽效果，可以参考W3S的这个链接：html5/html_5_draganddropasp

第二步，当我们将模板区域的组件拖动的到设计区域，这个区域要生成相应的小程序组件，并且展示出来

这上面仅仅只是说明了怎么去实现，第一步，写好组件模板，第二步，实现拖拽，第三步，生成组件代码，这些只是理论知识，真正去实现过程中比这里的复杂情况多的多

所以这里只能给你推荐一下你可能用的到的技术，链接如下：

Vue-Layout:vue可视化布局、自动生成代码

对于基础者的话，难度可能是相当大的，希望加油！

1基础组件：

什么是组件：

<ul>

<li>组件是视图层的基本组成单元。</li>

<li>组件自带一些功能与微信风格的样式。</li>

<li>一个组件通常包括开始标签

和结束标签

，属性

用来修饰这个组件，内容

在两个标签之内。</li>

</ul>

2属性类型

<ul>

<li>Boolean 布尔值 组件写上该属性，不管该属性等于什么，其值都为true

，只有组件上没有写该属性时，属性值才为false

。如果属性值为变量，变量的值会被转换为Boolean类型</li>

<li>Number 数字 1

, 25</li>

<li>String 字符串 "string"</li>

<li>Array 数组 [ 1, "string" ] </li>

<li>Object 对象 { key: value } </li>

<li>EventHandler 事件处理函数名 "handlerName"

是 Page中定义的事件处理函数名</li>

<li>Any 任意属性 </li>

</ul>

3共同属性类型

id , class , style , hidden , data- , bind / catch

4特殊属性

几乎所有组件都有各自定义的属性，可以对该组件的功能或样式进行修饰

5组件列表

基础组件分为以下八大类：

视图容器(View Container)：

view 视图容器 , scroll-view 可滚动视图容器, swiper 滑块视图容器

基础内容(Basic Content)：

icon 图标, text 文字, progress 进度条

表单(Form)：

button 按钮, form 表单， input 输入框， checkbox 多想选择器, radio 单选器， picker 列表选择器, slider 滚动选择器, switch 开关选择器, label 标签

*** 作反馈（Interaction）

action-sheet 上拉菜单

modal 模态d窗

toast 消息提示框

loading 加载提示符

导航Navigation

navigator 应用链接

多媒体(Media)

audio 音频, image ， video 视频

地图

map 地图

画布Canvas

canvas 画布

flex: vt折曲，使收缩； vi玩去，收缩

测试发现 小程序组件（这里指底部导航组件）生命周期的attached 不支持 *** 作 也就是 当想修改底部导航的内容是不支持的

所以上述写法会出现惊奇的结果 哈哈 可以自行运行看看

先了解一下小程序组件的生命周期

[上传中(image-9202b1-1629959126527-0)]

于是我使用了ready 测试发现 部分安卓机 可以 *** 作数据 但是页面底部导航不会更新

看文档发现：

自小程序基础库版本 223 起，组件的的生命周期也可以在 lifetimes 字段内进行声明（这是推荐的方式，其优先级最高）。

于是， （这里是在小程序底部导航组件里写这个方法）

测试发现 还是没有更改过来

找资料看到

即可

微信小程序出现堆栈溢出归根结底是参数和参数条件判断的错误导致递归函数一直循环递归调用。根据公开信息显示归根结底是参数和参数条件判断的错误导致递归函数一直循环递归调用，无法停止，从而只有在超出浏览器最大堆栈量（内存溢出）时，浏览器抛出错误才能停止。

以上就是关于做一个小程序生成平台需要掌握哪些技术全部的内容，包括:做一个小程序生成平台需要掌握哪些技术、微信小程序_组件、小程序动态加载底部导航（根据不同角色展示不同导航栏）等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！