微信小程序基础
文章平均质量分 60
通过云卡发技术快速开发一个微信小程序商城
墨-翼
这个作者很懒,什么都没留下…
展开
-
微信小程序云开发教程——1.1.1.建立一个云开发的快速模板
打开左上角云开发,设置,环境id,替换下图env内容。删除冗余页面为了方便简单的学习删掉style,components,pages文件夹里index以外的文件app.json的pages里删除index/index以外的所有注册的页面index里index.wxml的内容删掉images里的图片删掉cloudfuction文件夹里的云函数删掉这样就剩一个全新的页面了上手云数据库这一节我们将介绍如何在控制台中创建我们的第一个数据库集合、往集合上插入数据、以及在控制台中查看刚刚插入的数据。转载 2021-05-07 10:41:50 · 1474 阅读 · 0 评论 -
微信小程序开发教程——1.0.12form 组件
表单。将组件内的用户输入的switch input checkbox slider radio picker 提交。当点击 form 表单中 form-type 为 submit 的 button 组件时,会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key。属性类型默认值必填说明最低版本report-submitbooleanfalse否是否返回 formId 用于发送模板消息1.0.0report-submit-time转载 2021-05-02 11:26:52 · 166 阅读 · 0 评论 -
微信小程序开发教程——1.0.11.switch 组件与textarea 组件
开关选择器。属性类型默认值必填说明最低版本checkedbooleanfalse否是否选中1.0.0disabledbooleanfalse否是否禁用1.0.0typestringswitch否样式,有效值:switch, checkbox1.0.0colorstring#04BE02否switch 的颜色,同 css 的 color1.0.0bindchangeeventhandle否checked 改变转载 2021-05-02 11:24:26 · 250 阅读 · 0 评论 -
微信小程序开发教程——1.0.10.radio 组件与slider 组件
单选项目。属性类型默认值必填说明最低版本valuestring否radio 标识。当该radio 选中时,radio-group 的 change 事件会携带radio的value1.0.0checkedbooleanfalse否当前是否选中1.0.0disabledbooleanfalse否是否禁用1.0.0colorstring#09BB07否radio的颜色,同css的color1.0.010.1 示例代码转载 2021-05-02 11:22:17 · 141 阅读 · 0 评论 -
微信小程序开发教程——1.0.9 picker-view组件
嵌入页面的滚动选择器。其中只可放置 picker-view-column组件,其它节点不会显示。属性类型默认值必填说明最低版本valueArray.否数组中的数字依次表示 picker-view 内的 picker-view-column 选择的第几项(下标从 0 开始),数字大于 picker-view-column 可选项长度时,选择最后一项。1.0.0indicator-stylestring否设置选择器中间选中框的样式1.0.0indic转载 2021-05-02 11:14:58 · 546 阅读 · 0 评论 -
微信小程序开发教程——1.0.8 input组件
#9 input组件输入框。该组件是原生组件,使用时请注意相关限制value 输入框里面预输入的值 可以退格清除掉placeholder value 的值为空的时候 输入框显示placeholder的值如下图 这个值知识提示作用 当输入文本后会消失disabled 值为true时输入框无法输入属性类型默认值必填说明最低版本valuestring是输入框的初始内容1.0.0typestringtext否input 的类型转载 2021-05-02 11:12:02 · 276 阅读 · 0 评论 -
微信小程序开发教程——1.0.7checkbox 组件
7.checkbox 组件7.1 checkbox多选项目。属性默认值必填类型说明最低版本value否stringcheckbox标识,选中时触发checkbox-group的 change 事件,并携带 checkbox 的 value1.0.0disabledfalse否boolean是否禁用1.0.0checkedfalse否boolean当前是否选中,可用来设置默认选中1.0.0color#09BB07否stri转载 2021-05-02 11:10:03 · 276 阅读 · 0 评论 -
微信小程序开发教程——1.0.6.5说明
之前为了在五月前结束毕业设计和毕业论文开始二战(一战就是自己糊弄自己没怎么学,基础也不好),学习过程笔记基本上是以注释的形式在代码后标注的(也并没有多少),没有再花时间整理笔记。这里也就是从1.0.6以后只是把老师的笔记上传,后续复习的话还会有所修改,不过估计要等到考完研后了。...原创 2021-05-02 11:07:15 · 158 阅读 · 0 评论 -
微信小程序开发教程——1.0.6.Button 组件
6.1 按钮。属性类型默认值必填说明最低版本sizestringdefault否按钮的大小1.0.0typestringdefault否按钮的样式类型1.0.0plainbooleanfalse否按钮是否镂空,背景色透明1.0.0disabledbooleanfalse否是否禁用1.0.0loadingbooleanfalse否名称前是否带 loading 图标1.0.0form-typestr转载 2021-04-12 13:52:46 · 144 阅读 · 0 评论 -
微信小程序开发教程——1.0.5.学习简单的事件和基础知识
5.1 什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息,如 id, dataset, touches。5.2 事件的使用方式在组件中绑定一个事件处理函数。如bindtap,当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。<view bindtap="tapName"> Click me! </view>5转载 2021-04-12 13:51:33 · 123 阅读 · 0 评论 -
微信小程序开发教程——1.0.4.简单的wxml语法
4.1 数据绑定内容绑定<view> {{ message }} </view>进行数据绑定4.2 列表渲染<view wx:for="{{number}}"> {{item}} </view> //数组当前项的变量名默认为 item4.3 条件渲染<view wx:if="{{length > 5}}"> 1 </view><view wx:elif="{{length > 2}}"&g转载 2021-04-01 09:25:06 · 225 阅读 · 0 评论 -
微信小程序开发教程——1.0.3.认识简单的组件
3.1 view组件view===>视图容器,相当于HTML中的div标签示例代码:wxml: <view class="test"> <text>hello world</text> </view>wxcss: .test{ background-color: aqua; } 代码位置与格式如下图3.2 icon组件icon===>图标示例代码:<ico转载 2021-01-09 20:42:53 · 313 阅读 · 0 评论 -
微信小程序开发教程——1.0.2.编写第一个微信小程序
2.1找到你的AppIdhttps://mp.weixin.qq.com/使用前面注册过的微信号,扫码登陆或者账号登陆通过下面的步骤找到你的APPID在左边导航栏找到“开发”然后找到开发设置就可以找到你的APPID了2.2认识配置文件和文件后缀小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下:app.js----------小程序逻辑(必需)app.json--------小程序公共配置(必需)a转载 2021-01-09 10:54:22 · 323 阅读 · 1 评论 -
微信小程序开发教程——1.0.1appid注册和开发者工具下载
1.1AppID的注册1、首先开发微信小程序,我们必须拥有属于自己的小程序账号和AppID。这两样是非常重要的。接下来我们先去微信公众平台注册申请一个属于自己的小程序账号。申请网址:https://mp.weixin.qq.com/wxopen/waregister?action=step1进入申请页面后,我们按照指引一步步注册完成。2、申请好账号之后我们可以在微信公众平台进行登陆。然后我们可以在开发里的开发设置中看见我们自己的AppID。1.2开发者工具的下载1、由于微信小程序是由微信自己转载 2021-01-09 10:36:26 · 1307 阅读 · 0 评论 -
微信小程序商城开发教程——1.0.0写在前面
本系列笔记是在学习享学基地课程的过程中所写。非原创内容是以老师发的笔记为基础,加上自己的一点点理解和自行补充的部分截图,相比于本地,放到线上多端阅读比较方便,而且不容易丢失。...转载 2021-01-09 10:31:27 · 231 阅读 · 0 评论