小程序开发工具教程汇总,亲测无需代码,简单操作,可二次开发!

制作小程序要简单点,开发的方式简单点。所以!不得不扒一扒这款开发工具某即速应用,无需代码,简单操作,还可套用模板快速生成小程序代码包,支持二次开发。当然市面上还有很多款小程序编辑器,但大部分还是那种开发接单的,水太深了,交不起学费,还是自己来琢磨吧!大家有什么好的小程序工具类可以分享给我!

以下将我网上参与学习培训总结的一些资料文档分享出来,供大家参考学习。特别是不懂代码的朋友,这款开发工具还是可以试试的!容易上手!



当然首先,我们还是要先下载:最新版的微信开发者工具(方便进入代码二次编辑)

接着选择小程序,点击立即制作,可以看到类似这样的编辑页面

是挺多小组件的,有些也搞不懂。因为活动,搞到了一些学习资料,大家有兴趣可以练练手

学习资料汇总:



小程序页面管理

121. 新建页面及分组 使用说明

122. 页面布局 使用说明

123. 页面/元素 使用说明

124. 前进/后退 使用说明

125. 模板 使用说明

126. 模块 使用说明

小程序基础组件

131. 文本组件 使用说明

132. 图片组件 使用说明

133. 按钮组件 使用说明

134. 标题组件 使用说明

135. 轮播组件 使用说明

136. 分类组件 使用说明

137. 视频组件 使用说明

138. 音频组件 使用说明

139. 图文集组件 使用说明

140. 图片列表组件 使用说明

小程序高级组件

141. 商品列表组件 使用说明

142. 商家列表组件 使用说明

143. 动态列表组件 使用说明

144. 动态表单组件 使用说明

145. 个人中心组件 使用说明

146. 城市定位组件 使用说明

147. 悬浮窗组件 使用说明

148. 社区组件 使用说明

149. 搜索组件 使用说明

150. 评论组件 使用说明

151. 排序组件 使用说明

152. 计数组件 使用说明

153. 地图组件 使用说明

还有小程序管理后台一些资料,等我搞懂再分享出来

时间: 2024-12-29 09:04:20

小程序开发工具教程汇总,亲测无需代码,简单操作,可二次开发!的相关文章

微信小程序的注意点(亲测实用)

微信小程序虽然便捷,但是在开发阶段,坑还是很多的.以下是我最近写小程序总结的一些小心得,望参考一二. 1.wx:if条件判断 当判断的内容是由多个组件标签组合的,则需要使用<block/>标签 <block wx:if="{{true}}"> <!--条件渲染内容--> <view> view1 </view> <view> view2 </view> </block> 2.引入iconfo

微信小程序详细图文教程-10分钟完成微信小程序开发部署发布(3元获取腾讯云服务器带小程序支持系统)

很多朋友都认为微信小程序申请.部署.发布很难,需要很长时间. 实际上,微信和腾讯云同是腾讯产品,已经提供了10分钟(根据准备资源情况,已完成小程序申请认证)完成小程序开发.部署.发布的方式.当然,实现的是基础功能.但是,可以给学习者很便捷的体验和很好的启发. 不过,随着微信平台和云服务的发展,真担心,程序猿会失业! 目录 一.微信小程序申请 二.服务器设置(申请.部署.域名) 1.申请服务器 2.部署服务器 3.域名申请和配置 三.小程序发布 1.下载DEMO 2.下载开发工具并安装 3.配置参

HotApp小程序统计,第一个专业的微信第三方小程序统计工具

1.什么是HotApp小程序统计 HotApp小程序统计是第一个微信第三方小程序统计工具,就像做android 和 ios开发的人知道友盟统计一样,小程序也需要有个统计工具. 通过这个工具,可以知道小程序的每日新增,每日启动次数,总用户,每天的活跃用户,很多人可能就会说,微信已经提供了,那还需要这个工具做什么? 因为微信只能看到前一天的新增用户,启动次数等数据,而当日的数据,微信的统计还不能提供. HotApp小程序统计 网址:www.weixin.hotapp.cn 2.HotApp小程序到底

解决微信小程序开发者工具输入框焦点问题

Windows10笔记本上运行微信小程序开发者工具,输入框(input,textarea)没有焦点,只能在真机调试,效率太低.后来发现是Window10对笔记本高分屏支持不好,要DPI缩放,导致兼容性问题.解决方法: 显示设置.缩放与布局改为100%.这样就可以点击输入框了,但是字体变得很小,最好是外接显示器. 不修改DPI缩放,长按输入框即可! 原文地址:https://www.cnblogs.com/ycwu314/p/11258489.html

微信小程序开发者工具升级后,控制台WXMLRT_$gwx:./

之前微信小程序开发者工具wx:key="*this"或者写唯一的标识,控制台也没有问题,但是在一两月之前吧,也许很久,发现这个问题了.我就降级开发者工具,避免了此问题. 但是这不是根本解决问题的方法,无奈一直提示我更新版本,我更新后就一直刷刷的报这个问题: 现在写具体修改方法: wx:key="index" 这样既可.[把页面涉及到的wx:for="{{list}}" wx:key="*this"统一修改为 wx:key=&q

微信小程序教学第四章第二节(含视频):小程序中级实战教程:详情-视图渲染

§ 详情 - 数据渲染 本文配套视频地址:https://v.qq.com/x/page/x0555... 开始前请把 ch4-2 分支中的 code/ 目录导入微信开发工具 这一节中,我们开始详情的接口调用.数据加载和视图渲染过程. Step 1. 引入公用的一些工具库,修改 detail.js: 'use strict'; import util from '../../utils/index'; import config from '../../utils/config'; // WxP

微信小程序教学第三章第四节(含视频):小程序中级实战教程:下拉更新、分享、阅读标识

下拉更新.分享.阅读标识 本文配套视频地址:https://v.qq.com/x/page/h0554... 开始前请把 ch3-4 分支中的 code/ 目录导入微信开发工具 这一篇中,我们把列表这块的剩余功能做完:下拉更新.分享.阅读标识. 下拉更新功能 下拉更新这个功能与我们在第一章中写的小 demo 所用方法一致:onReachBottom. 当用户滚动过程中触发了 上拉 这个动作时候,微信小程序会自动监听到并执行 onReachBottom 这个函数,所以我们只需要把这个监听事件写好就

微信小程序教学第二章(含视频):小程序中级实战教程之预备篇 - 封装网络请求及 mock 数据

§ 封装网络请求及 mock 数据 本文配套视频地址:https://v.qq.com/x/page/i0554... 开始前请把 ch2-3 分支中的 code/ 目录导入微信开发工具 上一节中,我们对 index.js 文件中增加了 util 对象,并在对象中封装了很多公用方法 let util = { log(){--}, alert(){--}, getStorageData(){--}, setStorageData(){--} } 本节中,我们对常用的网络请求方法 wx.reques

微信小程序,工具未检测合法域名,400 (Bad Request)错误

1.工具未检测合法域名 这个我就不多说了,如果你新建的时候没有填写AppID的话这个我就不太清楚了 如果新建项目的时候填写了AppID的话,出现这种错误,那你应该去小程序后台 设置->开发者设置->服务器域名 配置你的服务器,这里需要注意,一个月只能修改五次,所以慎重! 这里是小程序开发手册里的配置流程 2.小程序400 (Bad Request)错误 今天写小程序的时候,请求了一个接口,出现问题如下: 查阅了一下资料,发现如下问题 原始代码: wx.request({ url:API_URL