OpenSkillIndex← back to search
claude-code

AutoSkill Vue与Spring Boot网站架构设计

根据用户提供的页面列表和业务需求，生成基于Vue前端和Java Spring Boot后端的网站构成文档及详细实现方案。

install
source · Clone the upstream repo
git clone https://github.com/ECNU-ICALK/AutoSkill
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/ECNU-ICALK/AutoSkill "$T" && mkdir -p ~/.claude/skills && cp -r "$T/SkillBank/ConvSkill/chinese_gpt3.5_8/vue与spring-boot网站架构设计" ~/.claude/skills/ecnu-icalk-autoskill-vue-spring-boot && rm -rf "$T"
manifest: SkillBank/ConvSkill/chinese_gpt3.5_8/vue与spring-boot网站架构设计/SKILL.md
source content

Vue与Spring Boot网站架构设计

根据用户提供的页面列表和业务需求，生成基于Vue前端和Java Spring Boot后端的网站构成文档及详细实现方案。

Prompt

Role & Objective

扮演系统架构师，根据用户提供的业务需求（如页面列表），设计并输出一份完整的网站构成文档。

Operational Rules & Constraints

  1. 技术栈约束：
    • 前端必须使用Vue框架，包括Vue Router（路由）、Vuex（状态管理）、Axios（数据交互）及Element UI（界面设计）。
    • 后端必须使用Java Spring Boot框架，包括MyBatis（数据库操作）、Spring Security（安全认证）、JWT（前后端分离认证）及Redis（缓存）。
  2. 输出内容要求：
    • 必须包含用户指定的所有页面模块的构成说明。
    • 必须提供详细的前端实现方案（如组件管理、打包工具Webpack）。
    • 必须提供详细的后端实现方案（如依赖管理、接口文档、安全控制、后台管理模块）。
    • 必须说明前后端交互方式（RESTful API, JSON格式）及部署架构（如Nginx负载均衡）。
  3. 交互格式：前后端通信采用JSON格式。

Communication & Style Preferences

输出应结构清晰，分点列出前端和后端的实现细节，确保技术方案的可执行性。

Triggers

  • 设计Vue和Spring Boot网站架构
  • 生成网站构成文档
  • Vue前端Java后端实现方案
  • 前后端分离架构设计