51CTO Vue3+Nuxt3实战在线教育SSR网站

课程目录

QQ_1780119800910.png (122.21 KB, 下载次数: 0) 2026-5-30 13:45 上传 课程大纲.png (246.21 KB, 下载次数: 0) 2026-5-31 09:57 上传 适合人群： 具有一定JavaScript基础，具有一定vue.js基础 你将会学到： 通过学习可以掌握Vue3打造SSR网站应用，0到1实现服务端渲染 熟练掌握Nuxt3开发SSR服务端渲染应用掌握SSR原理，能让你的技术体系更完整，更是你前端晋升之路的必要一环熟练掌握Vue3实战应用 课程简介： 课程概述： 本季度基于Nuxt3 + Vue3 + NaiveUI+ Vite实战开发在线教育SSR服务端渲染网站应用，其中包括Nuxt3的使用，Vue3全新的 setup 语法糖，windicss，使用NaiveUI库、课程包括：图文，音频，视频，电子书、用户、直播、问答社区、考试、拼团秒杀、优惠券模块，微信扫码支付以及性能优化和部署服务器上线等知识等。 1-1 课程介绍.mp4 2-1 创建nuxt3项目和安装vscode扩展.mp4 2-2 引入NaiveUI和基本使用.mp4 2-3 引入windicss样式库和配置.mp4 2-4 windicss实战小案例和@apply简化代码.mp4 2-5 自定义全局错误页面.mp4 2-6 自定义全局loading实现.mp4 3-1 主布局实现.mp4 3-2 引入图标库和调用.mp4 3-3 公共头部开发-样式布局.mp4 3-4 头部菜单组件开发.mp4 3-5 跳转和动态路由页面设计.mp4 3-6 封装头部菜单组件.mp4 3-7 菜单组件激活状态匹配.mp4 3-8 公共底部开发.mp4 4-1 首页数据交互.mp4 4-2 请求懒加载和缓存实现.mp4 4-3 轮播图组件开发.mp4 4-4 图片分类组件开发.mp4 4-5 广告位组件开发.mp4 4-6 公共列表组件开发（一）.mp4 4-7 价格组件封装.mp4 4-8 公共列表组件开发（二）.mp4 4-9 倒计时组件封装.mp4 4-10 页面标题描述和关键词配置.mp4 4-11 请求和响应拦截器封装.mp4 4-12 api接口方法统一管理（一）.mp4 4-13 api接口方法统一管理（二）.mp4 4-14 全局页面加载组件封装.mp4 4-15 骨架屏加载优化.mp4 5-1 搜索弹框组件开发（一）.mp4 5-2 搜索弹框组件开发（二）.mp4 5-3 搜索结果页中间件验证.mp4 5-4 自定义Tab标签页组件（一）-布局.mp4 5-5 自定义Tab标签页组件（二）-跳转事件.mp4 5-6 搜索结果页数据交互.mp4 5-7 自定义图片组件.mp4 5-8 搜索结果列表分页实现.mp4 5-9 Query参数刷新页面实现.mp4 5-10 结合组合式API封装全局分页方法.mp4 5-11 配置自动回到顶部.mp4 5-12 课程列表骨架屏加载优化.mp4 6-1 登录注册页开发（一）-布局（1）.mp4 6-2 登录注册页开发（一）-布局（2）.mp4 6-3 登录注册页开发（二）-参数验证.mp4 6-4 登录功能交互实现（一）.mp4 6-5 登录功能交互实现（二）.mp4 6-6 全局共享用户状态信息.mp4 6-7 初始化用户状态实现（一）.mp4 6-8 初始化用户状态实现（二）.mp4 6-9 退出登录功能实现.mp4 6-10 注册交互功能实现.mp4 6-11 绑定手机号页开发-布局.mp4 6-12 发送验证码组件开发.mp4 6-13 绑定手机号功能交互.mp4 6-14 权限操作验证实现.mp4 6-15 忘记 6-16 忘记 6-17 游客权限中间件实现.mp4 7-1 个人中心嵌套布局实现.mp4 7-2 学习记录页-数据交互.mp4 7-3 学习记录列表组件开发（一）.mp4 7-4 学习记录列表组件开发（二）.mp4 7-5 空数据时处理方案.mp4 7-6 购买记录页开发（一）.mp4 7-7 购买记录页开发（二）.mp4 7-8 我的考试页开发.mp4 7-9 我的帖子页开发（一）.mp4 7-10 我的帖子页开发（二）-帖子列表组件.mp4 7-11 点赞和取消点赞帖子功能.mp4 7-12 删除帖子功能实现.mp4 7-13 优惠券记录页开发（一）.mp4 7-14 优惠券记录页开发（二）.mp4 7-15 我的收藏页开发（一）.mp4 7-16 我的收藏页开发（二）.mp4 7-17 修改资料页开发（一）.mp4 7-18 修改资料页开发（二）.mp4 7-19 全局上传组件开发（一）.mp4 7-20 全局上传组件开发（二）.mp4 7-21 全局上传组件开发（三）.mp4 8-1 修改 8-2 其他设置页开发.mp4 8-3 课程列表分页实现.mp4 8-4 公共列表页中间件实现.mp4 8-5 课程详情页开发（一）.mp4 8-6 课程详情页开发（二）.mp4 8-7 课程详情页开发（三）.mp4 8-8 课程详情页开发（四）.mp4 8-9 收藏和取消收藏功能实现.mp4 8-10 免费学习功能实现.mp4 9-1 领取优惠券弹框实现（一）.mp4 9-2 领取优惠券弹框实现（二）.mp4 10-1 专栏列表页开发.mp4 10-2 专栏详情页开发（一）.mp4 10-3 专栏详情页开发（二）.mp4 10-4 专栏详情页开发（三）.mp4 11-1 电子书列表组件开发.mp4 11-2 电子书列表页骨架屏优化.mp4 11-3 电子书详情页交互（一）.mp4 11-4 电子书详情页交互（二）.mp4 11-5 电子书阅读页开发（一）.mp4 11-6 电子书阅读页开发（二）.mp4 11-7 电子书阅读页开发（三）.mp4 12-1 音频播放器组件封装和引入.mp4 12-2 播放器组件封装和引入.mp4 13-1 直播详情页开发.mp4 13-2 直播播放器组件开发.mp4 14-1 创建订单页开发（一）.mp4 14-2 创建订单页开发（二）.mp4 14-3 创建订单页开发（三）.mp4 14-4 选择可用优惠券功能.mp4 14-5 创建订单功能实现.mp4 14-6 微信扫码支付页（一）.mp4 14-7 微信扫码支付页（二）.mp4 14-8 生成二维码组件开发.mp4 14-9 微信扫码支付功能交互.mp4 15-1 秒杀和拼团列表页开发.mp4 15-2 秒杀和拼团详情页开发（一）.mp4 15-3 秒杀和拼团详情页开发（二）.mp4 15-4 购买秒杀课程功能实现.mp4 15-5 发起拼团功能实现.mp4 15-6 等待拼团列表组件开发.mp4 15-7 加入拼团功能实现.mp4 16-1 考试列表页开发（一）.mp4 16-2 考试列表页开发（二）.mp4 16-3 开始考试页开发-布局.mp4 16-4 单选和多选组件开发（一）.mp4 16-5 单选和多选组件开发（二）.mp4 16-6 填空和问答题组件开发.mp4 16-7 验证题目是否填写.mp4 16-8 自动跳转指定题目.mp4 16-9 放弃考试功能实现.mp4 16-10 交卷功能实现.mp4 17-1 帖子列表页开发（一）.mp4 17-2 帖子列表页开发（二）.mp4 17-3 帖子列表页开发（三）.mp4 17-4 帖子详情页开发（一）.mp4 17-5 帖子详情页开发（二）.mp4 17-6 帖子评论列表组件开发（一）.mp4 17-7 帖子评论列表组件开发（二）.mp4 17-8 帖子评论功能实现.mp4 17-9 回复评论功能实现.mp4 17-10 发布帖子页开发.mp4 17-11 多图上传功能实现.mp4 17-12 发布帖子功能实现.mp4 18-1 部署前服务器环境搭建.mp4 18-2 购买域名和解析.mp4 18-3 打包压缩实现.mp4 18-4 项目部署上线.mp4 课件代码.zip