2016-01-13 18 views
-4

有一個web項目使用Java作爲前端的後端& html5。Web前端編程 - 使html頁面變爲動態的好方法

在一個單一登入功能,有幾個靜態頁面html

  • signin.html,獲取用戶信息,
  • signin_confirm.html,尖登入成功,需要檢查電子郵件確認登錄,
  • signin_confirm_succeed.html,成功確認,
  • signin_confirm_expired.html,提示當錯誤單擊過期的確認鏈接,
  • signin_confirm_failed.html,未能證實,由於存在以電子郵件或不確認代碼不匹配,

顯然,這是不一個好的方法,我想減少靜態HTML的數量爲1或2頁,這個功能還有更多的功能需要開發。

你覺得哪個js庫適合做那個工作?

+0

如果你問的建議,我會去Backbone.js的它 – Tushar

+0

@TusharGupta聽說過,但從來沒有嘗試過,我會檢查谷歌。 –

+1

如何使用AJAX? – Vucko

回答

2

在我最近使用AngularJS的項目中,我遇到了同樣的問題。然後,我所做的就是使用ui-router簡單地將一個主要的content-div添加到我的html文件中,這會爲我提供一個「包含」的行爲。對於少量添加,如<section> s或<div> s,我用我自己的directives。 最後,您可以通過directive將外部HTML模板提供到您的主視圖中,將所有內容彙總在一起,並動態設置您的最終視圖。

這裏有一個如何自定義directives用一個漂亮整潔的例子:http://www.ng-newsletter.com/posts/directives.html

+0

好主意,我已經考慮過'AngularJS',但它對我來說感覺超級不直觀,我想要類似的東西,但更簡單直觀。 –

+0

事實上,與其他前端框架相比,Angular有點不同。但是,一旦你習慣了它,這是一個巨大的功能集,你可能會墜入愛河(甚至開始討厭它)。對我而言,與Backbone相比,我之前使用過的Angular更好。 – Aer0