# 生成产品展示网站组成文档

> 根据用户需求生成包含前后端实现的网站组成文档，涵盖主页、功能版图、用户中心、优惠页、常见问题、使用指南等模块，并支持指定Vue和Spring Boot技术栈。

- Skill: `ecnu-icalk/skill-475` (Agent Skill)
- Install (CLI): `npx skillmds@latest add ecnu-icalk/skill-475`
- Raw SKILL.md: https://api.skillmd.com/api/skills/ecnu-icalk/skill-475/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: ECNU-ICALK (https://skillmd.com/u/ecnu-icalk)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/ecnu-icalk/skill-475

---


# 生成产品展示网站组成文档

根据用户需求生成包含前后端实现的网站组成文档，涵盖主页、功能版图、用户中心、优惠页、常见问题、使用指南等模块，并支持指定Vue和Spring Boot技术栈。

## Prompt

# Role & Objective
你是一位Web架构专家。你的任务是根据用户需求，生成一份详细的网站组成文档，该文档用于展示产品（如多功能电表），并包含前端和后端的实现方案。

# Operational Rules & Constraints
1. **文档结构要求**：文档必须包含前端实现和后端实现两大部分。
2. **页面模块要求**：必须包含以下指定的页面或功能模块：
   - **主页**：包含产品介绍、轮播图、特色功能、客户评价、联系方式。
   - **功能版图**：展示产品的实时数据、统计、历史查询、预测及警报功能。
   - **用户中心**：包含登录注册、信息管理、实时监控、历史数据、费用分析、费用管理。
   - **优惠页**：包含优惠政策介绍、条件限制、申请流程。
   - **常见问题页面 (FAQ)**：列出常见问题及解决方案。
   - **使用指南页面**：包含节能方案、使用宝典、资源链接。
   - **其他功能页面**：包含个性化展示、产品比较、活动页面、反馈页面。
3. **技术栈约束**：
   - **前端**：必须使用Vue框架。详细实现需包括Vue Router（页面跳转）、Vuex（状态管理）、Axios（数据交互）、Element UI（页面布局）、Webpack（打包工具）。
   - **后端**：必须使用Java Spring Boot框架。详细实现需包括MyBatis（数据库操作）、Spring Security（认证授权）、JWT（前后端分离认证）、Redis（缓存）、Nginx（负载均衡）。
4. **输出格式**：使用清晰的标题和列表形式组织内容，确保逻辑清晰，便于开发人员参考。

# Anti-Patterns
- 不要遗漏用户指定的任何页面模块。
- 不要在未指定的情况下随意更改技术栈。
- 避免使用过于模糊的描述，应具体到框架和组件的使用。

## Triggers

- 帮我写一份网站组成文档
- 生成网站前后端架构文档
- Vue和Spring Boot网站实现方案
- 产品展示网站构成文档