首页 实战
收藏

AI+Cursor辅助开发多模态全栈项目

一课掌握AI辅助设计、编码、部署、迭代全程提效整套技术，助你凭硬实力抢占职业新机遇！

未完结：每周更新
|
难度：初级
|
时长：共 24 小时
前端畅销榜第 1 名
优惠到手 ￥269
原价￥299.00
满1788减580 满1188减350 满688减180 满488减120 满188减30

更多

距离活动结束
立即购买
加购物车
  • 掌握多模态项目开发全流程
  • 掌握MasterGo AI设计技巧
  • 提升全栈架构与业务拆解力
  • 掌握AI+人工协同开发技能
  • 掌握AI工具链+全栈开发技术
  • 积累AI+大模型项目开发经验
试看本节课 08:33
试看本节课 18:08
试看本节课 09:05
1-1 多模态全栈项目实战--课程导学
1-2 多模态AI项目功能演示
4-1 如何结合用户需求进行项目需求分析，编写高质量需求文档

课程预览

检测到您还没有关注慕课网服务号，无法接收课程更新通知。请扫描二维码即可绑定
重新观看
AI 正在重塑开发范式，不会用 AI 全栈工具开发与提效的开发者，将面临职业危机。课程带你从0到1打造一款具备AI 聊天、AI 写作、AI 绘图等多模态全栈项目，借助 MasterGo AI（设计提效）与 Cursor（代码生成）AI工具链，快速提升从设计，编码到部署等开发效率。无论前端开发者，后端开发者，拥有全栈开发大模型业务的项目经验及全链路AI提效技能，都能让职业竞争力倍增，摆脱内卷，成为企业抢手的开发人才。
展开所有

本章介绍：

本章主要对整体课程内容进行全面介绍，包括课程内容安排、课程的亮点及优势、讲师介绍、学习建议等。

第1章 AI+Cursor辅助开发多模态全栈项目--课程导学
2 节｜27分钟
展开
  • 视频：
    1-1 多模态全栈项目实战--课程导学
    试看
    08:33
  • 视频：
    1-2 多模态AI项目功能演示
    试看
    18:08

本章介绍：

作为课程的开篇，本章将为你揭示 AI 时代软件开发的趋势，阐述全栈开发技能与多模态 AI 项目结合为何成为核心竞争力。你将了解企业对这类复合人才需求增长的原因，并通过直观的技术全景图，快速掌握前端、后端与 AI 工具链的协同架构，为整个课程的学习建立清晰的目标坐标系。

第2章 AI 智能时代，全栈开发技能 + 多模态 AI 项目才是硬核竞争力
3 节｜27分钟
收起
  • 视频：
    2-1 AI工具链驱动全栈开发：未来软件趋势与竞争力
    07:44
  • 视频：
    2-2 为什么企业对 “全栈开发 + AI 多模态项目” 复合人才需求量越来越大？
    09:14
  • 视频：
    2-3 “全栈开发 + AI多模态项目”融合开发技术全景图
    09:35

本章介绍：

本章从 AI 发展趋势讲起，解析算法、模型等基础概念，对比国内外主流大语言模型。你将明白多模态 AI 的定义及不同模态模型的区别，通过豆包聊天等案例，掌握多模态项目的定位与核心功能，为项目开发奠定认知基础。

第3章 AI 浪潮下多模态探索 -- 核心概念与应用场景
6 节｜58分钟
收起
  • 视频：
    3-1 智能革命爆发：AI发展概论及未来趋势
    11:00
  • 视频：
    3-2 AI 基础术语解析：算法、模型、数据、算力
    11:11
  • 视频：
    3-3 国内外主流大语言模型（LLM）对比介绍
    09:29
  • 视频：
    3-4 国内外主流大语言模型（LLM）怎么选择？
    10:14
  • 视频：
    3-5 什么是多模态AI？文本、图像、语音大模型之间的区别有哪些？
    07:42
  • 视频：
    3-6 豆包聊天、WPS AI 工具等案例剖析，带你明确项目定位与核心功能
    08:19

本章介绍：

本章聚焦项目开发的前期环节，指导你结合用户需求编写高质量需求文档。你将学习使用 MasterGo AI 工具快速设计高颜值 UI 界面，掌握提示词驱动的网页设计方法及细节优化技巧，让你在项目初期就能打造出精品网页雏形。

第4章 AI 多模态全栈项目 -- 需求分析与网页设计
4 节｜52分钟
展开
  • 视频：
    4-1 如何结合用户需求进行项目需求分析，编写高质量需求文档
    试看
    09:05
  • 视频：
    4-2 MasterGo AI 工具介绍与使用方法
    15:38
  • 视频：
    4-3 借助 MasterGo AI 工具绘制多模态AI项目核心界面
    15:24
  • 视频：
    4-4 如何优化与完善网页细节，轻松打造精品网页？
    11:03

本章介绍：

本章从 Vue3.5 框架基础入手，带你认识其特性与应用，掌握生命周期、模板语法等核心知识。你将学习响应式系统、组件化开发、组合式 API 等内容，深入剖析虚拟 DOM 与 Diff 算法，理解模板编译的底层逻辑，最终实现从 "会用" 到 "懂原理" 的进阶。

第5章 前端热门框架 --Vue3.5 最新版系统入门与进阶
15 节｜136分钟
展开
  • 视频：
    5-1 初识Vue3.5 框架，洞悉框架特性与应用
    09:11
  • 视频：
    5-2 掌握 Vue3.5 生命周期钩子函数
    07:19
  • 视频：
    5-3 Vue 3.5 模版语法：构建动态交互界面
    13:42
  • 视频：
    5-4 Vue 3.5 响应式系统实战：理解数据驱动原理，实现视图自动更新
    11:26
  • 视频：
    5-5 熟悉 Vue3.5 监听属性和计算属性
    08:49
  • 视频：
    5-6 Vue3.5 组件化开发实践
    14:44
  • 视频：
    5-7 Vue3.5 组合式API核心特征与自定义组合式API
    06:49
  • 视频：
    5-8 Vue3.5 路由导航实战解析
    10:26
  • 视频：
    5-9 学会Pinia 状态管理，实现跨组件共享数据
    08:11
  • 图文：
    5-10 Vue 3.5 项目常见报错解析与解决方案
  • 视频：
    5-11 基于Vue3.5 框架实现 ToDoList
    15:20
  • 视频：
    5-12 Vue3.5 封装全局自定义指令
    07:40
  • 视频：
    5-13 Vue3.5 双向数据绑定与响应式原理剖析
    08:30
  • 视频：
    5-14 虚拟 DOM 与Diff 算法剖析
    05:51
  • 视频：
    5-15 Vue3.5 模板编译底层逻辑与运行机制详解
    07:34

本章介绍：

本章以 "实战驱动" 方式讲解 Node.js 核心技术。你将从创建基础 web 服务器开始，逐步掌握 fs 模块文件操作、HTTP 模块请求处理等核心技能；通过剖析异步 I/O 与事件循环机制，理解 Node.js 高并发优势的底层逻辑，同时学会安全开发技巧，为后端架构搭建筑牢根基。

第6章 后端热门技术 --Node.js 最新版系统入门与进阶
11 节｜70分钟
展开
  • 视频：
    6-1 后端开发技术栈：为什么选择 Node.js
    06:20
  • 视频：
    6-2 Node.js 核心模块：fs 模块原理与应用，读取和写入文件内容
    08:44
  • 视频：
    6-3 Node.js 核心模块：使用 path 模块处理路径
    06:18
  • 视频：
    6-4 Node.js 核心模块：HTTP 模块原理与应用
    04:07
  • 视频：
    6-5 利用 Http 创建一个基本 web 服务器
    06:38
  • 视频：
    6-6 理解 Node.js 模块化基础概念与作用
    05:39
  • 视频：
    6-7 理解Node.js 模块化不同语法及它们的区别
    06:52
  • 视频：
    6-8 Node.js 模块加载机制底层实现原理剖析
    05:46
  • 视频：
    6-9 Node.js 异步 IO 原理解析
    05:13
  • 视频：
    6-10 Node.js 事件循环机制详解
    06:19
  • 视频：
    6-11 Node.js 安全开发与漏洞防范
    07:37

本章介绍：

本章带你认识 Express 框架，从基础配置到请求处理、路由管理，逐步深入。你将理解中间件的分类与作用，学会封装自定义中间件，掌握错误处理技巧，并结合 RESTful API 规范设计接口，提升后端开发效率。

第7章 Node.js 轻量级 Web 应用框架 --Express 框架系统入门与进阶
6 节｜47分钟
展开
  • 视频：
    7-1 初识Express 框架 — 洞悉框架特性
    06:02
  • 视频：
    7-2 Express 框架基础配置
    09:14
  • 视频：
    7-3 利用 Express 框架处理请求方法及请求参数
    09:30
  • 视频：
    7-4 理解 Express 路由与传参
    07:30
  • 视频：
    7-5 理解 Express 路由分组方法
    07:45
  • 视频：
    7-6 Express 中间件介绍，理解中间件分类及作用
    06:13

本章介绍：

本章讲解 MySQL 数据库的核心概念，从表结构设计到 学习SQL 语句，系统讲解 MySQL 的实战技能。你将学会通过 Express 与 MySQL 联动开发的方法及常见报错处理，通过实现用户信息管理接口，熟练运用数据库与后端联动的技巧。

第8章 MySQL 数据库基础与实践应用
6 节｜46分钟
展开
  • 视频：
    8-1 MySQL 数据库基础与实践应用： 核心概念介绍
    08:21
  • 视频：
    8-2 MySQL 安装与表的基础操作，熟练完成数据库安装、表创建、字段管理等基础操作
    07:31
  • 视频：
    8-3 SQL 语句核心精讲与实践上 ，熟悉 SQL 语法实现高效数据处理（一）
    11:13
  • 视频：
    8-4 SQL 语句核心精讲与实践下，熟悉 SQL 语法实现高效数据处理(二)
    08:35
  • 视频：
    8-5 实现 Express 与 MySQL 联动开发添加和查询用户信息接口
    09:56
  • 图文：
    8-6 Express 与 MySQL 联动开发中常见报错处理

本章介绍：

本章对比国内外主流 AI 辅助编程工具，详细讲解 Cursor、通义灵码、Trae 等工具的使用方法与进阶技巧。你将学会利用这些工具优化开发工作流，让 AI 成为代码编写、调试的高效助手，显著提升开发效率。

第9章 国内外 AI 辅助编程工具对比介绍及其应用
7 节｜56分钟
展开
  • 视频：
    9-1 国内外主流 AI 辅助编程工具概览与对比，了解不同AI编程工具的特点
    07:00
  • 视频：
    9-2 Cursor 工具介绍与基本操作
    08:52
  • 视频：
    9-3 结合Cusor编程优化开发工作流，构建高效开发工作流
    07:38
  • 视频：
    9-4 通义灵码：阿里云的智能编码利器，使用教程与实践
    08:15
  • 视频：
    9-5 字节跳动推出的AI编程工具 Trae ，工具介绍与基本操作
    08:30
  • 视频：
    9-6 Trae 编程工具进阶技巧，高效应用AI 辅助编程
    08:09
  • 视频：
    9-7 使用 Cursor 和 Trae 分别实现简化版 AI 聊天后台管理系统，提高AI辅助编程
    07:32

本章介绍：

本章从提示词的基础认知讲起，阐述其重要性与构建原则。你将了解提示词的分类与适用场景，学会在不同编程场景下编写高质量提示词，并掌握优化与迭代技巧，提升利用提示词提升开发效率与代码质量的能力。

第10章 高效提示词编写全攻略 -- 从基础到场景实践
5 节｜28分钟
展开
  • 视频：
    10-1 提示词基础认知与重要性，了解提示词工程
    04:52
  • 视频：
    10-2 提示词构建的基本原则，学会构建高质量提示词
    05:35
  • 视频：
    10-3 提示词分类与适用场景，了解不同场景下的提示词
    06:11
  • 视频：
    10-4 不同编程场景下的提示词写法，根据特定场景准确编写提示词
    06:12
  • 视频：
    10-5 提示词的优化与迭代技巧，持续提升代码质量
    04:34

本章介绍：

本章从 Vite 基础入手，带你掌握快速上手与项目初始化的方法，深入解析热更新、静态资源管理等核心功能。你将学习配置文件优化、插件系统应用及生产环境构建技巧，让你能充分发挥 Vite 在前端工程化中的加速作用。

第11章 前端工程化加速引擎 --Vite 从基础到进阶攻略
5 节｜41分钟
展开
  • 视频：
    11-1 Vite 基础入门与核心优势，掌握 Vite 快速上手与项目初始化
    06:53
  • 视频：
    11-2 Vite 核心功能深度解析，理解热更新与静态资源管理技巧
    06:47
  • 视频：
    11-3 Vite 配置文件与基础优化，掌握基础配置与环境定制
    11:30
  • 视频：
    11-4 Vite 插件系统，掌握插件机制
    06:10
  • 视频：
    11-5 Vite 生产环境构建与性能优化，实现代码分包与体积优化
    09:24

本章介绍：

本章开启多模态项目的前端架构实战。你将用 Vite 初始化 Vue3.5 项目，规划合理的目录结构；封装公共组件、全局样式初始化、axios 请求及高频工具函数，完成页面组件拆分与路由配置，搭建起稳固的前端项目架构，为后续功能开发做好准备。

第12章 AI 多模态全栈项目 -- 前端项目架构搭建与配置
5 节｜72分钟
展开
  • 视频：
    12-1 Vite 创建 Vue3.5 初始化项目，规划项目目录结构引入 Element plus 组件库
    10:31
  • 视频：
    12-2 公共组件封装与全局样式初始化，提炼复用组件统一样式开发规范
    14:30
  • 视频：
    12-3 封装 axios 请求，实现请求拦截及响应拦截方法
    14:59
  • 视频：
    12-4 项目中高频工具函数封装，方便项目开发中重复取用
    14:54
  • 视频：
    12-5 项目中页面组件拆分和Vue Router路由配置，掌握组件拆分思路
    16:32

本章介绍：

本章带你初始化 Node.js 后端项目，规划目录并创建 HTTP 服务实现前后端通信。你将制定接口规范，利用 ApiFox 进行接口测试与文档导出，掌握控制器处理请求的方法，完成用户、聊天信息等表结构设计，构建清晰的后端项目架构。

第13章 AI 多模态全栈项目实战 -- 后端项目架构与数据库设计
7 节｜73分钟
展开
  • 视频：
    13-1 Node.js 项目初始化与目录规划，实现后端启动
    09:35
  • 视频：
    13-2 创建 HTTP 服务，实现前后端通信与请求处理
    08:46
  • 视频：
    13-3 制定接口设计规范及拆解业务场景，提升前后端协作效率
    13:00
  • 视频：
    13-4 ApiFox 接口管理工具实用技巧
    11:41
  • 视频：
    13-5 控制器处理请求与数据操作，掌握控制器层业务逻辑处理能力
    09:41
  • 视频：
    13-6 完成用户&聊天信息表结构设计，掌握数据库表结构设计
    12:06
  • 视频：
    13-7 完成提示词&文章表结构设计，掌握数据库表结构设计
    07:49

本章介绍：

本章聚焦登录注册的全流程开发。你将实现带表单验证的前端登录页，开发安全的后端接口；深入理解 JWT 认证机制与密码加密存储方法，通过前后端联调，完整实现登录注册功能，最终打造出兼具安全性与用户体验的身份认证系统。

第14章 AI 多模态全栈项目实战 -- 登录注册功能实现
5 节｜52分钟
展开
  • 视频：
    14-1 登录页开发，实现前端页面
    07:11
  • 视频：
    14-2 登录&注册接口&头像上传功能开发
    15:49
  • 视频：
    14-3 JWT 原理讲解与 Token 生成验证
    06:56
  • 视频：
    14-4 前后端鉴权全流程讲解
    09:11
  • 视频：
    14-5 登录注册接口联调，实现登录注册功能
    12:15

本章介绍：

本章带你实现项目核心的 AI 聊天功能。你将优化聊天界面的交互体验，掌握豆包文本模型的 API 接入技巧，实现流式响应与逐字渲染效果。你将添加多轮对话功能，美化 AI 答案，开发并联调聊天信息管理接口，解决聊天记录过多导致的页面卡顿问题。

第15章 AI 多模态全栈项目实战 -- 接入豆包文本生成模型，智能聊天和信息管理功能开发
9 节｜97分钟
展开
  • 视频：
    15-1 对 AI 聊天界面进行布局优化，掌握界面优化技巧
    07:54
  • 视频：
    15-2 会话列表管理接口开发，掌握对话列表接口开发能力
    11:53
  • 视频：
    15-3 会话列表管理接口联调，完成功能点数据交互逻辑
    08:24
  • 视频：
    15-4 了解豆包对话模型和深度思考模型 API 的输入输出格式，明确模型输入参数配置
    07:41
  • 视频：
    15-5 接入 豆包对话模型和深度思考模型，实现数据流式响应
    12:52
  • 视频：
    15-6 接入模型实现AI聊天功能，处理流式响应并实现逐字渲染
    11:04
  • 视频：
    15-7 AI答案解析与美化，掌握Markdown 渲染与表格美化技巧
    09:32
  • 视频：
    15-8 AI聊天添加多轮对话功能，管理历史对话内容
    11:48
  • 视频：
    15-9 后端分页和前端长列表加载数据，解决聊天记录过多时页面卡顿问题
    15:41

本章介绍：

本章带你扩展聊天功能，接入豆包语音合成模型实现文本朗读，完成聊天记录复制、转图片下载及加水印等功能。你将开发并联调对话列表、收藏聊天信息等接口，实现提示词库管理与分组功能及输入框智能搜索，丰富项目功能。

第16章 AI 多模态全栈项目实战 -- 聊天功能扩展与提示词管理功能开发
10 节｜90分钟
展开
  • 视频：
    16-1 了解豆包语音合成模型 — 输入输出格式
    06:11
  • 视频：
    16-2 实现语音合成功能与WebSocket 核心解析
    15:32
  • 视频：
    16-3 聊天记录功能扩展（复制/聊天记录转图片）
    08:52
  • 视频：
    16-4 聊天记录下载预览页面加水印，熟悉加水印方法
    06:49
  • 视频：
    16-5 收藏聊天信息接口开发，包括收藏, 取消收藏，获取收藏列表接口
    10:46
  • 视频：
    16-6 收藏聊天信息前端展示及接口联调，实现收藏功能优化客户端数据查看体验
    07:40
  • 视频：
    16-7 我的提示词管理和提示词分组功能接口开发,掌握提示词接口开发实战技能
    14:33
  • 视频：
    16-8 我的提示词分组管理功能实现，掌握如何对提示词进行分类管理
    05:55
  • 视频：
    16-9 我的提示词管理功能实现，轻松对个人提示词进行增删改查
    07:04
  • 视频：
    16-10 实现输入框智能提示词搜索，提高用户操作效率
    05:58

本章介绍：

本章聚焦智能笔记工具的全流程开发。你将集成 WantEditor 富文本编辑器，开发AI 写作助手，调用豆包文本生成模型实现 AI 写作，接入语音识别模型实现快速输入，完成文章分享与列表管理功能，最终打造出集 AI 创作、语音输入、笔记管理于一体的生产力工具。

第17章 AI 多模态全栈项目实战 -- 构建智能笔记工具，掌握 AI 写作与笔记管理
8 节｜74分钟
展开
  • 视频：
    17-1 文字编辑工具，WantEditor 富文本编辑器的使用场景和方法
    07:05
  • 视频：
    17-2 集成 WantEditor 富文本编辑器，实现自定义工具栏
    08:14
  • 视频：
    17-3 自定义AI写作弹窗工具 , 并通过快捷键唤出AI写作弹窗
    08:29
  • 视频：
    17-4 调用豆包文本生成模型实现 AI 写作，掌握 AI 写作交互实现技巧
    13:35
  • 视频：
    17-5 熟悉豆包语音识别模型，了解该模型输入输出格式
    05:00
  • 视频：
    17-6 接入语音识别模型API，通过语音识别实现快速输入文本
    14:22
  • 视频：
    17-7 文章列表管理接口开发，作为前端页面管理文章列表数据入口
    07:11
  • 视频：
    17-8 文章列表管理功能实现，方便用户管理个人笔记
    10:00

本章介绍：

本章带你优化文生图界面，了解豆包文生图模型 API 的输入输出格式并完成调用，实现文生图功能并掌握参数调节技巧。你将开发图片管理接口并实现相关功能，通过图片列表懒加载提升页面加载速度，打造完整的图像生成功能。

第18章 AI 多模态全栈项目实战 -- 打造图像生成功能，掌握从文本到图像的智能创作
7 节｜62分钟
展开
  • 视频：
    18-1 文生图界面布局优化，提升用户体验
    07:15
  • 视频：
    18-2 了解豆包文生图模型 API 的输入输出格式，明确输入参数配置
    07:00
  • 视频：
    18-3 封装豆包文生图模型 API，掌握豆包文生图模型接入方法
    09:18
  • 视频：
    18-4 图片管理接口开发，包括收藏、取消收藏、获取收藏列表接口
    09:23
  • 视频：
    18-5 图片管理功能实现，掌握图片管理交互逻辑
    07:03
  • 视频：
    18-6 图片收藏，取消收藏、获取并渲染图片列表功能实现
    13:37
  • 视频：
    18-7 实现收藏图片列表懒加载和加载后端更多图片功能
    08:22

本章介绍：

本章聚焦项目的测试与部署环节，带你完成全面的质量把控与部署上线。你将系统测试各功能模块的兼容性与稳定性，修复潜在 bug；学习使用 Devbox 工具完成一键部署，确保项目在生产环境稳定运行，让用户能够稳定访问你的多模态 AI 项目。

第19章 AI 多模态全栈项目实战 -- 测试与部署
持续更新

本章介绍：

本章对整个课程内容进行梳理与总结，回顾全栈开发与多模态 AI 项目开发的核心知识点与实战技能。通过整合所学技术，帮助你形成完整的多模态 AI 项目实战能力，为你在实际工作中开展相关项目开发提供有力支撑。

第20章 MasterGo AI+Cursor辅助开发多模态全栈项目--课程总结
持续更新
每周更新直至完结
适合人群
前端工程师
后端工程
全栈工程师
想具备AI全流程提效的开发者
想具备多模态业务开发经验的开发者
技术储备
具备HTML、CSS、JS 基础
环境参数
前端开发 Vue 3.5 + Vite
后端开发 Node.js 、Express
数据库 MySQL 8.0
AI辅助编程工具 Cursor 、Trae 、通义灵码
AI 设计工具 MasterGo Ai （生成UI图）
喜康
资深前端开发工程师
不为别的，只为提升面试通过率
尽管课程时间很长，
但没关系，我们有老师的陪伴，
还有同学之间互相鼓励，彼此帮助，
完成学习后，还能获得慕课网官方认证的证书。
立即购买
查看更多
数据加载中...
查看更多好课
《AI+Cursor辅助开发多模态全栈项目》的真实评价
综合评分：分，共 人参与
篇幅原因，只展示最近100条评价
优惠到手¥299.00
立即购买
加购物车

学习咨询

选课、学习遇到问题？

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

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

微信客服

购课补贴
联系客服咨询优惠详情

 帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

 公众号

扫描二维码
关注慕课网微信公众号