2013-09-01 7 views
43

के साथ कोणीय जेएस हाल ही में एंगुलरजेएस में आया था। मैं एक जावा वेब डेवलपर हूं। मैं वसंत-एमवीसी ढांचे के साथ AngularJS का उपयोग करना चाहता हूँ। लेकिन मुझे शुरू करने के लिए कुछ बुनियादी नींव (ट्यूटोरियल) चाहिए।स्प्रिंग-एमवीसी

मुझे एंगुलरजेएस की मूलभूत सामग्री के बारे में पता है, लेकिन स्प्रिंग-एमवीसी के साथ इसे एकीकृत कैसे करें। अधिकांश समय वसंत में आंशिक रूप से आंशिक jsp (ओं) वापस आते हैं, और हम उन्हें jsp-include का उपयोग करके जोड़ते हैं, जबकि AngularJS अधिकांश समय JSON डेटा की अपेक्षा करता है।

उत्तर

53

दो मामलों:

  1. आपका आर्किटेक्चर पूर्ण क्लाइंट-साइड है: इस मामले में एकीकरण बहुत स्वाभाविक है। स्प्रिंग एमवीसी आपकी सेवा को एक आरईएसटी (जेएसओएन/एक्सएमएल) के रूप में उजागर करता है और आपके ग्राहक अनुप्रयोग AngularJS के साथ आपके JSON का उपभोग करता है। यहां .war एप्लिकेशन (स्प्रिंग एमवीसी) को सर्वलेट कंटेनर (जैसे टोमकैट) में तैनात किया जाना चाहिए और आपका क्लाइंट एप्लिकेशन उसी सर्वर में या HTTP सर्वर जैसे Nginx या Apache में तैनात किया जा सकता है।

  2. आप पेज पीढ़ी को सर्वर-साइड में रखना चाहते हैं और केवल कुछ डीओएम मैनिपुलेशन के लिए एंगुलरजेएस का उपयोग करना चाहते हैं, इसलिए आपका कोड उसी में तैनात किया जाना चाहिए .war (वेब-आईएनएफ/फ़ोल्डर के अंदर)।

दो दृष्टिकोणों को हमेशा एक अच्छा विचार नहीं मिला। सर्वर-साइड पेज पीढ़ी में रहने के लिए आप Thymeleaf आज़मा सकते हैं और साथ ही टेम्पलेटिंग, टेस्टेबिलिटी और क्लीन व्यू कोड भी देख सकते हैं।

+0

अंतर्दृष्टि के लिए धन्यवाद। जहां तक ​​युद्ध (स्प्रिंग-एमवीसी) का संबंध है, मेरे पास आरईएसटी सेवा के साथ आवेदन तैयार है। यह सिर्फ मेरे विचारों में एचटीएमएल पेज होना चाहिए या मुझे AngularJS के साथ सामान्य .jsp पेज के रूप में उपयोग करना चाहिए क्योंकि आखिरकार जब वे क्लाइंट साइड पर प्रस्तुत होते हैं तो वे HTML होते हैं। –

+3

यदि आपका आवेदन पूर्ण है, तो आपको जेएसपी के साथ जाने की आवश्यकता नहीं है। यह जटिलता पेश करेगा, केवल HTML फ़ाइलों का उपयोग करें। आपके बारे में ध्यान दें सुरक्षा और प्राधिकरण के मॉडल, बैकएंड पीढ़ी (जेएसपी) और वसंत सुरक्षा के उपयोग से वसंत सुरक्षा के जेएसपी टैग लिब के साथ चीज़ें बहुत आसान हो जाती हैं, आपको इसे क्लाइंट साइड में मैन्युअल रूप से संभालना होगा। यह अच्छा निर्देश आपको https://github.com/witoldsz/angular-http-auth/ – Nabil

+0

धन्यवाद नाबिल की मदद कर सकता है। मैं कोशिश करूँगा। वर्तमान में मैंने अपना खोल jsp पेज के रूप में रखा है। सभी आंशिक हैं। एचटीएमएल, लेकिन मैं निश्चित रूप से आपके द्वारा दिए गए गिथब लिंक को देखूंगा। एचटीएमएल के साथ मैं सुरक्षा –

36

बस कोणीय फ़ाइलों के रूप में angular.js फ़ाइलों को सेट करें। वैसे भी वहाँ कुछ भी निजी नहीं होना चाहिए।

जेएसपी/वेग/किसी अन्य टेम्पलेट व्यू रिज़ॉल्वर के बजाय एक आरईएसटी सेवा प्रदाता के रूप में स्प्रिंग एमवीसी का उपयोग करें।

आप folowing साइटों पर नमूना परियोजनाओं:

+0

आप घुन धन्यवाद। मैं इन परियोजनाओं और चर्चाओं में देखूंगा। –

+0

पहला लिंक बहुत अच्छा है, धन्यवाद – userRaj

0

आप उदाहरण से सीखना चाहते हैं, तो आप jhipster के साथ कुछ कोड जनरेट करने का प्रयास कर सकते हैं: https://jhipster.github.io/

संबंधित मुद्दे