如何使用Google Docs作为网站的后端?

时间:2014-03-06 17:58:20

标签: html5 css3 spreadsheet google-docs backend

我正在建立一个网站,需要我的客户更新数据。我只知道如何前端开发一个简单的HTML / CSS站点,但是让他们更新这个表而不会弄乱代码是最好的情况。

基本上我已经在我的文档中构建并设置了一个表格,但是,我想知道是否可以从谷歌文档(例如电子表格)中提取信息以自动更新网站上表格的字段。建设。

该表适用于节目,因此基本列为日期,地点,信息,城市,国家,RSVP

大多数情况下需要文本输入,但RSVP是指向Facebook活动页面或销售门票的外部网页的链接,因此RSVP列将有一个需要在表格中更新的链接。

请告诉我最简单的方法。

最后一件事是,有没有办法对出现的行数设置限制?

1 个答案:

答案 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;
#>