Giter VIP home page Giter VIP logo

ggr_cms's Introduction

GGR_CMS

With GGR_CMS, you can easily change your website content by Google Spreadsheet.

User Story

Completed:

  1. 使用者可以輸入 Google spreadsheet的網址作為數據和內容的來源
  2. 使用者可以使用 Google spreadsheet 中的特定欄或列,來定義XML tag的內容元素,該應用程式會生成一組 JS 文件
  3. 使用者可以選擇spreadsheet的某一個tab是要以欄或是列的方式讀取資料
  4. 使用者可以選擇特定欄或列的資料性質為文字、圖片或是影片
  5. 使用者可以自行為XML tag取名
  6. 透過點選複製按鈕可以複製該 JS 文件內文
  7. 使用者可以將spreadsheet欄位與對應的XML tag名稱 輸出成PDF以便查詢

In progress:
 1. 希望把網站改成AJAX(完成)
2. 重構程式碼(使用者輸入的資料不透過model存取,還在branch進行製作,尚未merge)(完成)
 3. 改變資料存法以增進效能(完成)
 4. 部署上已購買的網域(但現在連heroku的部分也不能使用,因為我們把要用到的api key gitignore,所以直接部署上去會產生錯誤)(完成)
 5. 調整CSS樣式(完成)
 6. 改善使用者體驗(完成)
 7. 目前 JS 文件內指定特定 XML tag的方法是透過id,希望可以改成別的屬性名稱(完成)

Template

Spreadsheet template:
https://docs.google.com/spreadsheets/d/1FpSxr20uj3UgcgoW1vE-dyFUOFuQEMVMVbRpoE15TII/edit#gid=0
Your may have different tabs.
In addition, your data can be formed in columns or rows.

Quick Start

Go to our http://www.frontendsaver.com/
Enter your Google Spreadsheet URL.
Select col or row which the specified data will be read as for the tab.
Select the type of your data(string, photos or video).
Give XML tag a name.
You can save the names of XML tags as a PDF file.
Copy the Javascript file.
Paste it in the html file of your website.
Add the xml tag with the id selecting the specific value in the column you choose to the html file.
EX: <example saver_id="1"></example>
Then, once you change your spreadsheet, your website also updates immediately.

ggr_cms's People

Contributors

tastyleaf avatar mordochi avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.