2011-04-11 11 views
31

मुझे लगता है कि विजुअल स्टूडियो का उपयोग करने वाले अधिकांश लोग मेरी पहली प्रतिक्रिया रखते थे जब उन्होंने अपना पहला एएसपी.नेट एमवीसी प्रोजेक्ट बनाया था: डिज़ाइन व्यू समाप्त हुआ था?क्या एएसपी.नेट एमवीसी के लिए कोई ग्राफिकल डिजाइनर है?

जब क्लासिक वेब फ़ॉर्म का उपयोग करके दृश्य स्टूडियो में एक आवेदन को विकसित करने, डिज़ाइन दृश्य वास्तव में आसान है, यह तो आप बस द्वारा अपने वेबपेज में उपयोगकर्ता नियंत्रण और अन्य घटकों को बनाने के लिए खींचें और करने के लिए टूलबॉक्स से आइटम छोड़ने में मदद करता है डिजाइन पेज। यद्यपि यह स्थिति और उन्नत स्टाइल की अनुमति नहीं देता है, क्योंकि ड्रीमवेवर इसके बजाए करता है, यदि आप दर्दनाक HTML स्वरूपण और सीएसएस स्टाइल से बचना चाहते हैं (या आपके पास HTML का अच्छा ज्ञान नहीं है) तो यह वास्तव में उपयोगी सुविधा है।

व्यू लेआउट बनाने के लिए ग्राफ़िक डिज़ाइनर का उपयोग करने का कोई तरीका है और फिर व्यू के "तर्क" भाग के साथ डिज़ाइन को एकीकृत करें (वह जो नियंत्रक से डेटा को पॉप्युलेट/सबमिट करने के लिए मॉडल का उपयोग करता है)?

+0

यह पहले पूछा गया है: http://stackoverflow.com/questions/4551300/asp-net-mvc-razor-designer – Linkgoron

+9

Asp.Net एमवीसी ढांचा अनावश्यक जटिल और अनावश्यक से AWAY प्राप्त करने के लिए एक समेकित प्रयास है वेब-फॉर्मों और ड्रैग-एंड-ड्रॉप विकास के अवतार। आप पाएंगे कि एमवीसी का उपयोग करने वाले अधिकांश डेवलपर्स डिजाइनर से छुटकारा पाने के लिए बहुत खुश हैं। – Brook

+0

मुझे लगता है कि माइक्रोसॉफ्ट इस पर अपनी स्थिति बदल रहा है http://channel9.msdn.com/posts/Visual-Studio-vNext- परिचय- पेज- इंस्पेक्टर। ड्रैग और ड्रॉप नहीं करें लेकिन यह डेवलपर व्यू – GraemeMiller

उत्तर

23

मुझे लगता है कि विजुअल स्टूडियो का उपयोग करने वाले अधिकांश लोग मेरी पहली प्रतिक्रिया रखते थे जब उन्होंने अपना पहला एएसपी.नेट एमवीसी प्रोजेक्ट बनाया था: डिजाइन दृश्य कहां समाप्त हुआ?

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

जहां तक ​​वेब पृष्ठों को डिजाइन करना है, आप Expression tools पर एक नज़र डाल सकते हैं।

+6

आपके उत्तर के लिए धन्यवाद। असल में मुझे यह पसंद नहीं आया जब डिजाइनर मेरे स्रोत कोड के साथ गड़बड़ कर रहा था। हालांकि, पेज लेआउट बनाने का अवसर काफी आसान था, उदाहरण के लिए div टैग को पूर्ण या रिश्तेदार को पोजीशन करके और उसके बाद HTML टैग को तदनुसार रखकर। – CiccioMiami

+0

मुझे यह पसंद नहीं आया कि एमवीसी के पास एक डिजाइनर नहीं था। मैं डिजाइनर को डंप करने के बजाय विश्वास करता था, कि उन्हें एक बेहतर डिजाइन करने की आवश्यकता थी। एक जिसने 'स्रोत कोड से गड़बड़ नहीं की' जैसी @CiccioMiami की ओर इशारा किया। हालांकि मैं जल्दी से एमवीसी शैली में इस्तेमाल किया था। फिर भी मैंने खुद को यह जांच लिया कि यह अक्सर ब्राउज़र में कैसा दिखता था। अधिक समय लेने या कम? मुझे नहीं पता। मेरा मानना ​​है कि आप कोडर को सुनते हैं कि उन्होंने कभी भी डिजाइनर का उपयोग नहीं किया था 1) माचो (मैं केवल नोटपैड में कोड!) 2) विशेष रूप से बड़ी परियोजनाओं के लिए, कभी-कभी इसे सही रूप से बदल दिया या प्रदर्शित नहीं किया। –

7

मुझे लगता है कि वे Expression Blend 5 Developer Preview के लिए एक सुविधा के रूप में उस पर काम कर रहे हैं।

वे डिजाइनर में जेएस को डिजाइन करने के मुद्दे को स्पष्ट रूप से पहचानते हैं, इसलिए मुझे संदेह है कि वे महसूस करते हैं कि एमवीसी अनुप्रयोगों पर काम कर रहे कुछ डिजाइनरों पर भी यही लागू होता है।

मैं Microsoft से किसी ने कहा था "मैं HTML के लिए मिश्रण में लगता है, इंटरैक्टिव मोड का उपयोग कर, तो आप शायद MVC या MVVM पैटर्न डिजाइन के साथ ठीक हो जाएगा"

इसके अलावा बाहर की जाँच Visual Studio Page Inspector यह है कि यह करना होगा लग रहा है क्या

की जरूरत है अब VS2013 में BrowserLink साथ WebEssentials का उपयोग करें या ऊपर

12

हाँ, मुझे लगता है कि एक ही प्रतिक्रिया थी, एक webforms पृष्ठभूमि से आ रहा है। मुझे एक ग्राफिकल डिजाइनर की निरंतर प्रतिक्रिया की आवश्यकता है ताकि मुझे पता चल सके कि मेरे कोड का क्या प्रभाव है। एमवीसी सीखना अंधाधुंध करने के बिना खुद में और अपने आप में एक बड़ा पर्याप्त सीखने की वक्र है।

अब यह 4 साल बाद है, मुझे यह नहीं लगता कि पेज इंस्पेक्टर वीएस 2013 में बनाया गया है। यदि आप अभी भी 2015 में वीएस 2010 का उपयोग कर रहे हैं, तो मैं कह सकता हूं कि अगर आप अपग्रेड करते हैं, तो आप कभी पीछे मुड़ कर नहीें देखें।

बस कोड पर राइट क्लिक करें और चुनें पृष्ठ इंस्पेक्टर में देखें। इंस्पेक्टर में बटन का निरीक्षण करें जिसका उपयोग आप यह देखने के लिए कर सकते हैं कि कोड में डिज़ाइन का कोई तत्व कहां स्थित है। यह आपको beaucoup समय बचा सकता है।

संपादित

और यह है कि वे दृश्य स्टूडियो 2015 से इसे हटा दिया और यहां तक ​​कि क्यों के रूप में एक स्पष्टीकरण पोस्ट करने के लिए परेशान नहीं किया लग रहा है। श्रीमान ... अगर मुझे तीसरा पक्ष समाधान मिल जाए तो मैं इसे अपडेट कर दूंगा।

+0

+1। यदि क्रोम में देखने के बाद रेजर v3 का उपयोग करना और फिर डीबग रोकना है, तो आप ctrl + alt + enter दबा सकते हैं और यदि यह खुला रहता है तो यह आपके ब्राउज़र दृश्य को रीफ्रेश करेगा। – kyle

4

यदि आप एचटीएमएल/सीएसटीएमएल परिवर्तनों की तत्काल प्रतिक्रिया प्राप्त करने के लिए डिजाइनर की तलाश में हैं, तो यह विजुअल स्टूडियो में ब्राउज़रलिंक सुविधा द्वारा हासिल किया जा सकता है। ब्राउज़र को फायर करें और उस पृष्ठ को देखें/जिसे आप वर्तमान में डिज़ाइन कर रहे हैं और जब आप मार्क अप/सीएसटीएमएल में कोई भी परिवर्तन करते हैं, तो विजुअल स्टूडियो के भीतर रीफ्रेश बटन दबाएं, कोड में किए गए अपडेट तुरंत ब्राउज़र पर धकेल दिए जाएंगे।

अन्य वैकल्पिक क्रोम डेवलपर टूल (एफ 12) और "एचटीएमएल के रूप में संपादित करें" सुविधा का उपयोग करना है।

मुझे पता है कि ये विकल्प विजुअल स्टूडियो में मूल डिजाइनर दृश्य समर्थन के रूप में समृद्ध नहीं हैं, लेकिन ये कुछ व्यावहारिक कामकाज हैं।

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