WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Forms

AngularJS CRUD Table Directive

— जोड़ें पर WorldWideScripts.net को

तारीख तक रहने के लिए हमारे फ़ीड की सदस्यता लें!

नई! आप यह चाहते हैं के रूप में हमें का पालन करें!


AngularJS CRUD Table Directive - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

CRUD टेबल

  • CRUD-टेबल के निर्देश
  • वेबसाइट प्रमाणीकरण

AngularJS निर्देशों, फिल्टर, फैक्टरी, संसाधन की शक्ति का उपयोग सिर्फ कोड की एक पंक्ति के साथ डेटाबेस (क्रमबद्ध, पढ़ें, अद्यतन, हटाएँ, निर्यात बनाएँ) का सबसे सामान्य कार्यों के साथ आसानी से बातचीत करने के लिए एक निर्देश के साथ सहायक AngularJS आवेदन ।

 <CRUD-टेबल एपीआई = "एपीआई नाम" कर्नल = '[{"नाम": "पाठ"}, {"जानकारी": "पाठ"}]'> </ CRUD-टेबल> 

शुरू करना

किसी और चीज की

अपने सर्वर में निम्नलिखित सॉफ्टवेयर स्थापित

विकासशील (केवल एक बार चलाने की जरूरत है)

  • एनपीएम भागो install -g bower grunt-cli yo आवश्यक लायब्रेरी स्थापित करने के लिए।
  • भागो npm install सर्वर निर्भरता स्थापित करने के लिए।
  • भागो bower install सामने के अंत निर्भरता स्थापित करने के लिए।
  • भागो mongod MongoDB डेमन चलाने का एक उदाहरण रखने के लिए एक अलग खोल में

बनाएँ और पूर्वावलोकन

  • भागो grunt serve विकास सर्वर शुरू करने के लिए। जब तैयार यह स्वतः ही अपने ब्राउज़र में ग्राहक खोलने चाहिए।

आगे विकास

एक नए बाकी एपीआई उत्पन्न

 यो कोणीय-fullstack: समापन बिंदु छात्रावास 
उपरोक्त आदेश पर प्रविष्टि बनाता है
  • सर्वर / config / socketio.js
  • सर्वर / config / routes.js

एक नया मार्ग / पृष्ठ बनाएँ

 यो कोणीय-fullstack: मार्ग हॉस्टल 

एक नए संसाधन (डेटा) बनाएँ

ओपन क्लाइंट / ऐप्स / कारखाना / अंत में factory.service.js, जोड़ने
 .factory ('हॉस्टल', '[$ संसाधन', समारोह ($ संसाधन) { (:, 'ईद / एपीआई / छात्रावासों /' अशक्त, {'अपडेट': {विधि: 'डाल'}}) $ संसाधन वापसी; }]); 

उदाहरण

 <CRUD-टेबल एपीआई = 'हॉस्टल' कर्नल = '[{"नाम": "पाठ"}, {"जानकारी": "पाठ"}]' noedit = "सच"> </ CRUD-टेबल> 

विशेषताएं

  • चुनना
  • बनाएं
  • अद्यतन / संपादित करें
  • हटाना
  • खोज / फ़िल्टर / क्रमबद्ध
  • निर्यात
  • दिखाएँ / छुपाएँ कॉलम
  • मॉडल के साथ पुष्टि मिटायें
  • कॉलम फिल्टर
  • मेज से ग्रिड को देखें परिवर्तन
  • अनंत स्क्रॉल
  • लोड हो रहा है संकेतक
  • रीयलटाइम अपडेट - डेटाबेस में कोई भी परिवर्तन रीयलटाइम में अद्यतन किया जाता है
  • चिकनी एनिमेशन
  • लौट के रिकॉर्ड की कुल संख्या की गणना
  • टोकन समय सीमा समाप्त
  • कुकी दुकान
  • सत्र प्रबंधन
  • लॉग इन करें
  • साइन अप करें
  • पासवर्ड बदलें
  • SHA1 साथ पासवर्ड एन्क्रिप्शन
  • तैनाती के दौरान स्वत: minification, संपीड़न, CDNify
  • विकास करते हुए लाइव reaload
  • उपयोगकर्ता भूमिका
  • विकास और उत्पादन के लिए संसाधनों की ऑटो चयन
  • भूमिका आधारित प्रमाणीकरण के साथ एपीआई
  • एसईओ प्रत्येक पृष्ठ के लिए शीर्षक अनुकूलित
  • उत्तरदायी सामने अंत में किसी भी स्क्रीन फिट करने के लिए
  • तेजी से विकास के लिए मॉड्यूलर कोड संरचना
  • मक्खी पर विषयों को बदलने के लिए आंशिक पृष्ठ
  • प्रत्येक मॉड्यूल आसान प्रबंधन के लिए अपनी निर्देशिका के अंदर रखा गया है
  • OnlyNumbers, animateOnChange, passwordMatch, ngConfirmClick, errSrc, DateTimePicker, datepicker, modalWindow: बॉक्स निर्देशों से बाहर
  • बॉक्स फिल्टर में से: अद्वितीय, labelCase, CamelCase, सक्रिय, स्थिति रिवर्स
  • एनिमेशन: NG दोहराने, एनजी, तो एनजी शो
  • यूआई-रूटर का उपयोग नेस्ट मार्ग तंत्र
  • विकास और उत्पादन के लिए अलग विन्यास envirnoment
  • जल्दी शुरू वीडियो गाइड
  • पोस्ट पुष्टि / त्रुटि के लिए संदेश
  • मॉडल प्रणाली - कि उपयोगकर्ता अपडेशन के लिए पेज को छोड़ने के लिए नहीं होगी तो

इस आवेदन को आग जाएगा और यूआरएल पर आवेदन के साथ अपने ब्राउज़र खुल जाएगा http://localhost:9000


डाउनलोड करें
इस श्रेणी में अन्य घटकोंइस लेखक के सभी घटकों
टिप्पणियाँअक्सर पूछे जाने वाले सवाल और जवाब पूछा

गुण

बनाया गया:
16 नवम्बर 15

आखिरी अपडेट:
16 नवम्बर 15

उच्च संकल्प:
हाँ

संगत ब्राउज़र:
IE9, IE10, IE11, फायरफॉक्स, सफारी, ओपेरा, क्रोम, एज

फ़ाइलें:
जावास्क्रिप्ट जे एस, जावास्क्रिप्ट JSON, एचटीएमएल, सीएसएस

सॉफ्टवेयर संस्करण:
jQuery के, Node.js

कीवर्ड

ईकामर्स, ईकामर्स, सभी आइटम, व्यवस्थापक तालिका, AngularJS, CRUD, डेटाबेस तालिका, MongoDB, nodejs