2012-03-01 21 views
18

जैसे फ्रंट-एंड टेक्नोलॉजीज के लिए बैकएंड तकनीक यह एक नोब एक जैसे सवाल है, लेकिन यहां हम जाते हैं। मैंने ट्विटर बूटस्ट्रैप (अन्य प्रस्तुति ढांचे के बीच) के बारे में पढ़ा है, जो डिजाइनर/प्रोग्रामर को आसानी से वेबपैप के सामने वाले अंत को बनाने के लिए टूलर देता है। जो मुझे नहीं पता वह है कि इसे कैसे एकीकृत करें, उदाहरण के लिए, जावा ईई बैकएंड। मेरा मतलब है, क्या उन प्रस्तुति ढांचे को किसी भी बैकएंड प्रौद्योगिकी (जैसे जावा, PHP, पायथन, आदि) के साथ एकीकृत करने की अनुमति है? या वे एक विशिष्ट तकनीक से जुड़े हुए हैं?ट्विटर बूटस्ट्रैप

मैंने प्रस्तुति परत और जावा के सर्वर के पक्ष में जीडब्ल्यूटी का उपयोग करके कुछ जावा ईई वेब अनुप्रयोगों का निर्माण किया है; लेकिन जैसा कि मैंने पहले बताया है, मैं अभी भी पकड़ नहीं पा रहा हूं कि उदाहरण के लिए जावा के साथ बूटस्ट्रैप को एकीकृत कैसे किया जाएगा।

मुझे पता है कि यह एक बहुत ही सामान्य सवाल है लेकिन मुझे किसी भी मदद की सराहना की गई।

उत्तर

16

ट्विटर बूटस्ट्रैप एक फ्रंटेंड टूलकिट है, इसलिए यह मूल रूप से सीएसएस और एचटीएमएल है। इसका मतलब है कि यह किसी भी विशिष्ट बैकएंड प्रौद्योगिकी से बंधे नहीं है।

blog post यह घोषणा से:

इसके मूल में, बूटस्ट्रैप सिर्फ सीएसएस है, लेकिन यह भी कम, एक लचीला पूर्व प्रोसेसर है कि बहुत अधिक शक्ति और नियमित रूप से सीएसएस से लचीलापन प्रदान करता है साथ बनाया गया है। कम के साथ, हम नेस्टेड घोषणाओं, चर, मिश्रण, संचालन, और रंग कार्यों जैसे कई प्रकार की सुविधाएं प्राप्त करते हैं। इसके अतिरिक्त, चूंकि बूटस्ट्रैप कम से कम संकलित होने पर पूरी तरह से सीएसएस है, इसलिए हम दो महत्वपूर्ण लाभ प्राप्त करते हैं:

सबसे पहले, बूटस्ट्रैप लागू करना बहुत आसान है; बस इसे अपने कोड में छोड़ दें और जाएं। कम संकलन जावास्क्रिप्ट, अनौपचारिक मैक एप्लिकेशन, या नोड.जेएस के माध्यम से पूरा किया जा सकता है ( http://lesscss.org पर इसके बारे में और पढ़ें)।

दूसरा, एक बार अनुपालन किया गया, बूटस्ट्रैप में सीएसएस के अलावा कुछ भी नहीं है, जिसका अर्थ है कोई अतिरिक्त छवियां, फ्लैश या जावास्क्रिप्ट नहीं हैं। आपके वेब विकास की ज़रूरतों के लिए अवशेष सरल और शक्तिशाली सीएसएस है।

इसका मतलब यह है कि आप इसे किसी भी तरह से उपयोग कर सकते हैं। आप मार्कअप सर्वर-साइड उत्पन्न कर सकते हैं और क्लाइंट (उदाहरण के लिए जेएसपी) की सेवा कर सकते हैं, आप सर्वर से एक स्थैतिक फाइल की सेवा कर सकते हैं और AJAX के माध्यम से गतिशील सामग्री जोड़ सकते हैं (बैकएंड सर्वलेट हो सकता है या स्प्रिंग एमवीसी या जर्सी जैसे कुछ उच्च अमूर्त हो सकता है), या जावास्क्रिप्ट/AJAX के माध्यम से कुछ गतिशील सामग्री/व्यवहार के साथ सर्वर-साइड उत्पन्न "आधार" के बीच कुछ। एक और विकल्प सर्वलेट कंटेनर को एक साथ छोड़ना और Play! Framework जैसे कुछ का उपयोग करना हो सकता है।

संपादित करें:

मैं बूटस्ट्रैप आप के लिए HTML तत्वों बनाता है नहीं लगता है, यह भी कम का उपयोग कर सीएसएस पैदा करता है। आपको सर्वर पर मार्कअप लिखना होगा, और दस्तावेज़ों में वर्णित शैलियों और मुहावरों का उपयोग करना होगा: twitter.github.com/bootstrap/components.html आप जावा से गतिशील मूल्य जोड़ते हैं जैसे जेएसपी या टेम्पलेट इंजन जैसे Velocity, Freemarker , स्ट्रिंग टेम्पलेट इत्यादि। उपयोगकर्ताओं से मूल्यों को पढ़ना HTTP GET/POST क्रियाओं को प्रबंधित करके और गुणों को पढ़कर किया जाता है।आमतौर पर आप द्वारा

  1. मापदंडों
  2. पढ़ना किसी GET संभाल टेम्पलेट/JSP का चयन यूआरएल
  3. अमान्य तरीके से गतिशील जावा द्वारा गणना मूल्यों से।

उदाहरण एक उपयोगकर्ता ./order.html?orderId=1 पर एक कर दिया जाता है के लिए आप order.html टेम्पलेट, orderService.getOrder(1) से मूल्यों को जोड़ का चयन करें। टेम्पलेट इंजन कैसे काम करता है यह समझने के लिए Freemarker examples पर एक नज़र डालें। आप मूल रूप से Map<String, Object> में पास करते हैं और ब्राउज़र में भेजे जाने से पहले पृष्ठ में $ {key} से जुड़े मान को पृष्ठ में प्रस्तुत किया जाता है।

+1

Play के साथ अच्छा सुझाव! मैं वर्तमान में Play के साथ कुछ विकसित कर रहा हूँ! और बूटस्ट्रैप और यह बहुत अच्छी तरह से काम कर रहा है। –

+0

हाँ यह बहुत अच्छा है। मैंने एंटरप्राइज़ पर्यावरण में काम किया है जहां उन्होंने स्प्रिंग + रिचफेसेस से खेलने के लिए स्विच किया है! और कभी वापस नहीं देखा :) – ebaxt

+0

ठीक है, मैं समझता हूं कि आप क्या कहते हैं, लेकिन मैं क्या जानना चाहता हूं, यह जावा सर्वर पक्ष से बूटस्ट्रैप द्वारा बनाए गए HTML तत्वों में हेरफेर करने का तरीका है। मैं मूल्य, संशोधित, आदि कैसे पढ़ सकता हूं ... – user1243856

4

यदि आप जावा-दिमागी हैं, तो आप तंबाकू को पसंद कर सकते हैं, जिसे मैंने केवल इसके लिए बनाया है: http://tobacco.noroutine.me/

मूल रूप से यह नवीनतम जेएस libs और नवीनतम ट्विटर बूटस्ट्रैप के साथ maven परियोजना टेम्पलेट है।

इस तरह के आसपास कुछ समान चीजें हैं। जो आपकी आवश्यकताओं के सबसे नज़दीक है resthub विशेष रूप से उनके बैकबोन स्टैक में रुचि हो सकती है।

0

ईबैक्सट ने कहा, बूटस्ट्रैप केवल एक मॉड्यूलर फ्रंट एंड तकनीक है। आपका प्रश्न जावा ईई आधारित एप्लिकेशन के दृश्य भाग के बारे में है।

यह मूल रूप से एमवीसी पैटर्न और उनके कार्यान्वयन/प्रौद्योगिकियों (ईजेबी, स्प्रिंग एमवीसी) के साथ सौदा करेगा।

और फिर आप अंततः प्रस्तुति प्रौद्योगिकियों से निपटेंगे: जेएसएफ या स्ट्रूट्स या जीडब्ल्यूटी प्रौद्योगिकियों या (ज़ाहिर है) बूटस्ट्रैप (किसी अन्य जेएस और सीएसएस कोड की तरह) का उपयोग करके .jsp पृष्ठों में लिखना, दृश्य परिणाम और पहुंच प्राप्त करने के लिए। ऐसा करके, आपको एक पूरी तरह से संरचित ऐप मिलेगा।

अगर मैंने कुछ किया है तो अंग्रेजी गलतियों के लिए खेद है, मैं एक फ्रेंच लड़का हूं।

0

यहां an example है।
यह जावा-बैकएंड सेवा के साथ एकीकृत बूटस्ट्रैप फ्रंट-एंड के साथ एक सरल वेबपृष्ठ दिखाता है।
या किसी अन्य post में यह वसंत के साथ एकीकृत बूटस्ट्रैप का उल्लेख करता है।

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