你将收获

如何使用AI开发工具Open code

如何使用AI开发公司网站

适用人群

使用AI开发的人员

课程介绍

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设置