11.3万
已完结 · 共177课时
长期有效
咸虾米壁纸uniapp客户端+cloud后台管理前后端全栈
11.3万
已完结 · 共177课时
长期有效
咸虾米壁纸uniapp客户端+cloud后台管理前后端全栈

咸虾米_
web前端工程师及产品经理,深耕专业10余载,对专业认真负责,分享精品学习教程,涉及知识领域有前后端、UI设计、产品研发。
课程概述





咸虾米壁纸全栈项目介绍
全集试看
1.1.咸虾米壁纸uniapp_uniCloud前后端全栈项目介
视频课
13分53秒
uniadmin后台管理系统
全集试看
2.1.创建uni-admin项目启用新服务空间并部署
视频课
8分8秒
全集试看
2.2.引入第三方element和iconfont图标库并使用
视频课
9分26秒
全集试看
2.3.创建壁纸分类页面定义头部公共组件及插槽
视频课
14分31秒
全集试看
2.4.uni-table表格和uni-pagination分页
视频课
14分4秒
全集试看
2.5.新增分类popup弹窗和uni-forms表单
视频课
14分57秒
全集试看
2.6.将模块封装组件使用defineExpose调用子组件方法
视频课
10分31秒
全集试看
2.7.uni-form的rules表单validate安全校验
视频课
12分58秒
全集试看
2.8.布局缩略图片结构及选择图片展示
视频课
15分11秒
全集试看
2.9.将本地图片uploadFile上传到云存储
视频课
9分19秒
全集试看
2.10.图片上传进行压缩并转为webp格式的方法
视频课
7分37秒
全集试看
2.11.创建分类schema表结构和云对象
视频课
14分10秒
全集试看
2.12.将本地编写的数据添加到云数据库中
视频课
14分11秒
全集试看
2.13.查询云对象列表将数据按需展示
视频课
12分8秒
2.14.子组件通过defineEmits向父组件通信
视频课
7分20秒
2.15.remove删除清空单条分类数据
视频课
11分34秒
2.16.uni-table的selection批量选择删除
视频课
11分42秒
2.17.云存储的数据处理将图片传参缩放减少流量开销
视频课
10分51秒
2.18.使用watch监听父传给子的值进行修改数据回显
视频课
13分50秒
2.19.定义props属性让新增和修改用于同组件完成修改功能
视频课
14分28秒
2.20.实现新增自动填充排序及分类功能收尾
视频课
12分8秒
壁纸列表增删改查管理
全集试看
3.1.创建壁纸列表页面部署跳转路由
视频课
13分36秒
全集试看
3.2.使用grid网格布局做响应式结构新增壁纸页面
视频课
15分59秒
全集试看
3.3.conic-gradient设置背景透明棋盘网格镂空效果
视频课
12分33秒
全集试看
3.4.展现评分标签等完成图片展示模块的布局
视频课
10分14秒
3.5.从本地选择图片将字段进行处理展现到页面中
视频课
13分54秒
3.6.实现描述评分标签的双向数据绑定
视频课
13分1秒
3.7.uni-data-select调用云端分类数据展现
视频课
13分44秒
3.8.混合使用every map filter对数据发表前进行
视频课
13分4秒
3.9.拆分函数简化代码实现图片的上传
视频课
13分13秒
3.10.使用Promise.all同时批量将本地图上传云端
视频课
12分58秒
3.11.创建schema表结果及云对象新增数据
视频课
12分39秒
3.12.发布成功后的判断逻辑及页面跳转
视频课
8分29秒
3.13.通过云对象联表查询获取壁纸列表数据
视频课
14分8秒
3.14.将壁纸列表数据渲染到页面中
视频课
13分56秒
3.15.使用skip和limit将壁纸列表进行分页展示
视频课
13分22秒
3.16.给表格列设置sortable进行指定类型排序
视频课
12分26秒
3.17.选择壁纸分类展示对应分类下的数据
视频课
7分41秒
3.18.remove删除指定id的云数据库记录
视频课
14分9秒
3.19.在云对象删除云数据库同时删除云存储的内容
视频课
12分5秒
3.20.定义封装云函数公用模块common的用法
视频课
13分26秒
vue3进阶各种组件封装
4.1.将公共模块进行抽离定义成统一的组件
视频课
14分53秒
4.2.组件的双向绑定v-model及defineProps单向
视频课
12分57秒
4.3.将子组件各事件完成并与父组件达成交互
视频课
14分31秒
4.4.开发修改模块实现组件的三层嵌套
视频课
11分36秒
4.5.获取单条数据并将数据传输到组件中展示
视频课
11分39秒
4.6.完成壁纸的修改实现多层组件数据的互通
视频课
14分41秒
4.7.认识vue-cropper图片裁剪插件并封装为公共组件
视频课
14分37秒
4.8.配置vueCropper插件的各种不同的属性
视频课
13分32秒
4.9.将cropper插件内的方法goAutoCrop cha
视频课
13分35秒
4.10.完成vuecropper组件的封装并能完成裁剪图片功能
视频课
11分56秒
4.11.壁纸列表页面使用自定义组件vueCropper
视频课
14分51秒
4.12.(选学)修改图片后将原图在云存储中进行删除
视频课
10分39秒
4.13.(选学但重要)使用hooks将复杂页面的逻辑进行拆离
视频课
11分41秒
客户端调试uniCloud云对象数据
5.1.咸虾米壁纸客户端页面展示及功能陈述
视频课
5分30秒
5.2.创建客户端云对象将分类数据展示到前端页面中
视频课
13分57秒
5.3.根据分类ID获取该分类下面的壁纸列表
视频课
10分58秒
5.4.通过JQL联表查询找到分类下对应的数据并返回处理
视频课
12分33秒
5.5.完成首页分类精选的数据列表
视频课
10分41秒
5.6.云对象获取分类下的所有壁纸列表
视频课
13分33秒
5.7.将壁纸预览页面将详情进行渲染展现
视频课
8分
5.8.通过getTemp联表查询将详情预留页面数据渲染
视频课
14分56秒
5.9.通过传统云函数方式数据库操作符command原子增加更新
视频课
13分41秒
5.10.使用MongoDB的$regex正则模糊查询
视频课
13分12秒
5.11.客户端调用搜索方法并抽离云对象公共的方法
视频课
12分56秒
海报banner区前后端联调
6.1.创建营销活动类目下首页海报的schema表结构
视频课
10分34秒
6.2.新增海报弹窗组件的搭建
视频课
13分54秒
6.3.调整表单样式rules表单规则校验
视频课
11分9秒
6.4.封装单张图片的选择组件
视频课
14分57秒
6.5.提交数据前的验证watch监听
视频课
13分32秒
6.6.创建云对象将banner数据新增成功
视频课
11分45秒
6.7.联表查询banner数据展示到列表中
视频课
13分52秒
6.8.banner后台的增删改查及客户端数据查询
视频课
11分51秒
6.9.站内跳转tabbar页面和跳转外站小程序的办法
视频课
14分19秒
每日推荐功能模块
7.1.每日推荐功能介绍及schema表结构创建
视频课
9分19秒
7.2.grid网格布局搭建每日推荐列表页面
视频课
12分23秒
7.3.新增每日专题结构布局
视频课
13分59秒
7.4.使用deep穿透组件修改样式并向组件传值
视频课
15分8秒
7.5.drawer抽屉组件布局管理图片模块
视频课
14分53秒
7.6.关联图片选中样式组件布局
视频课
13分23秒
7.7.获取壁纸列表展示到关联抽屉模块中
视频课
13分26秒
7.8.实现触底加载和搜索展现
视频课
14分40秒
7.9.关闭抽屉的数据初始化封装及图片预览
视频课
9分18秒
7.10.使用循环遍历实现点击高亮选择和取消关联的操作
视频课
10分52秒
7.11.通过父子通讯实现选择关联与已有图片的展现
视频课
10分49秒
7.12.使用vue-draggable-next实现拖拽排序
视频课
14分53秒
7.13.对数据进行过滤add新增到数据库中
视频课
13分56秒
7.14.设置foreignKey联表查询壁纸id对应的图片
视频课
14分34秒
7.15.分页并remove删除指定的数据
视频课
10分31秒
7.16.将新增页面改造成同时修改页面完成数据更新
视频课
13分51秒
7.17.通过自定义方法将联表数据的壁纸索引调整准确
视频课
14分26秒
7.18.修改禁用样式和全局数据是否可见
视频课
15分24秒
7.19.使用聚合查询sample随机获取壁纸并创建专题
视频课
14分52秒
7.20.执行云对象_timing定时触发查看生成日志
视频课
15分39秒
专题推荐客户端调试
8.1.创建客户端查询专题云对象根据日期筛选过滤
视频课
9分36秒
8.2.完成客户端专题列表的展示及专题详情页介绍
视频课
10分28秒
8.3.专题详情接口处理复杂的多表查询数据排序过滤
视频课
13分37秒
8.4.将专题详情渲染到页面中展示
视频课
8分23秒
8.5.完成专题列表及单条的数据展示自增阅读数量
视频课
14分22秒
8.6.修改已发布壁纸的所属分类解决已发现的bug
视频课
15分51秒
客户端用户登录体系
9.1.客户端下载uni-id-pages介绍store各功能方
视频课
12分55秒
9.2.调用uni-id-pages内置的store读取user
视频课
11分16秒
9.3.设置uniIdRedirectUrl登录成功后返回上一页
视频课
9分15秒
9.4.getLaunchOptionsSync获取当前页面参数
视频课
12分18秒
9.5.编辑个人资料页面修改头像及回显昵称
视频课
13分19秒
9.6.使用uni-id-co实现自制页面的微信一键登录
视频课
14分51秒
9.7.实现微信小程序登录后自动跳转上个页面
视频课
14分54秒
9.8.uni-id-pages-agreements组件做用户
视频课
14分58秒
9.9.封装方法下载前判断是否已登录或跳转到登录页
视频课
12分18秒
9.10.根据页面栈判断navigateBack回退页面数
视频课
16分12秒
9.11.创建壁纸下载记录schema表结构和云对象
视频课
9分48秒
9.12.实现下载入库记录返回壁纸的classid
视频课
11分54秒
9.13.小程序下载成功后增加下载次数更新下载时间
视频课
14分52秒
9.14.创建score评分schema表并记录用户评分数据
视频课
14分59秒
9.15.写一个评分算法对用户的评分入库操作
视频课
14分19秒
9.16.将已经评分的壁纸进行数据回显存入缓存
视频课
14分56秒
9.17.统计个人中心页面的下载数量和评分数量
视频课
13分29秒
9.18.进入下载和评分页面共用同一个云对象方法
视频课
14分35秒
9.19.联表查询并field过滤壁纸表内的字段
视频课
14分47秒
9.20.完成壁纸下载和评分列表的数据展示及客户端已知bug的修
视频课
14分23秒
9.21.在后台管理展示所有用户的下载评分记录
视频课
6分51秒
项目配置Pinia状态管理和嵌入微信广告
10.1.搭建动态全局配置项页面
视频课
11分22秒
10.2.创建schema初始化数据库并实现查询和修改库
视频课
14分44秒
10.3.使用自定义封装的图片上传组件实现logo图片的更改
视频课
14分19秒
10.4.(选学)通过vuex全局状态管理实时修改头部的logo
视频课
20分44秒
10.5.在uniapp项目中使用pinia全局状态管理
视频课
12分21秒
10.6.使用Pinia状态管理记录数据库中配置项替换到页面中
视频课
14分21秒
10.7.将服务协议和隐私政策内容展示到页面中
视频课
9分54秒
10.8.创建硬币积分系统schema表及领取硬币逻辑
视频课
13分53秒
10.9.通过dayjs判断每日领币条件及实时更新硬币数量
视频课
14分24秒
10.10.看广告获取硬币的实现逻辑
视频课
15分30秒
10.11.微信小程序激励视频广告位的使用
视频课
13分56秒
10.12.watch的immediate初始化广告及抽离方法
视频课
9分58秒
10.13.下载壁纸进行提示校验及看广告加硬币
视频课
14分35秒
10.14.下载执行扣除硬币积分的逻辑
视频课
14分17秒
10.15.在项目中接入微信原生模板广告视频广告位
视频课
12分
10.16.为分页滚动列表增加动态视频卡片广告位
视频课
10分56秒
10.17.创建硬币使用记录展示页面
视频课
14分52秒
10.18.展示硬币列表数据及修改uni-datetime-pi
视频课
13分40秒
10.19.按照日期选择展示范围内的数据
视频课
10分59秒
数据图表统计及完善后台管理系统
11.1.数据概览页面结构及数据内容概述
视频课
4分16秒
11.2.使用grid网格布局做响应式栅格布局
视频课
13分31秒
11.3.云对象常用的API调用方法获取客户端信息
视频课
12分51秒
11.4.获取客户端token解析checkToken用户角色信
视频课
5分31秒
11.5.创建云函数公用模块将使用量数据统计封装统计入库
视频课
11分2秒
11.6.秋云ucharts echarts高性能跨全端图表组件
视频课
13分6秒
11.7.区域图和饼形图的各参数配置及文档使用说明
视频课
12分30秒
11.8.自定义排行榜样式动态定义不同颜色值
视频课
11分16秒
11.9.使用JQL的分组统计groupby和groupFiel
视频课
11分56秒
11.10.将下载榜和评分榜展示到组件中渲染
视频课
14分50秒
11.11.根据uni-datetime-picker日期范围获
视频课
12分33秒
11.12.获取饼形图分类喜好度数据的统计
视频课
14分45秒
11.13.完成饼形图的数据展示设置默认展示天数
视频课
12分22秒
11.14.核心数据的统计原理及表结构创建
视频课
12分38秒
11.15.统计下载和评分记录和数据总和
视频课
15分58秒
11.16.将schema表中所有需要统计的数据全部请求入库
视频课
14分46秒
11.17.设置_timing定时触发自动统计记录
视频课
9分56秒
11.18.对用户操作记录usage表设置定时删除3天前数据
视频课
11分27秒
11.19.dayjs根据日期区间获取给定时间段内所有日期的数据
视频课
14分18秒
11.20.将返回的数据reduce求和展示统计数据
视频课
13分21秒
11.21.完成折线区域图的渲染将数据概率设为后台首页
视频课
9分48秒
公告富文本及角色权限分配
12.1.在后台管理配置通知公告栏目创建schema表结构
视频课
7分59秒
12.2.使用wangEditor-next插件创建富文本编辑器
视频课
10分41秒
12.3.分别认识工具栏配置编辑器配置及相关API
视频课
14分58秒
12.4.自定义菜单配置完成富文本图片上传到云存储customU
视频课
13分33秒
12.5.组件v-model双向绑定获取数据后提交到数据库中
视频课
10分44秒
12.6.发布成功后重新刷新渲染公告列表数据
视频课
14分30秒
12.7.完成通知公告后台的增删改查整合侧栏菜单
视频课
9分45秒
12.8.客户端展示公告列表及公告详情页面
视频课
13分10秒
12.9.初始化数据库init_data指定固定id公告
视频课
11分58秒
12.10.分配manage管理角色及权限
视频课
13分20秒
12.11.修改schema权限及getCurrentUserI
视频课
12分50秒
12.12.schema中常见三种permission权限判断
视频课
14分58秒
12.13.项目收尾串联所有页面补充欠缺功能
视频课
15分58秒
12.14.修复已知bug_搜索热词及每日推荐错误
视频课
11分46秒
打包上线
13.1.打包壁纸客户端H5及后台管理系统PC端到前端网页托管
视频课
13分37秒
13.2.【完结撒花】打包上线微信小程序
视频课
12分8秒

2026徐老师Next.js16全栈开发课程
2026最新录制Next.js 16版本全栈开发课程
2352播放/共143课时

【最新版】Vue3从入门到精通(含资料)
对新手友好,手把手从零入门Vue,企业级实战项目落地
20.7万播放/共158课时

React18 从入门到实战(含全套资料)
系统学习 React ,掌握大厂必备技能
20.1万播放/共95课时

android支付实战课程集成支付宝支付
课程包含了后端代码,后端异步通知以及数据库的创建
928播放/共10课时

Python小白也能听懂的入门课
Michael老师,ViaX盐趣签约导师,南洋理工大学博士。新华网大数据分析师、新加坡A-STAR研究中心研究员、曾获“新加坡总统奖学金”、论文曾多次发表在CSWIM、ICIS、ISR、IS等国际会议
396.2万播放/共20课时

JavaScript基础
JavaScript 入门基础教程
12播放/共8课时

Javascript+Nodejs全栈前端全能课
【2024最新】前后端兼顾,全面系统、通俗易懂、案例丰富
63.4万播放/共424课时

前端项目:从零搭建Vue3+Node智慧校园系统
模拟学生视角,打造毕设闭环+真实业务场景,学完无缝接轨企业
10.7万播放/共64课时

Web前端入门:从零开始做网站
带社群答疑服务,赠送全部课件、素材、模版、软件
107.0万播放/共31课时

前端实战训练:2个网站+1个APP
不止教技术,还教思维的前端系统入门课,手把手带你轻松搞定2个网站+1个APP项目,全场景养成你的思维、技术的高能方法论
54.4万播放/共52课时

python上位机开发
利用python上位机开发案例让你快速掌握python上位机
2.2万播放/共38课时

Web开发前沿技术栈(持续更新)
本课程希望提供系统、全面、最新的Web前端技术
2.3万播放/共243课时

【Unity与C#实战】从零开发类皇室战争游戏
从0开发一个完整的商业案例,学会后可以自行开发其他3D案例。
35.8万播放/共62课时

Grid网格布局
一门课全面了解Grid网格布局
5516播放/共32课时

HTML5+CSS3基础实战
HTML5+CSS3零基础到实战
51播放/共36课时
评论(0)