uniapp进阶uniPay微信小程序商城uniCloud云开发APP

uniapp进阶uniPay微信小程序商城uniCloud云开发APP
共131节 1895人在学 课程详情

  • unipay项目介绍与知识点概述

    • 1.1.uni-pay商城项目开发项目介绍及知识模块概述
    • 1.2.学习uniPay的前置知识储备

  • 项目初始化与主页面布局

    • 2.1.创建项目及引入uView和uni扩展UI组件库
    • 2.2.对主体页面布局分析及自定义组件拆分
    • 2.3.scss扩展@mixin混合指令及css变量的定义
    • 2.4.scroll-view区域滚动组件布局
    • 2.5.产品列表for循环嵌套及sticky吸顶组件
    • 2.6.布局产品组件scss混合多行文字省略号函数
    • 2.7.uView组件库NumberBox步进器的自定义slot
    • 2.8.通过createSelectorQuery查询滚动元素节点信息
    • 2.9.开启导航防抖以及左右滑块的联动
    • 2.10.布局小程序H5商城购物车组件
    • 2.11.自定义购物车弹窗及Overlay遮罩层
    • 2.12.封装购物车单个卡片component
    • 2.13.封装步进器组件达到组件可复用效果
    • 2.14.内置css变量status-bar-height设置状态栏高度
    • 2.15.SystemInfo获取系统状态栏信息及胶囊按钮
    • 2.16.设置自定义头部组件品牌信息的结构布局
    • 2.17.计算属性computed获取自定义头部的高度
    • 2.18.滑动滚动条动态改变自定义子组件的信息
    • 2.19.完全实现custom自定义头部的动态样式

  • Vuex状态管理在项目中的应用

    • 3.1.vuex状态管理在项目中的作用及介绍知识点
    • 3.2.为项目封装modules和getters
    • 3.3.在vuex中编写系统信息的业务逻辑
    • 3.4.vuex应用到项目中进行页面和组件的数据共享Getter
    • 3.5.mock测试数据渲染首页列表
    • 3.6.修改步进器将数据追加到购物车中mapMutation
    • 3.7.统计购物车的reduce总价及购买数量
    • 3.8.共享vuex的state及getters完成购物车数据联动模块

  • 商城订单页面构建

    • 4.1.uniapp布局订单页面
    • 4.2.订单详情页面布局及组件分离
    • 4.3.布局搜索页面引入u-search组件
    • 4.4.读写Storage缓存将搜索记录持久化setStorageSync
    • 4.5.确认订单页面的布局
    • 4.6.filter滤镜还能这样用grayscale
    • 4.7.简化创建配送方式自定义组件模块
    • 4.8.创建地址列表页面的布局
    • 4.9.u-form表单创建与api校验
    • 4.10.兼容微信小程序bug及ifdef条件编译
    • 4.11.支付方式循环遍历的优化方案

  • 后台管理端相关页面

    • 5.1.subPackages小程序分包加载配置
    • 5.2.uniapp官方扩展UI组件库布局后台首页
    • 5.3.布局产品分类页面
    • 5.4.关于分类数据的增删改查操作uni-popup弹窗

  • 使用unicloud云开发联调数据

    • 6.1.引入uni-id-pages用户体系及配置
    • 6.2.修改config配置项确认几种登录方式
    • 6.3.创建schema及新增分类到数据库
    • 6.4.完成分类页面数据的增删改查schema
    • 6.5.使用uni-form表单布局品牌页
    • 6.6.引入uni-file-picker上传组件
    • 6.7.使用云对象实现新增和获取的逻辑
    • 6.8.用深浅拷贝知识点完成修改品牌信息
    • 6.9.新增商品相关的页面布局
    • 6.10.表单rules验证及popup弹窗属性
    • 6.11.属性列表及子元素嵌套布局
    • 6.12.复选框及子元素选择高亮
    • 6.13.共用一个弹出框更加条件做不同选择
    • 6.14.创建sku云对象新增属性到数据库
    • 6.15.完成新增属性及属性值的数据
    • 6.16.filter和map过滤用户选择的数组
    • 6.17.完成商品属性选择的业务逻辑
    • 6.18.创建商品表并新增商品到数据库
    • 6.19.循环遍历所有的分类及对应的商品
    • 6.20.删除指定的商品
    • 6.21.根据条件让新增和修改共用同一页面
    • 6.22.使用函数递归实现默认属性选择项

  • 用户端渲染数据库数据

    • 7.1.获取数据库信息同步到vuex的state中
    • 7.2.抽离异步请求到vuex的actions中
    • 7.3.弹窗获取品牌更多信息
    • 7.4.高德地图web服务配置location内置地图
    • 7.5.获取商品列表定义公共功能方法类
    • 7.6.对页面发现的已知bug进行修复
    • 7.7.使用vuex状态管理兄弟组件间的传值
    • 7.8.兄弟组件数据互通及详情弹窗布局
    • 7.9.将详情页中的数据传值渲染到弹窗中
    • 7.10.rich-text富文本和replace正则替换
    • 7.11.弹出选择产品规格的弹窗
    • 7.12.将产品规划的相关布局进行展现
    • 7.13.将功能类似的事件方法进行公用
    • 7.14.配合计算属性完成复杂的高亮按钮
    • 7.15.产品详情弹窗与选择规格弹窗的联动
    • 7.16.复习购物车添加逻辑的梳理
    • 7.17.选择不同类型商品加入到购物车
    • 7.18.v-for中key的作用太重要辣
    • 7.19.通过this.$set将购物车数量和数据源统一
    • 7.20.清空购物车及兼容微信小程序

  • 支付前验证与token安全校验

    • 8.1.确认订单页面知识点概述及vuex传值
    • 8.2.安装vue调试工具Devtools
    • 8.3.picker级联选择器选择中国城市
    • 8.4.云对象获取客户端token方法
    • 8.5.在云对象中校验token获取真实uid
    • 8.6.抽离自定义公共模块并在云对象中引入
    • 8.7.获取当前用户的地址列表orderBy排序
    • 8.8.设置默认地址及长按longpress
    • 8.9.同页面修改和新增地址的兼容处理
    • 8.10.支付页面获取默认地址
    • 8.11.页面通讯$emit全局事件总线
    • 8.12.支付前验证必填信息遍历对象
    • 8.13.vuex数据持久化插件persistedstate

  • 微信及支付宝支付配置与订单相关

    • 9.1.上传公共模块及云对象连接云端云函数
    • 9.2.uni-pay2集成到自己项目配置云端
    • 9.3.uni-pay支付组件属性-事件-方法在前端页面调用
    • 9.4.创建订单号云对象before预处理器中校验token权限
    • 9.5.云对象向云数据库中创建订单
    • 9.6.配置unipay回调地址获取uni-pay-co的url化地址
    • 9.7.unipay支付宝支付证书生成详细教程
    • 9.8.微信商户支付证书生成全过程uni-pay的配置
    • 9.9.跑通uniPay微信支付与支付宝支付秘钥
    • 9.10.创建支付生成两张order表认识支付回调notify
    • 9.11.支付回调goods判断前后端价格是否一致
    • 9.12.通过支付校验修改支付状态检验回调函数
    • 9.13.获取支付后的订单列表循环渲染到前端页面
    • 9.14.将订单列表数据时间戳格式化判断异常订单
    • 9.15.encodeURI将对象编码解析到详情页
    • 9.16.处理支付异常的订单展示状态及完成的样式
    • 9.17.约定返回页面自定义navbar导航栏
    • 9.18.支付成功清空购物车优化支付状态

  • 完善前后端页面的权限校验及功能拓展

    • 10.1.首页直接付款触发unipay的收银台
    • 10.2.完成直接转账open及订单展示状态
    • 10.3.实现搜索页面RegExp正则模糊检索功能
    • 10.4.完成搜索页vuex数据同步及空状态展示
    • 10.5.prototype全局挂载管理员权限校验
    • 10.6.schema权限规则和云对象权限校验
    • 10.7.对云对象中的权限校验进行统一检查过滤
    • 10.8.管理员的订单页面及操作订单状态
    • 10.9.云对象timing定时触发Cron表达式
    • 10.10.小程序实现微信登录和login-by-sms短信登录
    • 10.11.解决扩展组件uni-popup在小程序底部空隙问题

  • 项目打包上线

    • 11.1.打包H5配置到uniCloud服务空间的前端网页托管中
    • 11.2.打包发行微信小程序项目完结
    • 11.3.【配套学习资料】所有源码及配套资料

    订阅失败

    uniapp进阶uniPay微信小程序商城uniCloud云开发APP
    uniapp进阶uniPay微信小程序商城uniCloud云开发APP ...

    订阅列表已满，请先移出部分订阅内容。

    当前章节需购买后观看
    开通超级会员免费看！专家精选系列课程，满足你从入门到精通！更有问答月卡免费送，你的问题有问必答！
    提交答案

    购买课程

    扫码完成付费，可继续学习全部课程内容

    加载中...
    播放页问题反馈
    视频学习中有任何产品建议都可由此反
    馈，我们将及时处理！

    课时介绍

    使用云对象实现新增和获取的逻辑importObject

    课程介绍

    课程亮点：
    纯前端实现H5、小程序、APP商城开发；
    技术栈：uniapp+uniCloud+unipay+uni-ui+uView+vuex；
    学完可开发定制化商城，web前端技术再进阶一大步；

    知识模块：
    1.uniapp+unicloud云开发
    2.uniapp常用组件库及官方扩展UI库
    3.uView第三方UI组件库
    4.unicloud云开发实践，管理校验token权限
    5.vuex状态管理module模块商业级使用
    6.uni-id微信一键登录及手机验证码登录
    7.开通微信支付及支付宝支付的全流程操作，unipay的实战

    推荐课程

    信息系统项目管理师自考笔记

    李明 · 940人在学

    python从0到1：期货量化交易系统（CTP实战，高频及合成K线数据

    王先生 · 22909人在学

    手把手搭建Java超市管理系统【附源码】（毕设）

    汤小洋 · 4301人在学

    Java毕设springboot外卖点餐系统 毕业设计毕设源码 使用教

    黄菊华 · 842人在学

    基于SSM酒店管理系统（毕设）

    小尼老师 · 906人在学

    java项目实战之购物商城（java毕业设计）

    Long · 5208人在学

    手把手搭建Java求职招聘系统【附源码】（毕设）

    汤小洋 · 1536人在学

    Python Django 深度学习 小程序

    钟翔 · 2421人在学

    城管局门前三包管理系统+微信小程序（vue+springboot）

    赖国荣 · 688人在学

    Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序

    李杰 · 4091人在学

    正在试验
    后自动删除环境
    课程实验
    本次实验时间已到期 00:00:00
    课件正在飞速打包中，请耐心等待几秒钟～