从 CSV 到 Web 应用
beginner~15 分钟0/4 步骤
从 CSV 到 Web 应用
你已经会查询数据，也会用 SQL 切分数据。现在来学习如何把数据展示出来。
电子表格里的表格对世界是不可见的，而浏览器里的表格就是一个产品。在本课中，你将从零开始构建一个交互式 HTML 数据仪表盘——带有可排序样式的表头、按颜色区分的行，以及一个汇总行。不用 Python，也不用 Pandas，只用 HTML 和 Tailwind。
操作说明
1
添加一个 <h1> 仪表盘标题——这份数据展示的是什么？
提示： 试试：`<h1 class="text-2xl font-bold text-white">产品分析</h1>`
2
添加一个 <table>，其中的 <thead> 至少包含 3 个列标题（<th>）
3
添加一个 <tbody>，至少包含 4 行数据（<tr>）——填入看起来真实的数字
4
在底部添加一个合计行：<tr class="summary-row">，每列放上加粗的合计值
你的代码
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
用 ViBot 来 Vibe0 / 12 条免费消息
描述你想为这一步构建的内容，我来编写代码——然后点击「应用」把它放进你的编辑器。 本步骤：添加一个 <h1> 仪表盘标题——这份数据展示的是什么？
实时预览
实时预览