2014-03-06 54 views
2

我正在構建一個網站,目前需要我的客戶更新數據。我只知道如何前端開發一個簡單的HTML/CSS網站,但給他們更新這個表的可能性,而不會弄亂代碼將是最好的情況。如何將Google文檔用作網站的後端?

本質上,我已經在我的文檔中構建了一個表格,然而,我想知道是否可以從Google文檔中提取信息(例如電子表格)以自動更新網站上的表格字段I正在建設中。

的表是表演,所以基本列是日期,地點,信息,城市,國家,RSVP

大多需要文字輸入,但是RSVP是一個Facebook活動頁面的鏈接,或外部網頁銷售票證,所以RSVP列將有一個需要在表格中更新的鏈接。

請告訴我最簡單的方法。

最後一件事,有沒有辦法對出現的行數設置限制?

+0

確實有一個API,但是對於一些後端語言(PHP,Node等),使用mysql會容易得多。另一種選擇是使用類似Firebase的東西。 –

回答

2

是的,你可以做到這一點。有一個名爲Cloud Snippets的第三方產品(www.cloudward.com)。片段使用名爲EASE(開源)的標記語言,可訪問Google表格和Google文檔 - 這些內容都嵌入您的普通HTML/CSS頁面中。然後很容易部署到您的網站。對Google文檔所做的任何更改都會自動發佈到您的網頁上。

片段的工作原理 - 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文檔內容。這將拉動谷歌和嵌入到你的網頁

<# include google doc "Google Doc Name"; #> 

4)要限制在頁面上的行數 - 你也可以頁(每頁顯示20行中下面的示例)

<# start list for googlesheet "employees"; 
    show 20 rows per page; 
#>