网站项目实战

会员管理后台网站

一套专门给小白使用的 AI 提示词教程，按步骤生成 Vite + Vue3 + Express + Prisma + MySQL 会员管理后台。

10 节课程 12 天完成 60 条提示词

Vite Vue3 Pinia Axios Express TypeScript Prisma MySQL JWT

建议按顺序学习。

课程目录

按顺序学习

共 10 节

序号章节内容时长操作

先从入门指南学习编程概念、安装运行环境、准备开发工具，再进入项目实战。

先把会员管理后台的登录、首页、个人中心、会员资料、等级、标签和会员卡功能告诉 AI，让 AI 理解项目上下文。

让 AI 创建 Vue3 前端项目，配置 TailwindCSS 和 /api 代理，先做登录页、后台布局、个人中心和业务菜单占位。

让 AI 创建 Express 后端项目，配置 TypeScript、环境变量、CORS 和基础 /api 接口，先确认服务能启动。

先学习 MySQL 基础和可视化工具，再让 AI 配置 .env、Prisma 和 DATABASE_URL，确认后端能连接数据库。

用一个完整提示词让 AI 一次性完成管理员用户表、后端登录接口、前端登录页、个人中心和访问限制。

用一个完整提示词让 AI 完成会员资料表、后端接口、前端列表和表单联调，先做最基础的会员信息管理。

用一个完整提示词让 AI 完成会员等级表、后端能力、前端等级页面，并把等级选择接入会员资料。

用一个完整提示词让 AI 完成会员标签表、后端能力、前端标签页面，并把多标签选择接入会员资料。

用一个完整提示词让 AI 完成会员卡表、后端能力、前端会员卡页面，并把会员卡绑定到会员身上。