收藏

AI助手Copilot辅助Go+Flutter打造全栈式在线教育系统

后端高性能+前端跨平台+AI智能化,打造可多场景复用的大型复杂项目,助力抢先抵达职业与技术新高度

AI助手Copilot辅助Go+Flutter打造全栈式在线教育系统

金蛇迎春
¥429
原价¥499.00
已完结 难度 初级 时长 47小时 学习人数 57 综合评分 10.00
  • 第1章 在线教育系统--课程导学 试看 1 节 | 9分钟

    本章主要对课程整体内容进行介绍,包括:课程内容安排、课程收获、课程亮点优势、讲师介绍、课程适合人群、学习建议等。

    收起列表

    • 视频: 1-1 在线教学系统--课程导学 (08:19) 试看
  • 第2章 项目介绍与开发环境配置 试看 7 节 | 77分钟

    本章首先演示完整版的项目,让学员对整个项目有初步地了解,然后介绍本项目的技术路线,最后带领大家配置开发环境,为后面的学习打下坚实的基础。

    收起列表

    • 视频: 2-1 在线教育系统项目效果演示 (13:04) 试看
    • 视频: 2-2 在线教育系统技术选型 (06:24)
    • 视频: 2-3 在线教育系统项目代码预览 (20:47)
    • 视频: 2-4 人工智能编程助手--GitHub Copilot 配置 (09:43)
    • 视频: 2-5 Flutter 本地开发环境配置 (17:38)
    • 视频: 2-6 Go 本地开发环境配置 (08:13)
    • 视频: 2-7 项目介绍与开发环境配置总结 (00:43)
  • 第3章 实现你的第一个Flutter 项目 13 节 | 146分钟

    本章将带领学员入门 Flutter 开发,首先介绍 Flutter 使用的编程语言 Dart,然后通过App 欢迎页让大家初识 Flutter 开发,再通过 Main Tab 主页面引入 Flutter 状态管理的概念,最后还会介绍 Flutter 中的 Theme 概念,并设置App图标等。

    收起列表

    • 视频: 3-1 初识Flutter--本章导学 (03:35)
    • 视频: 3-2 创建第一个 Flutter App (09:34)
    • 视频: 3-3 Dart 语言快速入门 (28:18)
    • 视频: 3-4 Flutter App 工程目录规划 (12:17)
    • 视频: 3-5 创建 App 欢迎页 (19:12)
    • 视频: 3-6 使用 PageView 让多页滑动起来 (14:08)
    • 视频: 3-7 添加PageView 的指示器和欢迎页的跳过按钮 (14:14)
    • 视频: 3-8 创建 Main Tab 组件 (10:17)
    • 视频: 3-9 使用 Provider 管理 Flutter 的状态 (10:33)
    • 视频: 3-10 使用 Theme 统一控制 App 中的样式 (07:09)
    • 视频: 3-11 Flutter App 简单状态的持久化存储 (09:03)
    • 视频: 3-12 设置 App 的图标和名称 (05:07)
    • 视频: 3-13 本章总结 (02:10)
  • 第4章 创建PostgreSQL 数据库,掌握企业级数据库设计技术 2 节 | 13分钟

    本章带领学员创建整个项目的数据库,并“伪造”一些运营数据,使得在后续开发过程中 不管是后端还是前端开发都不需要再使用 Mock 数据,直接从 数据库中读取。

    收起列表

    • 图文: 4-1 数据库安装
    • 视频: 4-2 创建项目数据库 (12:25)
  • 第5章 搭建 Go 后端服务程序脚手架,掌握后端程序基的本框架 15 节 | 144分钟

    本章首先介绍后端服务的概念,然后带领大家学习 Go 语言,最后实现 Go 后端服务程序的基本架构,使学员快速建立起 后端服务程序的概念。

    收起列表

    • 视频: 5-1 搭建Go后端服务--本章导学 (00:54)
    • 图文: 5-2 Go 语言快速入门指南
    • 视频: 5-3 创建 Go 后端整体架构 (09:24)
    • 视频: 5-4 使用 YAML灵活配置服务程序的技巧- (17:12)
    • 视频: 5-5 开启服务-后端提供 Https 服务 (15:48)
    • 视频: 5-6 了解服务程序运行状况的关键--开发自定义的 JSON Logger (15:59)
    • 视频: 5-7 服务程序的防御性手段--开发 Validator完善后端程序的数据验证机制 (06:26)
    • 视频: 5-8 编写辅助代码--编写常用的 Go 服务端辅助函数 (23:39)
    • 视频: 5-9 编写辅助代码--处理常见的 Http 错误响应代码 (14:18)
    • 视频: 5-10 网络请求的精细化管理--使用 LogRequest 记录后端访问情况 (08:13)
    • 视频: 5-11 网络请求的精细化管理--使用 RecoverPanic 完善连接的错误恢复功能 (03:44)
    • 视频: 5-12 网络请求的精细化管理--使用 RateLimit 实现速率限制功能 (11:19)
    • 视频: 5-13 网络请求的精细化管理--使用 Metrics 记录服务端访问情况 (05:47)
    • 视频: 5-14 编写 healthcheck 网络接口 (07:34)
    • 视频: 5-15 本章总结--开启后端网络服务之旅 (02:45)
  • 第6章 连接Flutter与Go实现前后端的数据连接 17 节 | 202分钟

    本章主要连接起 Go 后端 与 Flutter 前端,介绍通信协议,以及实现通信功能的前后端代码,然后构建Main Tab中的 Account 页,最后还会开发 Dio 的拦截器实现 401 错误处理功能。

    收起列表

    • 视频: 6-1 实现前后端连接--本章导学 (02:33)
    • 视频: 6-2 Flutter 构建账号页面主列表 (15:56)
    • 视频: 6-3 Flutter 构建账号页面的 Header 和 Footer (16:52)
    • 视频: 6-4 用户模块的基石--定义 Go 中的 User 结构 (06:12)
    • 视频: 6-5 定义 Go 后端程序中的 Token 结构,并完成数据库操作 (12:51)
    • 视频: 6-6 获取用户信息--Go 访问数据库,获取 User 实例 (13:56)
    • 视频: 6-7 Go 完成用户登录接口 (10:56)
    • 视频: 6-8 Flutter 中的 json--定义对应后端的数据结构 (10:35)
    • 视频: 6-9 Flutter 中使用 dio + retrofit 访问后端接口 (15:40)
    • 视频: 6-10 在 Flutter 中编写 AccountInfo 用户信息管理类 (12:15)
    • 视频: 6-11 网络请求的精细化管理--使用 RequireAuthenticatedUser 实现用户身份验证 (14:51)
    • 视频: 6-12 使用 Authentication Token 建立网络会话 (10:36)
    • 视频: 6-13 Go 编写获取用户头像的接口 (07:23)
    • 视频: 6-14 Flutter 显示服务端返回的用户头像 (20:11)
    • 视频: 6-15 Flutter Account 页面 Header 显示用户信息 (17:57)
    • 视频: 6-16 完成前后端用户退出登陆功能 (11:20)
    • 视频: 6-17 本章总结 (01:23)
  • 第7章 完成用户资料编辑功能,掌握通用的系统注册用户资料修改 18 节 | 241分钟

    本章实现平台用户资料编辑功能,包括用户头像、昵称、职业、地区、性别、签名的修改,重点介绍用户头像的修改。

    收起列表

    • 视频: 7-1 实战用户资料编辑功能--本章导学 (01:05)
    • 视频: 7-2 Go 编写获取用户信息详情接口 (04:56)
    • 视频: 7-3 在 Flutter 中获取用户信息详情 (10:51)
    • 视频: 7-4 在 Flutter 中使用 go_router 管理前端页面路由 (11:17)
    • 视频: 7-5 构建前端个人资料页面:创建主项目列表 (21:40)
    • 视频: 7-6 Flutter 开发页面内容加载、加载错误的 Empty Content 组件 (19:53)
    • 视频: 7-7 在用户资料编辑页显示用户头像 (10:01)
    • 视频: 7-8 Go 编写更新用户头像的接口 (13:35)
    • 视频: 7-9 Flutter 选取系统图片并进行压缩处理 (15:32)
    • 视频: 7-10 在 Flutter 中更新用户头像并能够自动刷新头像图片缓存 (18:00)
    • 视频: 7-11 Go 编写用户其它信息(签名、职业、性别等)修改的接口 (17:21)
    • 视频: 7-12 Flutter 编写对应 Go 后端用户信息修改接口的函数 (06:26)
    • 视频: 7-13 Flutter 完成用户昵称与签名信息的修改功能 (24:04)
    • 视频: 7-14 Flutter 完成用户职业修改功能 (22:18)
    • 视频: 7-15 Flutter 完成用户性别修改功能 (09:38)
    • 视频: 7-16 Flutter 完成用户地区修改功能(一) (09:51)
    • 视频: 7-17 Flutter 完成用户地区修改功能(二) (22:42)
    • 视频: 7-18 本章总结 (00:55)
  • 第8章 实现平台用户注册功能,掌握系统新用户注册与登录的业务流程与实现 18 节 | 194分钟

    本章主要实现平台用户注册、用户登录功能,包括账号密码、手机号验证码、或者邮箱验证码模式,同时还会完成忘记密码密码重置功能与前端页面根据是否登录进行重定向的问题。

    收起列表

    • 视频: 8-1 实战平台用户注册功能--本章导学 (00:54)
    • 视频: 8-2 Flutter 编写前端登录页面:创建页面路由 (11:47)
    • 视频: 8-3 Flutter 编写前端登录页面:创建账号输入框 (13:50)
    • 视频: 8-4 Flutter 编写前端登录页面:创建密码输入框 (14:16)
    • 视频: 8-5 Flutter 编写前端登录页面:创建登录按钮 (15:19)
    • 视频: 8-6 Flutter 编写前端登录页面:创建页脚组件 (08:31)
    • 视频: 8-7 使用 Flutter 的自绘制特性编写 Dot Radio 组件 (12:54)
    • 视频: 8-8 使用 Go 的 Template 渲染 HTML 模版 (13:01)
    • 视频: 8-9 Flutter 前端显示 Web 页面,向用户展示注册协议和隐私策略 (09:55)
    • 视频: 8-10 Flutter 编写前端登录页面:创建用户确认弹框 (07:26)
    • 视频: 8-11 完善 Go 后端 Login 接口 (12:29)
    • 视频: 8-12 Flutter 通过登录页面使用账号密码登录系统 (10:47)
    • 视频: 8-13 Go 后端开启后台任务与发送邮件 (11:01)
    • 图文: 8-14 配置邮箱
    • 视频: 8-15 Go 后端生成登录验证码并通过邮件发送 (12:07)
    • 视频: 8-16 Flutter 前端完成用户注册、登录功能 (26:37)
    • 视频: 8-17 Go 中完善 http 服务退出机制 (11:20)
    • 视频: 8-18 本章总结 (01:46)
  • 第9章 实现平台用户账号安全信息修改功能,掌握系统用户登录信息修改的业务流程与实现 13 节 | 125分钟

    本章主要实现注册用户账号安全信息修改,包括密码修改、手机号绑定、邮箱绑定等功能,并介绍第三方平台账号绑定的概念。

    收起列表

    • 视频: 9-1 实战账号信息修改功能--本章导学 (01:02)
    • 视频: 9-2 Flutter 中创建账号与安全页面项目主列表 (03:21)
    • 视频: 9-3 Go 完成重置邮箱、手机号的接口 (17:03)
    • 视频: 9-4 -1 Flutter 完成用户邮箱、手机号绑定与重置功能 (17:31)
    • 视频: 9-5 -2 Flutter 完成用户邮箱、手机号绑定与重置功能 (11:02)
    • 视频: 9-6 Flutter 中创建前端第三方账号绑定页面 (02:56)
    • 视频: 9-7 Go 完成账号密码重置接口 (11:50)
    • 视频: 9-8 Flutter 前端完成忘记密码页面 (06:11)
    • 视频: 9-9 Flutter 前端完成使用验证码重置密码功能 (15:07)
    • 视频: 9-10 Flutter 前端完成使用旧密码重置密码功能 (23:10)
    • 视频: 9-11 Flutter 中创建前端实名认证与账号注销页面 (05:24)
    • 视频: 9-12 Flutter 添加网络拦截器处理后端服务 401 未授权错误 (08:29)
    • 视频: 9-13 本章总结 (01:33)
  • 第10章 实现平台课程列表的前端展示,掌握系统数据多维度分页展示技术 20 节 | 251分钟

    本章实现平台课程展示的功能,以列表的形式进行分页展示,并根据课程分类、搜索关键词多维度展示列表。

    收起列表

    • 视频: 10-1 实战课程列表展示--本章导学 (01:49)
    • 视频: 10-2 Go 编写获取课程全部分类接口 (17:01)
    • 视频: 10-3 Flutter 编写课程分类信息获取网络接口 (11:41)
    • 视频: 10-4 Flutter 构建课程分类展示页面——完成页面逻辑 (10:24)
    • 视频: 10-5 Flutter 构建课程分类展示页面——完成页面UI (23:33)
    • 视频: 10-6 Flutter 中的动画:实现热门课程的轮播展示 (16:05)
    • 视频: 10-7 详细介绍前后端内容分页加载机制 (09:22)
    • 视频: 10-8 Go 完成获取特定分类课程列表接口 (12:54)
    • 视频: 10-9 Go 完成获取课程图片接口 (01:45)
    • 视频: 10-10 Flutter 编写课程列表获取网络接口 (11:23)
    • 视频: 10-11 Flutter 构建课程列表展示页面——完成页面逻辑 (19:00)
    • 视频: 10-12 Flutter 构建课程 List Cell 组件 (15:11)
    • 视频: 10-13 Flutter 构建课程列表展示页面——完成页面UI (17:09)
    • 视频: 10-14 Go 完成课程搜索接口 (07:45)
    • 视频: 10-15 Flutter 构建课程搜索页面——完成页面逻辑 (22:11)
    • 视频: 10-16 Flutter 构建课程搜索页面——完成页面UI (10:51)
    • 视频: 10-17 Flutter 在搜索页面显示热门搜索 (12:04)
    • 视频: 10-18 在 Flutter 中使用SQLite (12:47)
    • 视频: 10-19 Flutter 结合 SQLite,实现搜索历史功能 (15:26)
    • 视频: 10-20 本章总结 (01:58)
  • 第11章 实战--实现课程详情展示与视频播放功能 23 节 | 352分钟

    本章实现课程详情页展示开发,作为最复杂的页面之一,本章会介绍嵌套滑动的概念、还会实现课程评论与回复的功能,同时在GO中实现视频流接口,并使用video_player 在前端播放视频流。

    收起列表

    • 视频: 11-1 本章导学 (00:36)
    • 视频: 11-2 Go 编写获取课程详情信息接口 (13:24)
    • 视频: 11-3 Flutter 编写获取课程详情信息的接口 (09:36)
    • 视频: 11-4 Flutter 创建课程详情页 (10:05)
    • 视频: 11-5 Flutter 构建课程详情页--创建课程 Header 组件 (20:21)
    • 视频: 11-6 Flutter 构建课程详情页--创建课程 Summary 组件 (09:58)
    • 视频: 11-7 Flutter 构建课程详情页--创建底部购买按钮组件 (19:35)
    • 视频: 11-8 Flutter 构建课程详情页--使用 TabBar 和 TabBarView 分页展示课程详情 (16:46)
    • 视频: 11-9 Flutter 构建课程详情页--创建课程简介 Tab 页 (12:25)
    • 视频: 11-10 Flutter 构建课程详情页--创建课程目录 Tab 页 (25:59)
    • 视频: 11-11 Go 编写获取课程用户评论的接口 (15:42)
    • 视频: 11-12 Flutter 编写获取课程用户评论的接口 (06:25)
    • 视频: 11-13 Flutter 构建课程详情页--创建课程评论 Tab 页 (11:35)
    • 视频: 11-14 Flutter 创建课程评论 Summary 组件 (17:37)
    • 视频: 11-15 Flutter 构建课程详情页--完成课程评论 Tab 页 (24:44)
    • 视频: 11-16 Go 编写用户评价课程与讲师回复的接口 (14:46)
    • 视频: 11-17 Flutter 编写课程评价与讲师回复页面,并完成讲师回复评论功能 (20:45)
    • 视频: 11-18 Go 编写课程收藏、加入购物车与课程购买接口 (20:38)
    • 视频: 11-19 Flutter 编写课程收藏、购买、加入购物车的接口 (18:02)
    • 视频: 11-20 Flutter 构建课程详情页--创建页面 Navigation Bar (24:20)
    • 视频: 11-21 Flutter 编写购物车按钮,并完成课程购买功能 (21:23)
    • 视频: 11-22 Flutter 为加入购物车添加动画功能 (14:47)
    • 视频: 11-23 本章总结 (01:44)
  • 第12章 实战--实现记录学习情况功能,完成前端学习页面 18 节 | 245分钟

    本章实现课程学习页面的开发,与课程详情页有些类似,当更侧重视频播放功能。并使用 MediaKit 开发更完善、更强大的播放组件,因为使用 VideoPlayer 经常无法正常播放视频,或者播放中途卡顿。同时,还会在本地 SQLite中存储课程的学习进度,并在页面打开时自动定位到上次的学习位置。...

    收起列表

    • 视频: 12-1 本章导学 (01:08)
    • 视频: 12-2 Go 编写获取课程订单的接口 (07:46)
    • 视频: 12-3 Flutter 创建学习主列表页面 (25:57)
    • 视频: 12-4 Flutter 创建学习主列表 Cell 组件 (13:25)
    • 视频: 12-5 Flutter 构建课程学习页面——编写页面逻辑 (18:42)
    • 视频: 12-6 Flutter 构建课程学习页面——完成页面主体UI (13:54)
    • 视频: 12-7 Flutter 构建课程学习页面——完成课程评价功能 (15:43)
    • 视频: 12-8 Flutter 构建课程学习页面——创建课程目录 Widget (23:15)
    • 视频: 12-9 Go 创建视频流接口,后端程序开启供视频流服务 (13:44)
    • 视频: 12-10 Flutter 在 SQLite 中存储课程视频学习进度 (09:49)
    • 视频: 12-11 Flutter 使用 MediaKit 播放视频 (19:48)
    • 视频: 12-12 Flutter 监听 MediaKit 中视频播放进度、播放完成等信息 (17:02)
    • 视频: 12-13 Flutter 开发自定义的视频播放控制组件(控制暂停、开始、进度等) (17:46)
    • 视频: 12-14 Flutter 同步视频播放进度到课程目录视频列表 (09:55)
    • 视频: 12-15 Flutter 使用 VideoPlayer 播放视频流 (13:31)
    • 视频: 12-16 Flutter 完成课程免费视频试看功能 (06:15)
    • 视频: 12-17 Flutter 同步平台用户学习时长信息 (13:56)
    • 视频: 12-18 本章总结 (02:43)
  • 第13章 实战--完成账号页补充页面开发 13 节 | 183分钟

    本章实现购物车、订单页面、课程收藏、用户详情页的开发,重点实现购物车功能,购物车前端页面不算复杂,后端逻辑比较复杂,且设计金钱交易,需要仔细实现。

    收起列表

    • 视频: 13-1 本章导学 (01:34)
    • 视频: 13-2 Go 编写获取购物车列表的接口 (08:58)
    • 视频: 13-3 Flutter 开发购物车页面--创建页面路由 (15:12)
    • 视频: 13-4 Flutter 开发购物车页面--展示购物车列表 (16:22)
    • 视频: 13-5 Flutter 开发购物车页面--创建页面的 Bottom Navigation Bar (17:37)
    • 视频: 13-6 Flutter 开发购物车页面--完成删除购物车列表项功能 (17:18)
    • 视频: 13-7 Flutter 开发购物车页面--完成购物车结算功能 (17:24)
    • 视频: 13-8 Flutter 完成课程订单页面 (16:26)
    • 视频: 13-9 Flutter 升级 SDK,升级项目依赖 (12:02)
    • 视频: 13-10 Go 编写获取收藏课程列表的接口 (07:53)
    • 视频: 13-11 Flutter 访问后端服务获取收藏课程列表 (16:43)
    • 视频: 13-12 Flutter 完成关于学习网页面 (18:17)
    • 视频: 13-13 Flutter 开发我的详情页面--编写页面逻辑 (16:49)
  • 第14章 面向讲师和管理员的功能开发,掌握系统用户多角色管理技术 13 节 | 157分钟

    项目中用户类型除了学生,还有讲师和管理员两种角色,本章主要实现面向另外两种角色的功能开发。

    收起列表

    • 视频: 14-1 本章导学 (01:57)
    • 视频: 14-2 Flutter 完善 MainTab 根据用户角色展示不同页面--编写组件逻辑 (10:37)
    • 视频: 14-3 Flutter 完善 MainTab 根据用户角色展示不同页面--编写 AppBar组件 (22:20)
    • 视频: 14-4 (结尾没说完)Flutter 完善 MainTab 根据用户角色展示不同页面--编写主体页面 (15:15)
    • 视频: 14-5 Flutter 完善 MainTab 根据用户角色展示不同页面--编写 BottomBar组件 (04:45)
    • 视频: 14-6 Go 开发讲师课程信息获取接口 (17:24)
    • 视频: 14-7 Flutter 开发讲师课程信息展示页面逻辑 (12:53)
    • 视频: 14-8 Flutter 完成讲师课程信息展示页面_1 (24:56)
    • 视频: 14-9 Flutter 完成讲师所有课程展示页面 (15:30)
    • 视频: 14-10 Go 开发管理员信息获取接口 (09:03)
    • 视频: 14-11 Flutter 开发管理员信息展示页面逻辑 (09:07)
    • 视频: 14-12 Flutter 完成管理员信息展示页面 (10:59)
    • 视频: 14-13 本章总结 (01:57)
  • 第15章 实战--开发前端首页功能 12 节 | 114分钟

    本章实现 App 的首页,展示新课程、热门课程、热门讲师等信息,并重点使用ListView 之外的集合展示组件:CollectionView等。

    收起列表

    • 视频: 15-1 本章导学 (01:35)
    • 视频: 15-2 Go 开发后端接口返回新课、热门课、热门讲师、特色课等信息 (11:22)
    • 视频: 15-3 Flutter 开发首页逻辑代码 (11:47)
    • 视频: 15-4 Flutter 开发首页使用GridView展示新上好课 (16:24)
    • 视频: 15-5 Flutter 开发首页使用TabBarView + GridView展示热门课 (06:53)
    • 视频: 15-6 Flutter 开发首页使用GridView展示热门讲师 (09:47)
    • 视频: 15-7 Flutter 开发首页使用GridView展示特色课 (06:10)
    • 视频: 15-8 Go 开发讲师课程详情信息返回接口 (11:46)
    • 视频: 15-9 Flutter 开发展示讲师详情页面 (10:34)
    • 视频: 15-10 Flutter 开发展示讲师课程列表 (20:02)
    • 视频: 15-11 Flutter 实现GoRouter 的 redirect 路由重定向功能,处理用户未登录时的前端界面访问 (06:06)
    • 视频: 15-12 本章总结 (00:46)
  • 第16章 后端服务程序Docker部署 3 节 | 27分钟

    本章主要介绍如何打包前端App(iOS 和 Android),以及如何在 Docker 中部署后端服务程序。

    收起列表

    • 视频: 16-1 构建后端服务的 Docker 镜像 (15:10)
    • 视频: 16-2 打包 Android apk 文件 (05:53)
    • 视频: 16-3 打包 iOS IPA 文件 (05:38)
  • 第17章 课程总结与展望 1 节 | 8分钟

    本章作为课程总结,回顾项目中的学习内容,并讨论项目下一步的发展,从何角度继续开发完善本项目。

    收起列表

    • 视频: 17-1 课程总结 (07:07)
本课程已完结

试看

全部试看小节



讲师

haharsw 全栈工程师

haharsw,拥有丰富的一线开发经验,曾负责多个千万级大型项目的开发,包括大型在线教育系统、电商平台、电信系统和社交网络应用等。目前作为独立开发者,开发并上线了9款App,累计下载用户超千万,最高App 日活7万+。

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题