daihuayang

项目概述 本项目包含一个H5网页​（用于展示题目及解析）和一个后台管理系统​（支持题目录入与管理），采用前后端分离架构，基于HTML5、Vue.js（前端）和Node.js/Java（后端）实现。以下是完整说明：

一、项目结构 markdown ├── frontend-h5/ # H5前端
│ ├── src/ # 源码目录
│ │ ├── assets/ # 静态资源（图片、CSS）
│ │ ├── components/ # 通用组件（题目卡片、解析弹窗）
│ │ ├── views/ # 页面视图（首页、详情页）
│ │ └── api/ # 接口请求封装
├── admin-system/ # 后台管理系统
│ ├── src/
│ │ ├── pages/ # 管理页面（题目列表、新增/编辑表单）
│ │ └── utils/ # 工具类（数据校验、请求封装）
├── server/ # 后端服务
│ ├── model/ # 数据模型（题目、解析）
│ ├── controller/ # 业务逻辑（增删改查接口）
│ └── config/ # 数据库配置
└── README.md # 项目说明
二、功能模块

1. H5网页功能 ​题目展示：分页加载题目列表，支持点击查看解析。 ​解析交互：弹窗或折叠面板显示解析内容，支持图文混排。 ​响应式布局：适配手机、平板、PC端（使用Flex/Grid布局）。 ​性能优化：图片懒加载、资源压缩（WebP格式）。
2. 后台管理系统功能 ​题目管理： ​新增/编辑：表单支持富文本编辑器录入题目和解析。 ​批量操作：支持Excel导入、批量删除。 ​权限控制：管理员登录验证（JWT令牌）。 ​数据统计：题目访问量、用户行为分析（集成ECharts）。
3. 后端API ​接口设计：RESTful风格，提供题目列表、详情、搜索接口。 ​数据库：MySQL存储题目数据，Redis缓存高频访问内容