2017-07-19 57 views
0

我有一個用戶可以選擇不同的模板,他的網頁的要求,例如對用戶的個人資料頁說,我們的Web應用程序應該給多種類型的模板,顯示模板用戶可能會選擇任何一個模板。將來我們可以通過給用戶更多的自由來增強相同的功能,他可以按照自己的意願自定義模板,什麼是動態的Web用戶界面開發適當的方法:基於

自定義模板的例子是:他可以將他的個人資料圖片從左側移動到右側身邊,他可能會改變背景顏色等

什麼是這種UI的最佳方法呢? 我需要保持整個頁面的元數據,然後在客戶端創建它? 我需要建立在服務器端的整個HTML,只是加載它在客戶端?

是否有這種UI開發的玉/ Node.js的任何框架? 我對這種發展完全陌生,所以建議我正確的方法。

回答

0

您可以輕鬆地很容易地做到這一點,如下所示:

  1. 表現爲一種形式,一個選擇框(或替代)的用戶清單主題化選項。將它保存到其用戶下的數據庫中,或者如果你的應用程序沒有真正的後端說話,那麼你可以將它保存到本地存儲器(儘管在這種情況下,設置可能會在用戶端的太久之前被重置)。

  2. 使用JS,在頁面加載時,確定他們選擇的值(AJAX調用或檢查本地存儲)並將一個類動態添加到他們的配置文件頁面的包裝中。 profile--colorful,profile--thin

  3. 在CSS中使用這些類對每個配置文件進行不同的樣式。

+0

我的問題是你的你是否存儲整個形式的數據庫?或者你會存儲每個元素的元數據?這是正確的方法?有沒有可用的庫?如果你存儲元數據,那麼我們可能需要庫來使用元數據生成html內容。 – Sadanand

+0

你有用戶/認證系統嗎?如果沒有,那麼這是你需要做的第一件事。 一旦你有了這個,只需在用戶模型中添加一個名爲「profileTheme」的新密鑰並將其存儲在那裏。然後通過AJAX調用重新加載。 – SamHH

相關問題