VueClaude Code+DeepSeek+AI开发公司网站项目实战
Claude Code+DeepSeek公司网站实战## 1. 项目概述基于 Vue + Node + MySQL 构建的通用公司网站，包含前台展示和后台管理全功能。## 2. 技术栈| 层级 | 技术 | 说明 ||------|------|------|| 前端 | Vue 3 + Vue Router | SPA 单页应用 || UI框架 | Bootstrap 5.x | 响应式布局，本地 lib 引入 || 图标 | Font Awesome 6.x Free | 字体图标，本地 lib 引入 || 富文本编辑器 | wangEditor | 国产轻量，内置图片上传 || HTTP客户端 | Axios | 前后端数据交互 || 后端 | Node.js + Express | RESTful API || ORM | Sequelize | MySQL ORM || 数据库 | MySQL 8 | 本地 localhost:3306 || 认证 | JWT (JSON Web Token) | 后台登录认证 |
共11节 6人已学习¥39.0 免费试学
AIGC/LLMClaude Code基础教程（Windows桌面版）
Claude Code基础教程（Windows桌面版）讲解Claude如何接入第三方（DeepSeek示例）接口跳过登录Claude中Cowork和code模式生成网页体验Claude中Cowork和Code模式介绍和如何选择Claude在Code模式使用提示词生成网页Claude生成网页通用流程介绍Claude目录和核心文件介绍Claude中如何使用claude点md文档Claude中如何创建自己的规则rulesClaude中使用自定义规则rules生成公司网页(多页面)Skills技能基础语法、Claude中调用skills技能ui-ux-pro-max生成网页
共13节 11人已学习¥39.0 免费试学
微信开发Cursor3+AI开发公司小程序（后台Node）
Cursor3+AI实战开发公司小程序(后台Node)一个基于微信小程序的 通用公司展示 项目，用于对外展示公司信息、产品、资讯，并接收客户留言。数据均存储于本地 MySQL 8 数据库。整体由三部分组成：1. 微信小程序（前端）：面向 C 端用户，原生开发，5 个底部 Tab（主页 / 资讯 / 产品 / 关于 / 留言）。2. 后端 API 服务：Node.js + Express，提供小程序和后台管理所需的所有 RESTful 接口。3. 后台管理系统：Vue 3 + Element Plus 的独立 SPA，供管理员维护所有业务数据。
共10节 4人已学习¥39.0 免费试学
其他Codex+AI开发公司网站(Vue前端+Node后台)
Codex+AI开发公司网站(Vue+Node)一套可直接运行的企业官网，效果查看演示视频项目概览- 前端：Vue 3 + Vite + Vue Router + Pinia- 后端：Node.js + Express- 数据库：MySQL 8- UI：本地 Bootstrap + Font Awesome- 富文本：wangEditor目录结构- `frontend`：前台站点与后台管理前端- `backend`：API、数据库初始化、文件上传、静态资源服务- `lib`：用户提供的 Bootstrap 与 Font Awesome 原始资源- `uploads`：用户提供的演示图片素材初始化行为- 后端启动时会自动检测数据库表是否存在- 如表为空，会自动写入茶叶行业示例数据- 会自动创建演示管理员账号： - 用户名：`admin` - 密码：`admin123456`
共9节 3人已学习¥39.0 免费试学
其他Kiro+AI开发公司网站(Vue前端+Node后台)
Kiro+AI开发公司网站(Vue+Node)一个功能完整的通用公司网站，包含前端展示、后台管理和数据库支持。## 技术栈- **前端**: Vue 3 + Bootstrap 5 + Font Awesome + WangEditor- **后端**: Node.js + Express + MySQL 8- **认证**: JWT前台页面1. 首页（轮播图 + 公司简介 + 热门产品 + 最新新闻）2. 关于我们（公司介绍 + 企业文化 + 发展历程 + 联系方式）3. 产品中心（分类筛选 + 搜索 + 分页）4. 产品详情5. 新闻中心（分页列表）6. 新闻详情（浏览次数统计）7. 联系我们（联系方式 + 在线留言表单）后台管理页面1. 管理员登录2. Dashboard（数据统计 + 快捷入口）3. 公司信息管理（WangEditor富文本编辑器）4. 轮播图管理（图片上传 + 启用/禁用）5. 产品分类管理6. 产品管理（WangEditor富文本编辑器 + 图片上传 + 热门标记）7. 新闻管理（WangEditor富文本编辑器 + 图片上传）8. 留言管理（查看详情 + 标记已读）管理员账号- **用户名**: admin- **密码**: admin123
共10节 0人已学习¥39.0 免费试学
Node.jsOpen code+AI开发公司网站(Vue前端+Node后台)
Opencode+AI开发公司网站(Vue+Node)一个功能完整的通用公司网站，包含前端展示、后台管理和数据库支持。## 技术栈- **前端**: Vue 3 + Vue Router- **后端**: Node.js + Express- **数据库**: MySQL 8- **UI框架**: Bootstrap 5 + Font Awesome- **富文本编辑器**: CKEditor 5## 默认账号- **后台管理账号**: admin / admin123- **访问地址**: http://localhost:8080/admin/login## 功能模块### 前台页面- 首页 - 轮播图、热门产品、最新新闻- 关于我们 - 公司介绍- 产品中心 - 产品列表、分类筛选- 产品详情 - 产品图片轮播、详情- 新闻中心 - 新闻列表、分类筛选- 新闻详情 - 新闻内容- 留言板 - 在线留言- 联系我们 - 联系方式### 后台管理- 首页 - 系统统计- 轮播图管理 - CRUD- 公司信息 - 信息编辑- 产品管理 - 分类+产品 CRUD- 新闻管理 - 分类+新闻 CRUD- 留言管理 - 查看、回复- 系统配置 - SEO设置
共9节 16人已学习¥39.0 免费试学
AIGC/LLMWindsurf+AI开发公司网站（前端Vue+后台Node）
Windsurf+AI开发公司网站(Vue+Node)一个功能完整的通用公司网站，包含前端展示、后台管理和数据库支持。## 开发技术栈- **前端框架**：Vue 3 + 组合式 API + Vue Router + Pinia- **UI 框架**：Bootstrap 5（资源位于 `lib/bootstrap/`）+ Font Awesome（`lib/font-awesome/`）- **后端**：Node.js + Express- **数据库**：MySQL 8- **富文本编辑器**：WangEditor v5（原生支持 Vue3、支持图片上传插入）### 前台页面1. **首页**：轮播图 + 公司简介摘要 + 产品展示 + 最新新闻 + 招聘信息 + 友情链接2. **关于我们**：公司信息详情页3. **产品中心**：产品分类 + 产品列表（分页）+ 产品详情4. **新闻资讯**：新闻分类 + 新闻列表（分页）+ 新闻详情5. **人才招聘**：招聘列表 + 招聘详情6. **联系我们**：公司信息 + 在线留言表单### 后台管理1. **登录页**：管理员登录2. **仪表盘**：数据统计概览3. **各模块管理页**：统一列表页（分页）+ 表单页（含富文本编辑器）
共10节 0人已学习¥39.0 免费试学
AIGC/LLMZed+AI基础教程（windows桌面版）
主要讲解AI开发工具Zed（windows桌面版IDE）的基础使用。讲解如何下载Zed开发工具，如何安装，Zed开发工具的介绍。如何使用Zed，如何使用一句话生成网页测试，如何使用提示词生成网页测试如何在Zed中接入其他的AI模型，如何接入DeepSeek模型并生成网页在zed中AGENT文件、rules文件、Skills文件的语法规则和如何使用如何在Zed开发工具中使用AI生成公司网页等通过使用Zed开发工具，实战讲解各个知识点的使用
共10节 9人已学习¥39.0 免费试学
AIGC/LLMWindsurf+AI基础教程（Windows桌面版IDE）
讲解Windsurf开发工具如何下载，如何安装。Windsurf开发工具如何使用，如何设置；如何用Windsurf开发工具的AI写第一个测试网页代码。Windsurf提示DeepWiki和Tab、ESC如何使用。Windsurf记忆Memories介绍、全部和项目记忆。Windsurf目录作用域指令AGENTS文档介绍。Windsurf规则rules介绍、全部和工作区、如何创建规则rules。Windsurf如何创建技能Skills、技能Skills语法详解。Windsurf中安装ui-ux-pro-max技能和生成网页测试。Windsurf中使用提示词生成网页和修改测试。Windsurf如何建立规则rules批量生成网页测试。Windsurf规则rules如何转成技能Skills。Windsurf使用如何技能Skills批量生成网页测试。
共16节 2人已学习¥39.0 免费试学
AIGC/LLMKiro+AI基础教程（Windows桌面版IDE）
Kiro 是亚马逊云科技（AWS）推出的一款 AI 驱动的集成开发环境（IDE）。它的核心理念是 “规范驱动开发”（Spec-Driven Development），旨在解决传统“Vibe Coding”（随性编码）中代码质量低、可维护性差的问题，让 AI 更适合构建复杂的企业级项目。本次Kiro基础教程讲解如下内容如何访问Kiro官方网站、下载Kiro桌面版IDE工具、如何安装AI开发工具Kiro IDE工具介绍Kiro IDE的Vibe模式介绍和如何使用该模式生成网页Kiro IDE的Spec模式介绍和生成网页流程演示Kiro开发工具Specs文档介绍，包含哪几种文档，每种文档的意义Kiro开发工具Steering文件介绍Kiro开发工具如何使用Skills技能，案例：如何使用Ui-ux-pro-max技能生成网页Kiro开发工具使用AGENTS文档（Steering文件）内容生成网页，案例：生成完成的公司网站页面
共10节 4人已学习¥39.0 免费试学
AIGC/LLMCursor3+AI开发基础教程(Windows桌面版IDE)
Cursor 3 是 Cursor 编辑器的一次重大版本更新，其核心变化是将产品从一个 AI 驱动的代码编辑器，转变为一个以智能体（Agent）为中心的协作开发工作台。简单来说，它的角色从“帮你写代码的工具”升级成了“替你跑任务的指挥中心”。本次课程主要讲解Cursor3这个AI开发工具的使用，如何使用Cursor3来进行开发编程。讲解如何从Cursor3官方网站下载windows安装包、如何安装如何在Cursor3中一句话生成网页如何使用支付宝购买Cursor3和Cursor3最新支持模式介绍如何在Cursor3中使用Opus4.7moshi Cursor3中plan、ask、debug、agent模式介绍Cursor3中Agent模式和Editor模式介绍如何在Cursor3中使用plan公司网页计划、然后生成对应的公司网站页面Cursor3中plan的时候如何使用本地数据Cursor3中Agent规则文档的使用Cursor3中规则rules的使用和生成网页Cursor3中技能skill的语法和生成网页Cursor3中安装ui-ux-pro-max技能和生成页面
共17节 6人已学习¥39.0 免费试学
AIGC/LLMCodex+AI基础教程（Windows桌面版IDE）
讲解Codex开发工具如何下载，如何安装。Codex开发工具如何使用，如何设置。Codex开发工具中如何创建自己的AGENTS.md和rules规则，如何使用规则。Codex中如何创建用于生成母婴用品公司网页的AGENTS文档Codex中使用AGENTS生成母婴用品公司网页Codex中AGENTS转换成技能Skills技能skills的基础语法，如何创建技能skillsCodex中安装使用ui-ux-pro-max技能和生成网页Codex中使用自定义skills技能生成公司网页
共11节 13人已学习¥39.0 免费试学
PythonAI开发Python程序教程（Trae+AI全程实录）后台管理系统实战
使用AI开发Python后台管理系统（Trae+AI全程实录）AI开发Python程序（Trae+AI全程实录）主要讲解如何使用AI开发一个基于Python的Django框架的后台权限管理系统主要包含功能用户认证：登录、退出、密码修改菜单管理：一级菜单、二级菜单的增删改查角色管理：角色的创建、编辑、删除，分配菜单权限账号管理：后台用户的创建、编辑、删除，分配角色 技术栈后端框架：Django 4.2数据库：MySQL 8.0前端框架：Bootstrap 5.3.3图标库：Font Awesome 6.5.1Python版本：3.8+
共17节 19人已学习¥49.0 免费试学
Java使用AI开发Java程序教程（Trae+AI全程实录）后台管理系统实战
讲解如何使用AI开发一个基于Java的后台管理系统主要讲解如何使用AI开发一个基于Java的Springboot框架的后台权限管理系统主要包含功能1. 后台登录功能 - 实现了登录页面和登录逻辑 - 支持用户认证和会话管理2. 后台管理系统主页面 - 实现了全屏页面布局 - 顶部显示当前时间、logo和用户操作（修改密码、退出登录） - 左侧显示可展开/折叠的菜单 - 右侧显示内容区域，支持单页面应用体验3. 菜单管理功能 - 1级菜单管理：支持录入和管理1级菜单 - 2级菜单管理：支持选择现有1级菜单后，录入和管理对应的2级菜单4. 角色管理功能 - 支持创建和管理角色 - 支持为角色分配菜单权限5. 后台账号管理功能 - 支持创建和管理后台账号 - 支持为账号分配角色技术栈- 使用了Springboot框架- 使用了Thymeleaf模板引擎- 使用了最新版本的Bootstrap- 使用了Font Awesome字体库- 实现了响应式设计- 支持菜单的展开和折叠
共18节 9人已学习¥49.0 免费试学
微信开发Trae+AI开发微信小程序教程（Trae使用教程）
讲解如何使用字节跳动的Trae工具+AI开发微信小程序以写一个微信洗车预约小程序项目实际操纵演示从零开始，这里说的是从0新建文件夹开始操作项目包含：洗车预约小程序首页、洗车预约小程序新闻资讯列表、洗车预约小程序新闻详情、洗车预约小程序洗车店环境列表、洗车预约小程序环境详情、洗车预约小程序关于我们、洗车预约小程序会员注册、洗车预约小程序会员登录、洗车预约小程序会员首页、洗车预约小程序个人信息修改、洗车预约小程序洗车预约、洗车预约小程序洗车订单列表页面等
共16节 8人已学习¥39.0 免费试学
微信开发Visual Studio Code+AI开发小程序教程
项目包含：景点订票小程序首页、景点小程序资讯列表页面、景点小程序资讯详情页面、景点小程序景点列表页面、景点小程序景点详情页面、景点小程序关于我们页面、景点小程序会员注册页面、景点小程序会员登录页面、景点小程序会员登录后的首页、景点小程序会员订单列表页面等
共14节 6人已学习¥39.0 免费试学
AIGC/LLM用字节Trae+ai开发设计网页，零基础ai编程实战教程
讲解使用字节跳动Trae+AI如何设计一个在线外卖点餐系统从零基础开始、从新建文件夹开始操作；先安装开发工具Trae、然后用AI生成网站页面项目包含了完整的页面：网站首页、菜品大全、菜品详情、厨师团队列表和介绍、餐厅环境、餐厅公告列表和详情、在线外卖点餐、购物车管理、下单、用户注册登录、用户外卖订单管理、会员地址管理、菜品浏览记录、菜品收藏记录、菜品评论记录、个人信息、密码修改等
共22节 61人已学习¥39.0 免费试学
AIGC/LLMVSCode+AI开发网页教程（Trae插件）
讲解使用VSCode 如何集成 AI（插件Trae）编程如何操作以写一个景区景点订票系统为项目实际操纵演示从零基础开始、从新建文件夹开始操作VSCode 的ai插件Trae的安装VSCode+AI如何生成网站页面项目包含了完整的页面：网站首页、景区景点列表、景点详情、旅游攻略列表、旅游攻略详情、旅游线路列表、旅游线路详情、特价列表、特价详情、关于我们、留言反馈、资讯列表、资讯详情、用户注册、会员登录、会员个人信息、会员景点订单列表、会员景点浏览记录、会员景点评论列表、会员景点收藏列表、会员密码修改
共22节 34人已学习¥39.0 免费试学
H5/CSS告别代码：用AI一键生成网页设计（Lingma：阿里通义灵码））
讲解使用Lingma AI编程如何操作以写一个维修网站和预约系统为项目实际操纵演示从零基础开始、从新建文件夹开始操作Lingma IDE的安装Lingma如何生成网站页面如何修改和训练AI模型
共19节 427人已学习¥29.0 免费试学
H5/CSSAI编程教程：腾讯CodeBuddy+GPT
讲解使用CodeBuddy AI编程如何操作以写一个维修网站和预约系统为项目实际操纵演示从零基础开始、从新建文件夹开始操作CodeBuddy IDE的安装CodeBuddy如何生成网站页面如何修改和训练AI模型
共12节 19人已学习¥29.0 免费试学
- 1
- 2
- 3
- 4
- 5
- 6
- 14
