小程序
文章平均质量分 76
无
追星星の人
这个作者很懒,什么都没留下…
展开
-
15、Flex布局(2-7是介绍用在父容器中的属性设置,8-12是介绍用在items上的属性介绍)
15、Flex布局1.flex布局简介2.flex-direction3.justify-content4. align-items5. flex-wrap二级目录1.flex布局简介 flex布局(Flexible布局,弹性布局) 开启了Flex布局的元素叫flex container。 flex container里面的直接子元素叫做flex items。开启flex布局方法:设置display属性为flex或inline-flex。它的作用范围为他的直接子元素。flex:flex原创 2021-04-07 17:12:12 · 239 阅读 · 0 评论 -
14、云函数
14、云函数1. 云函数介绍2.初始化云函数环境3.新建云函数4.云函数获取openid5.云函数中声明使用的云环境6.云函数获取数据7.数据批量导入与导出8.云函数请求数据和本地请求数据区别9.传递参数到云函数10.云函数修改数据1. 云函数介绍 云函数属于管理端,在云函数中运行的代码拥有不受限制的数据库读写权限和云文件读写权限。注意,云函数运行环境即是管理端,与云函数中传入的openid对应的微信用户是否是小程序的管理员、开发者无关。云函数返回数据条数上限为100条,运行在云端Node.js环境中原创 2021-04-06 16:35:16 · 5304 阅读 · 0 评论 -
13、云数据库进阶操作
13、云数据库进阶操作1. 数据排序2.返回指定条数数据limit3.分页方法skip4.数据库高级操作符commandgt查询成绩大于指定值的学生信息gte查询成绩大于等于指定值的学生信息lt查询成绩小于指定值的学生信息lte查询成绩小于等于指定值的学生信息查询大于多少且小于多少的学生信息 强制转整型函数:parseInt()1. 数据排序 关键字:orderBy ,在做排序时接收两个参数。根据哪个字段排序排序规则(升序或降序)升序用asc,降序用desc案例:将学生信息按成绩升序排列,原创 2021-04-05 15:46:46 · 327 阅读 · 0 评论 -
12、云数据库增删查改详细案例
12、云数据库增删查改详细案例1. 案例功能分析2. 学生列表页携带id数据跳转到对应学生详情页3. 添加编译模式,提升开发效率4. 动态增加一条记录5. 更新学生记录信息6. 弹窗提示确认是否删除7、删除商品附主列表跳详情页及增删查改全代码1. 案例功能分析能查看学生信息能动态增加学生记录能进入学生详细信息页能删除某个学生记录能修改某个学生综合成绩2. 学生列表页携带id数据跳转到对应学生详情页在标签内使用data-携带数据<view wx:for="{{list}}"&g原创 2021-04-04 18:40:37 · 415 阅读 · 0 评论 -
11、云开发数据库增删改查
11、云开发数据库增删改查1、新建集合并手动添加记录一级目录二级目录三级目录 在云开发中,数据库中的表叫集合。1、新建集合并手动添加记录新建集合手动添加记录一级目录二级目录三级目录...原创 2021-04-04 13:56:46 · 623 阅读 · 0 评论 -
10、小程序云开发环境配置
10、小程序云开发环境配置1. 项目创建2、云开发环境初始化1. 项目创建小程序云开发创建项目是要使用appid,具体获取步骤见第一节获取appid笔记,拿到appid。新建小程序项目 输入appid,在后端服务处选择“不使用云服务”,因为如果选择小程序云开发的话,会自动默认生成很多配置文件,导致小程序代码繁杂,而如果在创建小程序项目后通过手动方式开启云服务,则不存在这个问题。手动开启云服务 新建项目后默认进入下图所示页面,直接点击“云开发”,即可手动开启云服务。 然后进入如下原创 2021-04-03 18:40:13 · 2362 阅读 · 0 评论 -
9、小程序生命周期
9、小程序生命周期1.应用生命周期2.页面生命周期1.应用生命周期应用指的是小程序的入口文件App.js属性类型必填说明onLaunchfunction否监听小程序初始化onShowfunction否监听小程序启动或且前台onHidefunction否监听小程序切后台onErrorfunction否错误监听函数onPageNotFoundfunction否页面不存在监听函数代码:// app.jsApp({ /原创 2021-04-02 16:32:28 · 53 阅读 · 0 评论 -
8、自定义组件
8、自定义组件1、组件使用步骤2. 组件案例:3. 父组件向子组件传递数据4. 子组件向父组件传递数据5. slot 组件使用步骤:创建组件;声明组件;使用组件。1、组件使用步骤 组件使用步骤:创建组件;声明组件;使用组件。 创建自定义组件,类似于页面,一个自定义组件由json、wxml、wxss、js 4个文件组成,可以在微信开发者工具中快速创建组件的文件结构。项目下根目录新建一个文件夹“components”,然后在此文件夹下新建一个文件夹Tabs,选中Tabs所在行,右键选择原创 2021-04-02 15:12:50 · 319 阅读 · 0 评论 -
7、button radio checkbox
7、button radio checkbox1. 外观属性2.button按钮的开放能力3.open-type属性contact客服连接实现流程4. icon标签5. radio单选框6. checkbox复选框1. 外观属性属性描述size控制按钮大小,值有两个:default(默认大小),mini(小尺寸)type用来控制按钮的颜色,default(灰色)、primary(绿色)、warn(红色)plain按钮是否镂空,背景色透明loading名称前是原创 2021-04-01 18:14:00 · 272 阅读 · 0 评论 -
6、常用组件
5、常用组件1. view2. text3. image4. swiperswiper常见属性5. navigator6.rich-text 小程序中常用的布局组件有:view,text,rich-text,button,image,navigator,icon,swiper,radio,checkbox等。1. view 类似css中的div标签。2. text 文本标签,只能嵌套文本标签,长按文字可以复制(只有该标签有这个功能),可以对空格 回车进行编码。案例:代码:<!-原创 2021-04-01 15:38:58 · 488 阅读 · 0 评论 -
5、样式导入 选择器
这里写目录标题1. 尺寸单位2. 样式导入3. 选择器4. 小程序中使用less1. 尺寸单位 rpx(responsive pixel),可以根据屏幕宽度自适应,规定屏幕宽为750rpx,例如,iPhone6宽为375px,则针对iPhone6的宽1px=2rpx。 小程序的wxml文件中的标签使用wxss文件中样式时,不需要像css那样通过link方式导入文件,在小程序中两个文件放在同一个文件夹下,且名字相同即可。2. 样式导入3. 选择器4. 小程序中使用less...原创 2021-04-01 11:46:07 · 157 阅读 · 0 评论 -
4、事件绑定
4、事件绑定input标签绑定input事件关键词 bindinput借助事件源对象获取输入框输入的值,e.detail.value,这里的e即是事件源对象,由input事件函数参数得到将输入框的值赋值给data中变量num不能直接: this.data.num=e.detail.value this.num=e.detail.value正确写法: this.setData({ num:e.detail.value })案例1:输入框输入内容,然后直接在界面原创 2021-03-31 21:01:38 · 115 阅读 · 0 评论 -
3、数据绑定 数组列表循环 条件渲染
3、数据绑定 数组列表循环 条件渲染1、text标签与view标签的区别2、数据绑定3、运算4、数组或对象循环列表循环对象循环5、block标签6、条件渲染1、text标签与view标签的区别text 相当于以前web中的 span标签 行内元素 不会换view 相当于以前web中的 div标签 块级元素 会换行代码:<!--pages/demo01/demo01.wxml--><!--text 相当于以前web中的 span标签 行内元素 不会换--><!--v原创 2021-03-31 19:58:48 · 395 阅读 · 0 评论 -
2、新建页面、标签页tabbar、单个页面的json文件中修改标题栏
2、新建页面、标签页tabbar、单个页面的json文件中修改标题栏1、新建页面2、标签页tabbar3、单个页面的json文件中修改标题栏1、新建页面每个页面一般都包含.wxml,.wxss,.js,.json文件,使用如下方法新建页面时可自动生成四个文件。每个新建的页面要在index.json系统配置文件中声明,文件中pages数据值第一行为小程序首次打开时显示页面。在pages内先声明页面加入代码“pages/demo01/demo01”,然后按Ctrl+S保存项目,在资源管理器中即可看到自动原创 2021-03-04 15:44:38 · 632 阅读 · 4 评论 -
1、AppID获取及新建小程序项目原生框架目录结构介绍
AppID获取及新建小程序项目原生框架目录结构介绍AppID获取新建小程序项目后软件界面原生框架介绍AppID获取进入微信公众平台,点击小程序的查看详情进入2. 鼠标滚轮滑到页面最下方,点击前往注册3.填写注册信息注意邮箱尽量使用QQ邮箱,注册后,会需要通过邮箱链接激活。4. 通过邮箱、密码在微信公众平台登录登录后界面如下图所示,点击开发。新建小程序项目后软件界面原生框架介绍...原创 2021-03-03 18:35:05 · 350 阅读 · 1 评论