模块 4 · 完整应用能力 · 第 4/8 节

🎯学习目标

• 会做带校验的表单
• 会添加搜索和筛选
• 会搭建数据看板和管理后台

🧭操作步骤

1. 1

   表单与校验

   说明必填项、格式要求（手机号、邮箱）、提交后的提示。

2. 2

   搜索

   说明按哪些字段搜索，例如按姓名或电话。

3. 3

   筛选与排序

   说明筛选条件（状态、日期范围）和默认排序。

4. 4

   仪表盘

   说明要展示的指标和图表类型：本月新增、转化率、趋势折线图。

5. 5

   管理后台

   只对管理员开放，包含数据列表、编辑、导出等功能。

💬可复制提示词

客户列表页：顶部有搜索框（按姓名或电话搜索），可按状态筛选、按创建时间排序，每页 20 条，支持分页。没有数据时显示引导新增的空状态。

做一个仪表盘：顶部 4 个数字卡片（客户总数、本月新增、成交数、成交率），下方一个近 6 个月新增客户折线图和一个客户状态饼图。

📝自检题