我正在建立一个网站,需要我的客户更新数据。我只知道如何前端开发一个简单的HTML / CSS站点,但是让他们更新这个表而不会弄乱代码是最好的情况。
基本上我已经在我的文档中构建并设置了一个表格,但是,我想知道是否可以从谷歌文档(例如电子表格)中提取信息以自动更新网站上表格的字段。建设。
该表适用于节目,因此基本列为日期,地点,信息,城市,国家,RSVP
大多数情况下需要文本输入,但RSVP是指向Facebook活动页面或销售门票的外部网页的链接,因此RSVP列将有一个需要在表格中更新的链接。
请告诉我最简单的方法。
最后一件事是,有没有办法对出现的行数设置限制?
答案 0 :(得分:2)
是的,你可以这样做。有一个名为Cloud Snippets的第三方产品(www.cloudward.com)。代码片段使用名为EASE(开源)的标记语言来访问Google表格和文档 - 这些都嵌入到您的普通HTML / css页面中。然后很容易部署到您的网站。对Google文档的任何更改都会自动发布到您的网页。
Snippets如何工作 - 预处理EASE代码 - 在下面的示例中,Google Sheet被读取并嵌入到HTML页面中 - HTML页面正常显示 - 因此,您可以编写HTML / CSS并嵌入EASE标记打开工作表,嵌入文档,并围绕这些进行格式化。
示例,回答您的问题:
1)格式化工作表中的行。此示例获取名为name,address,city,state的列,并将行格式化为表。
<# start list for googlesheet "employees"; #>
<# start header #>
<table>
<tr>
<th>Name</th>
<th>Address</th>
<th>City</th>
<th>State</th>
</tr>
<# end header #>
<!-- Each row in the sheet will be formatted as defined in start-end row block -->
<# start row #>
<tr>
<td><# Name #></td>
<td><# Address #></td>
<td><# City #></td>
<td><# State #></td>
</tr>
<# end row #>
<# start footer #>
</table>
<# end footer #>
<# no results #>
You had no rows in your sheet
<# end no results #>
<# end list #>
2)从工作表中过滤行。更新开始列表以使用过滤器
<# start list for googlesheet "employees";
include when State = "CA";
#>
3)包含Google文档内容。这将拉动Google并嵌入您的网页
<# include google doc "Google Doc Name"; #>
4)要限制页面上的行数 - 您还可以翻页(在下面的示例中每页显示20行)
<# start list for googlesheet "employees";
show 20 rows per page;
#>