为了账号安全,请及时绑定邮箱和手机立即绑定
  • 本节核心:通过movieid从一个界面转向另一个界面

    1. 发送请求的方式

      <!--此处有图片-->


  • 引入第三方组件库:

    1、初始化设置(以管理员身份运行),终端打开本地代码目录, npm init;

    2、下载对应组件,npm i vant-weapp -S --production;(vant官网有相关指令)

    3、点击开发者工具菜单栏的工具,点击构建npm,本地代码目录会多出一个文件夹(即package-lock.json),里面就是刚下载的组件库;

    4、点击开发者工具的详情,勾选使用npm模块。

    5、即可任意调用vant库


  • 1.文件下载

    <!--此处有图片-->

  • 云存储

    1. 文件上传 流程图

      <!--此处有图片-->

    2. 批量上传

       需要在云数据库,建立一个新的集合

    1. 若出现以下提示,则要通过右击cloudbase的终端打开来安装一些必要的包。

    <!--此处有图片-->

    1. 传统微信登录  vs  云开发微信登录

    • 传统微信登录

      <!--此处有图片-->

    • 与开发微信登录

    <!--此处有图片-->

    1. 批量删除数据只能在云函数端完成




    1. 云数据库能力

      <!--此处有图片-->

    2. 数据类型

      <!--此处有图片-->

      其中,null ,表示字段存在,但是它的值为空,相当于一个占位符。

    3. 操作云数据库

      <!--此处有图片-->

    4. 云数据库权限管理

    • 仅创建者可写,所有人可读(如一些个人文章)

    • 仅创建者可读写(如,私密相册)

    • 仅管理端可写(如,商场的商品)

    • 仅管理端可读写(如,后台一些较敏感的数据)

       5.数据库初始化

    • 初始化

         const db=wx.cloud.database()

    • 切换环境

      const testDB=wx.cloud.database({

             env:'test'

      )}

    6.数据的增删查改




    1. 小程序传统开发模式

      <!--此处有图片-->

    2. 小程序云开发模式

      <!--此处有图片-->

    3. 传统开发  vs  云开发

      <!--此处有图片-->

    4. 三大基础能力支持

      <!--此处有图片-->

    5. 云开发的基础环境

      <!--此处有图片-->



  • Js

    1. Js 负责逻辑交互

    2. 计数器demo

      <!--此处有图片-->

    3. bindtap 点击事件,可以在标签中添加来绑定指定事件
    4. bind方法  允许事件冒泡
      catch方法  阻止事件冒泡
    5. bindtap和bind:tap点击效果是一样的
      catchtap和catch:tap点击效果是一样的
    6. data-id=""  获取自定义id
      size="mini"  设置大小
    7. 事件是对用户交互行为的响应机制;
      
      event.target.dataset获取元素上的data属性。


    1. wxss 用于小程序的样式语言,相当于css.用于描述wxml的组件样式,也就是视觉上的效果。

    2. 尺寸单位:rpx,可以根据屏幕宽度进行自适应,适配不同宽度的屏幕。一般选用iphone6作为视觉稿的标准。

    3. 引入外部wxss: @import './test_0.wxss'

    4. 第三方样式库:WeUI 、iView Weapp 、vant Weapp

  • wxml类似于HTML

    1.数据绑定

    小程序的数据一般情况下需要动态的从服务端获取,然后渲染输出到视图中显示。

    wxml中的动态数据均来自对应的Page的data。(在js文件下)


    • 数据绑定使用Mustache语法(双大括号{{}})将变量包起来。

    2.列表渲染

    • wx:for  循环列表   {{index}} {{item}}  

    • wx:key                    key里面的值是唯一的值

    <view wx:for="{{arr}}" wx:key="{{index}}"> //for循环遍历数组
      
    {{index}} {{item}}   //index表示索引,item表示数值
    </view>


    3.条件渲染

    • 使用wx:if="{{condition}}" 来判断是否需要渲染该代码块,也可以用wx:elif 和wx:else 来添加一个else块

    • wx:if  vs   hidden 

      如果需要频繁切换的情境下,用hidden更好;

      如果在运行条件不大可能改变则wxc:if较好。



  • 云存储文件上次流程

    <!--此处有图片-->

  • 传统微信登录流程

    <!--此处有图片-->

    云开发微信登录流程

    <!--此处有图片-->

  • 云开发:Serverless

    • 云函数:nodejs

    • 云数据库:mongodb

    • 云存储

    <!--此处有图片-->

    08:11
    看视频
首页上一页1234567下一页尾页

举报

0/150
提交
取消
课程须知
1、对html、css的基础知识有一定的了解 2、对javascript的基础知识有一定的了解
老师告诉你能学到什么?
1、微信小程序基础概念 2、小程序基础知识必备技能 3、小程序云开发三大基础能力 4、小程序全栈项目开发 5、使用Promise处理JS异步问题 6、小程序中使用第三方组件库 7、小程序传统开发模式与云开发模式的区别 8、小程序端发送请求与云函数发送请求的区别

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!