智阅图书信息管理系统前端设计说明

这组笔记记录当前网站的前端设计、功能范围和实现约束,来源于本地项目:

C:\Users\12480\Desktop\web应用开发\frontend

项目是一个面向图书馆日常业务的前后端分离系统,前端使用 Vue 3、TypeScript、Vite、Pinia、Vue Router、Element Plus 和 ECharts。

阅读顺序

  1. [[01 项目总览]]
  2. [[02 需求清单]]
  3. [[03 设计系统]]
  4. [[04 页面模板]]
  5. [[05 组件模板]]
  6. [[07 文案与内容]]
  7. [[08 决策记录]]
  8. [[09 Codex 导入说明]]

当前网站核心

  • 员工端:运营概览、图书管理、读者管理、借还服务、账号与权限。
  • 读者端:图书检索大厅、我的借阅、滞纳金欠费中心。
  • 权限角色:系统管理员、图书操作员、自助读者。
  • 设计方向:温润的图书馆工作台,深绿侧边栏、米色背景、玻璃质感卡片、克制的数据密度。

给 Codex 使用时

让 Codex 先读取本目录,再修改前端:

请先读取 C:\Users\12480\Documents\Obsidian Vault\图书管理系统前端设计 里的笔记,
再根据这些说明修改 C:\Users\12480\Desktop\web应用开发\frontend。

重点读取:

  • [[01 项目总览]]
  • [[02 需求清单]]
  • [[03 设计系统]]
  • [[04 页面模板]]
  • [[09 Codex 导入说明]]