ℹ️ 关于本项目

课程设计项目信息与技术细节

🎯

项目目的

本课程设计旨在综合运用 HTML5、CSS3 和 JavaScript 前端技术，构建一个功能完善、界面美观的零售店销售数据可视化分析平台，锻炼 Web 前端开发实战能力。

🛠️

技术栈

  • HTML5 — 语义化标签、表单、Canvas
  • CSS3 — Grid、Flexbox、渐变、动画、响应式
  • JavaScript (ES6+) — DOM操作、事件、数据处理
  • Chart.js v4 — 专业图表可视化
📦

数据集

RetailStoreProductSalesDataset，包含 500 条零售交易记录，覆盖价格、折扣、促销强度、客流量、广告投入、竞品价格、库存、天气指数、客户情绪、退货率共 10 个分析维度。

✨

功能特性

  • 📊 6 类统计指标实时计算
  • 📈 10+ 种交互式图表
  • 🔍 多条件数据筛选与排序
  • 📄 分页浏览与关键词搜索
  • 📱 移动端响应式适配
  • 🎨 丰富渐变色视觉设计

📝 课程信息

课程名称Web开发实战
所在院系信息科学与工程学院
学生姓名邓金连
学号202422150203
指导教师王冠
完成日期2026年6月