1.大学生每学期面对十几门课程,不同教室、不同时间,很容易混淆或遗忘。纸质课表不方便修改,手机备忘录不够直观。
2.小型电商卖家(闲鱼、朋友圈、微店)往往手动记录商品信息,Excel 管理效率低,容易出错。需要一个轻量级的商品管理工具。
3.闲鱼卖家、微商、校园代理、小型电商创业者
点击空白处退出提示
1.大学生每学期面对十几门课程,不同教室、不同时间,很容易混淆或遗忘。纸质课表不方便修改,手机备忘录不够直观。
2.小型电商卖家(闲鱼、朋友圈、微店)往往手动记录商品信息,Excel 管理效率低,容易出错。需要一个轻量级的商品管理工具。
3.闲鱼卖家、微商、校园代理、小型电商创业者
1.课程增删改 添加/编辑/删除课程(名称、教师、教室、星期、节次)
可视化周视图 5天 × 5节次的表格布局,课程卡片用渐变色区分
统计面板 实时显示总课程数、周课时、今日课程数
本地存储 localStorage 持久化,关闭浏览器数据不丢失
示例数据 预置 7 门课程,涵盖高数、英语、汽车构造等
数据导出 一键导出课表为文本文件
2.商品增删改 完整的 CRUD:名称、图片、分类、价格、库存、状态、描述
库存看板 四个统计卡片:商品总数、库存总量、在售数、库存总价值
搜索筛选 按名称模糊搜索 + 按在售/下架状态筛选
状态管理 商品上架/下架切换,标签颜色自动变化
本地存储 localStorage 持久化,6 件示例商品预置
3.知识检索 全文搜索 + 四大分类筛选(发动机/电气/底盘/保养)
卡片展示 卡片网格布局,摘要预览,点击展开详情侧面板
专业知识 预置 10 条知识:发动机启动、怠速、刹车、空调、机油、变速箱、电瓶、轮胎、故障灯、火花塞
详情面板 每条知识含:故障现象 → 常见原因 → 诊断步骤 → 解决建议
暗色主题 专业工具风格深色 UI
我定义"做什么"和"为什么做"
三个 Demo 都实现了完整的数据录入→管理→展示闭环,用纯前端技术(HTML+CSS+JS+localStorage)实现了通常需要后端才能做到的增删改查功能。




评论