全集试看

1.2.创建项目及原型图设计说明

全集试看

2.1.创建vue3模版配置tabBar及核心页面_

全集试看

2.2.将公共的标题栏封装成为通用组件_

全集试看

2.3.css使用v-bind使用getWindowInfo动态

全集试看

2.4.根据胶囊按钮获取计算标题栏输出公共方法

全集试看

2.5.定义好公共自定义导航应用到其他页面

全集试看

2.6.扩展组件uni-easyinput布局搜索模块

全集试看

2.7.banner轮播 swiper模块_ _

全集试看

2.8.封装notice公告组件定义公共scss方法-

全集试看

2.9.引入iconfont网络图标库

全集试看

2.10.grid网格布局搭建热销产品模块_

全集试看

2.11.封装单个商品组件

全集试看

2.12.安装第三方工具库xe-utils格式化价格

全集试看

3.1.封装搜索组件解决小程序deep组件css深度穿透问题

全集试看

3.2.css控制分类样式sticky粘性定位

全集试看

3.3.动态计算容器高度rpx2px尺寸转换

全集试看

3.4.多功能商品卡片组件为后续扩展做布局规划

全集试看

3.5.deepseek生成数据模拟真实网络请求

全集试看

3.6.获取节点信息createSelectorQuery计算滚

全集试看

3.7.实现商城标题与内容索引滑动联动的效果

全集试看

3.8.通过defineEmits传递事件实现sku的弹窗

全集试看

3.9.布局sku弹窗样式

全集试看

3.10.父子间组件的传值根据type在不同场景下的差异展现

全集试看

3.11.获取详情接口展示sku规格

全集试看

3.12.对购物卡片做更多场景的兼容

全集试看

3.13.使用第三方插件uv_ui使用步进器组件

全集试看

3.14.在项目中使用pinia存储购物车数据

全集试看

3.15.购物车弹窗组件封装共用商品卡片

全集试看

3.16.对购物车数据类型相同进行合并不同则追加

全集试看

3.17.reduce求总数和总价配合xe-utils解决精度丢

全集试看

4.1.新闻资讯列表页面布局

全集试看

4.2.详情页Parse富文本解析器及封装公共方法

全集试看

4.3.搜索页面与搜索组件v-model双向绑定对值的修改

全集试看

4.4.页面间参数传递完成搜索页面布局

全集试看

4.5.商品详情布局及跳转并阻止事件冒泡

全集试看

4.6.详情页底部功能组及safe-area安全区域

全集试看

4.7.规格选择弹窗及购物车弹窗组件的复用

全集试看

4.8.个人中心页面结构布局

全集试看

4.9.定义订单的枚举列表完成客户端布局

全集试看

5.1.创建unicloud服务空间初始化云函数及数据库

全集试看

5.2.uni-id用户体系配置项及服务空间管理

全集试看

5.3.更改uniadmin图标引入element-plus组件

全集试看

5.4.创建新闻资讯页面引入复用系统公共组件

全集试看

5.5.使用elmentPlus的表格及自定义表格列样式

全集试看

5.6.Pagination分页及@layer样式权重覆盖

全集试看

5.7.创建新闻公告schema数据表结构

全集试看

5.8.创建新闻相关的云对象调试add新增数据方法

全集试看

5.9.定义云函数公共模块在云对象中统一输出格式

全集试看

5.10.使用element的Layout栅格布局及form表单

全集试看

5.11.完成表单的验证后获取云对象提交到数据库

全集试看

5.12.导入图片裁剪插件封装上传方法

全集试看

5.13.通过AI实现图片压缩的方法并将图片地址存入云数据库

全集试看

5.14.使用wangEditor编辑器插件提交富文本内容

全集试看

5.15.通过JQL联表查询获取到新闻列表数据

全集试看

5.16.获取云对象列表渲染到el-table表格中

5.17.列表分页搜索功能及批量选择

5.18.云对象执行remove批量删除逻辑

5.19.实现当行删除和多行删除的操作

5.20.修改函数及开关按钮状态切换

5.21.新增和修改共同使用一个页面

5.22.优化缩略图资源消耗及细节调整

5.23.云对象开发客户端所需要数据的接口

5.24.使用z-paging插件快速实现新闻列表页面的数据渲染

5.25.接收参数详情页数据内容渲染

5.26.使用传统db更新数据库inc自增阅读数

6.1.产品分类schema创建及分类云对象新增和查询

6.2.创建商品分类页面渲染列表数据

6.3.新增分类组件封装dialog弹窗展示

6.4.实现新增后在列表页面刷新获取最新列表

6.5.创建分类删除和修改的接口函数

6.6.在列表通过步进器调整展现顺序

6.7.父组件向子组件传值实现分类的修改

6.8.创建商品的schema数据表结构

6.9.schema字段验证及自定义默认值执行商品新增

6.10.uniCloud的jql联表查询arrayElemAt

6.11.商品列表页面对接接口

6.12.xxm-cropper-image插件批量选图创建规格

6.13.规格新增和删除及获取分类展示到下拉框中

6.14.Element Plus Form表单自定义校验规格函

6.15.ref数据深拷贝单位转换后提交到数据库

6.16.Promise批量上传到云存储存储网络图片到云数据库

6.17.商品的修改删除详情接口及分类删除的关联校验

6.18.页面中实现修改和删除的操作

6.19.startsWith方法过滤已上传的图片的修改

7.1.联表查询field字段过滤编写客户端商品接口

7.2.用AI辅助写工具方法对sku输出结果排序

7.3.获取云对象真实数据接口将数据渲染到商品分类页面

7.4.选购展现详情接口优化弹窗数据执行顺序

7.5.搜索和推荐接口的接口函数及sku排序的复用

7.6.对接搜索页面及热销商品调整card-goods组件

7.7.详情页数据渲染优化首页热销产品加载样式

7.8.细节优化处理数据请求前的页面加载状态

7.9.修改全局状态store移除指定购物车列表

7.10.插件pinia-plugin-persistedsta

7.11.创建order订单页面pinia管理临时订单状态

7.12.从购物车结算进入订单页面修改产品卡片展示样式

7.13.pinia的store统计订单页面中商品数量及价格

8.1.在客户端项目中导入uni-id-pages用户体系

8.2.store用户信息判断登录状态在我的页面展现

8.3.登录成功后通过uniIdRedirectUrl返回上一页

8.4.userinfo个人资料修改定制上传头像样式

8.5.适配微信小程序的chooseAvatar头像上传

8.6.修改个人资料头像回显及细节优化

8.7.uni-id云对象uni-id-co实现微信登录logi

8.8.微信登录成功后loginSuccess回到来时页面

8.9.用户协议服务条款页面创建及全局config配置表

8.10.后台管理创建配置项页面

9.1.供货商家分店逻辑及商家分类的创建

9.2.创建商家schema数据表结构

9.3.创建合作页面uni-data-picker级联选择中国省

9.4.表单自定义校验规则rules及uni-data-sele

9.5.chooseLocation打开地图选择位置及坐标

9.6.uniapp微信小程序获取用户手机号uniCloud云开

9.7.新增商户云对象及地理位置数据库存储格式

9.8.创建schema地理位置索引Point

9.9.将提交的商户信息进行回显禁用

9.10.对申请加盟页面优化展示不同的状态

9.11.商家审核列表后台管理页面数据展现

9.12.商家编辑页面获取商家详情插入图片组件

9.13.实现修改商家信息的逻辑

9.14.上传商家视频完善商家的后台管理功能

9.15.xxm-wx-crypto插件调用小程序同城配送的加密

9.16.调用创建门店接口生成配送门店ID写入数据库

9.17.修改商户信息同时更新小程序同城配送门店信息

10.1.商家地图列表及商家详情小程序客户端页面

10.2.getLocation获取地理位置封装pinia位置s

10.3.geoNear从近到远的顺序找出字段值在给定点的附近的

10.4.根据两地经纬度计算直线距离

10.5.手动开启getLocation授权开启自调用函数

10.6.正则搜索关键词及下拉状态显示

10.7.uni-indexed-list索引列表及groupB

10.8.使用AI辅助对后端返回的数据在前端进行整合

10.9.选择城市根据code获取商户列表及regex正则查询

10.10.在订单页面读取附近商家及商家页面的复用

10.11.在pinia的store全局状态中管理供货商家信息

10.12.用户收货地址页面及收获地址schema数据表结构

10.13.新增收货地址及批量修改默认收货地址

10.14.uni.$emit触发全局的自定义事件实现新增后刷新

10.15.执行地址管理的修改与删除

10.16.在订单页面选择用户收货地址管理订单全局状态

11.1.设置自提信息通过Storage缓存记录

11.2.依托于vue3组合式api用hooks钩子封装逻辑

11.3.ActionSheet操作菜单展示不同的配送方式

11.4.使用watch监听地址变化再调用运费计算的接口

11.5.调用微信物流服务的同城配送接口计算运费

11.6.客户端传参云对象Promise.all同时获取数据库的

11.7.将商品及sku的id传递给后端重新请求处理数据结构

11.8.完成客户端传参动态获取配送费用的操作

11.9.根据快递运费模板计算配送费用

11.10.完成创建订单所需的条件优化页面细节

11.11.创建订单pay-order.schema表结构

11.12.收集创建订单需要入库采集的数据

11.13.提交订单对关键数据进行校验判断

11.14.条件判断同步查询云对象中所需要的数据表

11.15.在云对象中创建自提类型的订单

11.16.将unipay支付集成到自己项目的配置

11.17.创建订单并完成订单金额的支付

11.18.支付成功云对象uni-pay-co支付回调集成

11.19.完成支付后对业务订单状态进行修改

11.20.处理配送类型的订单整合封装商品信息

11.21.订单取消及支付成功的回调方法

12.1.我的订单页面数据回显

12.2.展示订单内不同的状态

12.3.创建订单后清空购物车的数据

12.4.在我的订单页完成待付款的订单

12.5.手动取消待支付的订单

12.6.申请退款流程

12.7.实现自主完成收货及数据field字段过滤

12.8.根据id或交易单号获取个人订单详情

12.9.将订单详情数据渲染到页面中

12.10.在订单内部调用封装的hooks实现操作方法

12.11.封装dayjs公共模块设置云端时区东八区

12.12.使用云对象_timing定时触发批量关闭超时订单

12.13.封装退款组件处理退款的布局样式

12.14.调用uni-pay-co云对象实现refund退款

12.15.完成订单的退款并修改状态

12.16.调用微信同城配送创建配送单使用沙箱环境

12.17.完成同城发货并修改订单状态

12.18.执行快递订单发货

12.19.记录发货时间及订单状态及时间

12.20._timing定时触发自动修改订单状态为完成

12.21.uniapp开发微信小程序使用物流服务的查询组件展示

12.22.调用微信后台API获得waybillToken值查询

13.1.补充登录路由及我的订单跳转

13.2.通过分组统计groupby获取各个订单类型的数量

13.3.展示订单数量查询是否为商家

13.4.我的订单和商户订单共用同一页面

13.5.根据商户状态在同一页面中展示差异化

13.6.在商户列表实现同城及快递发货功能

13.7.商户订单列表处理用户退款

13.8.设置用户角色权限完成商户订单模块

14.1.积分表结构及页面布局

14.2.获取积分列表并在个人页面展示积分总量

14.3.积分赠送云对象实现逻辑

14.4.实现积分赠送客户端各种场景的判断

14.5.完成认证获得积分奖励

14.6.设置全局积分配置项动态修改认证积分

14.7.签到页面布局及数据签到并新增签到记录

14.8.展示签到历史列表控制重复签到

14.9.云对象间互相调用实现签到获取积分

14.10.我的页面实现签到及签到次数查询

14.11.创建订单中计算积分比例获取商品积分

14.12.订单表记录获得积分完成订单后得到积分

14.13.后台管理操作完成订单后对购物积分新增

14.14.换算积分用积分抵扣商品金额

14.15.使用积分支付从我的积分余额中扣除

14.16.完全使用积分抵扣方式创建订单

14.17.处理完成订单积分赠送扣除问题及积分转增bug修复

14.18.timing定时器批量对完成的订单进行积分赠送

14.19.修复已知问题优化细节

15.1.优惠券schema表结构及后台页面布局

15.2.通过_timing定时触发修改优惠券活动的状态

15.3.在客户端展示优惠券选择弹窗

15.4.整合优惠券按照通用券及商品券排序渲染到客户端

15.5.选择满足条件的优惠券

15.6.过滤掉不满足满减条件的优惠券

15.7.展示优惠券优惠金额及扣除优惠金额

15.8.在后端云对象对优惠券列表求和入库

15.9.记录用户已使用过的优惠券并在客户端过滤

15.10.使用优惠券0元支付情况下实现逻辑

15.11.取消订单及退款将优惠券返还给用户

15.12.定时触发自动取消订单退还优惠券

16.1.为项目打包做准备生成初始化数据库

16.2.整合init_data初始化数据

16.3.创建正式版服务空间部署完整项目

16.4.打包上线uni-admin后台管理到uniCloud前

16.5.打包上线微信小程序端

16.6.【完结撒花】项目总结及后续规划