2011-02-10 140 views
-1

我試圖建立一個社交網站(比如Facebook),但我在IT界很新。我希望將前端和後端保持爲兩個單獨的圖層,並且它們之間的任何通信都應該由AJAX驅動。我怎麼做?換句話說,如果讓這兩層分開(前端和後端),我如何使用jQuery建立通信,比如技術棧應該如何?技術堆棧問題

我是HTML,JavaScript,CSS,jQuery,Struts,Spring,Hibernate的家庭。我如何整合這些技術來完成任務(想想Facebook這樣的網站)?或者我的任何不同/更好的意見將不勝感激。

+0

Facebook已完成。創新。 – 2011-03-13 03:54:58

回答

4

您的問題似乎是關於如何開始使用Web應用程序開發的一般查詢。由於JavaScript在瀏覽器中的卓越性以及更大的後端語言生態系統,前端和後端通常默認保持相當分離。 Google Web Toolkit是一個例外,它將Java翻譯爲客戶端的JavaScript。

您對後端的選擇令人難以置信地多種多樣。如果你或你的團隊有編程語言的選擇,這將有助於縮小範圍。就我個人而言,我更喜歡Python的表現力,「包含電池」的特性以及它在寫入後可以輕鬆讀取。對於Python之上的Web開發框架,Django具有非常乾淨而強大的設計和出色的文檔。 Ruby(Rails),Java,.NET還提供了各種可以開始使用的Web開發框架。這個領域的通常範例是「模型/視圖/控制器」(或模型/視圖/模板),這基本上意味着業務邏輯,持久性/數據庫實現和表示邏輯保持彼此分離。你選擇了哪個框架,首先通過基本教程,然後看看更專業的Ajax示例。

在你提到的客戶端/瀏覽器站點上,JQuery是一個很好的起點,它支持Ajax以各種風格回調給瀏覽器。它還使用了一個非常類似於CSS的選擇器符號,這有助於更容易學習使用。

你說「它們之間的任何通信都應該是Ajax驅動的」,但你總是需要一個正常的HTTP請求來加載你的初始內容和樣式表,並且傳遞任何JavaScript將驅動隨後的Ajax調用。一旦理解了後端實現,您可能希望以非Ajax方式創建原型,然後添加更多交互/異步行爲的複雜性。您可能會浪費大量時間使用戶界面變得美觀而且響應迅速,但如果您必須對後端進行重大更改,則只能將這項工作拋開。

玩得開心 - Web應用程序非常有趣,部分原因是因爲它很容易從用戶那裏快速獲得反饋。最大的障礙是這些技術並沒有特別的統一,所以有很多東西需要學習 - 儘管JavaScript庫(如JQuery)以及後端Web開發框架在這方面確實有所幫助。