209 :- Form Login than data submit and Data Store to Database





नमस्‍कार दोस्‍तों,
  
आज आपकों इस ब्‍लॉग में बतायेगें की किस प्रकार वेब ऐप स्‍क्रीप की मदद से अलग अलग यूजर्स अलग अलग डेटाबेस में Data Store कर सकते है  यानि आप अलग अलग यूजर्स से डेटा Store करा सकते है  ाा लाॅॅॅगिन करने पर एक यूजर्स को अलग डेेेटा शॉ होगा और दूसरे यूजर्स का अलग डेटा शॉ होगा यानि आप मल्‍टी यूजर्स् से एक साथ काम करा सकते हो ाा 
उक्‍त एप्‍लीकेशन में आप डाक्‍युमेन्‍ट भी अपलोड कर सकते है 

Login Form with Store Database  (Service 209) 


Practical :-  First User & ID
User ID :-xyz@gmail.com
 Password :- 123

Second User & ID
User ID :- abc@gmail.com
Password :- 12

Super Admin
User ID :-SuperAdmin
Password :-1234


इस प्रकार की एप्‍लीकेशन अगर आप अपनी वेबसाईट के लिए बनाना चाहते है तो निचे दिये गये दिशा निर्देशानुसार बिन्‍दुओं की पालना कर उक्‍त एप्‍लीकेशन को सोर्स कोड प्राप्‍त करें ाा

अत: आप ब्‍लॉग पूरा पढें एवं दिये गये दिशा निर्देशाें की पालना करें

  1. उपर दिय गयें लिंक पर किल्‍क करे 

  2.  उसके बाद एक नया पेज ऑपन होगा उसको ध्‍यानपूर्वक पडे एवं 209 नम्‍बर की सर्विस का चयन कर गुगल फॉर्म काे सबमिट कर दें ा  

  3. इसके बाद आपको एक ई मेल प्राप्‍त होगा उक्‍त ई मेल में आपको यूजर आई0डी0 एवं पासवर्ड प्राप्‍त होगें

  4. उक्‍त यूजर आई0डी0 एवं पासवर्ड को Service Login Portal पर डालकर ऑपन करें एवं वहां से वेब एप स्‍क्रीप्‍ट को कॉपी करेंा 

  5. इसके बाद  >>  New Deployment >>पर क्लिक करे





6. इसके बाद  >> Select Anyone option and  Click to Deploy >>पर क्लिक करे





 Guideline for Setup 

Code.gs File में जो चेन्ज किया जाना है:-

  1. लाईन नम्बर 9 में रेंज चेन्ज गुगल डाईव का लिंक पेस्‍ट करे जिसमें डोक्‍यूमेंट सेव करना है
  2. लाईन नम्बर 14 में रेंज चेन्ज करे
  3. लाईन नम्बर 17 में रेंज चेन्ज करे
  4. लाईन नम्बर 57 से 64 में चेन्ज करें जितने कॉलम है उतने ही कॉलम की लाईन इन्द्राज करें
  5. लाईन नम्बर 72 से 80 में चेन्ज करें जितने कॉलम है उतने ही कॉलम की लाईन इन्द्राज करें
  6. लाईन नम्बर 191 में रेन्ज चेन्ज जितने कॉलम है उनमें से एक कम कर कॉलम की लाईन इन्द्राज करें एवं जिस कॉलम का टेबल में डिसप्‍ले नहीं करना है उसको हटा दे जेेेसे f[1]  हो हटाना है
  7. लाईन नम्बर 213 में रेन्ज चेन्ज जितने कॉलम है उनमें से एक कम कर कॉलम की लाईन इन्द्राज करें एवं जिस कॉलम का टेबल में डिसप्‍ले नहीं करना है उसको हटा दे जेेेसे f[1]  हो हटाना है
  8. Form में Drop-down बनाने के लिए लाईन नम्बर 231 से 238 में चेन्ज कॉलम ए के लिए 0 कॉलम बी के लिए 1 इन्द्राज करें


Index.html File में जो चेन्ज किया जाना है:-

1. लोगों चेन्ज करने के लिए लाईन नम्बर 62 में अपने लॉगो का लिंक पेस्ट करें।

2. लॉगिन करने के बाद कॉलम के डेटा को फिलटर करने के

लिए लाईन नम्बर 102 से 138 तक  जिस कॉलम को फिल्‍टर करना है   उसको आवश्‍यकता अनुसार चेन्ज करें जैसे

<div class="form-group form-group col-md-3
 col-sm-6 col-6">
<p id="table-filter3">
<select id='tableFilter3' class="form-select">
<option value="">All Remarks</option>
<?!= listCategoryC ?>        
    </select>
    </p>
  </div> 



3. लाईन नम्बर 181 से 236 तक ऑनलाईन फॉर्म बनाने के लिए चेन्ज करें एवं जिस कॉलम को डिसऐबल करना है autocomplete="off" के आगे disabled> लिखना है

एवं कॉलक को कम्‍पलसरी करने के लिए

autocomplete="off" के आगे required>

5. Form में Drop Down बनाने के लिए

लाईन नम्‍बर 219 से 236 में से जिस कॉलम को

Form में Drop Down बनाना है वहां

<div class="form-group col-md-4">
<label for="exampleFormControlSelect3">Village</label>
<select class="form-select" id="col3" name="col3">
<option disabled selected>Select Village</option>
<?!= listCategoryD ?>
</select>

</div>

इसमें चेन्‍ज कर पेस्‍ट करें एवं इसकी सेटिंग

Code.gs वाली गाईडलाईन की बिन्‍दु संख्‍या 8 की पालना करें


JavaScript File में जो चेन्ज किया जाना है:-

1. लाईन नम्बर 73 से 80 में हेडर के लिए चेन्ज करें एवं जिस कॉलम को टेबल में डिसप्‍ले नहीं करना है उसे नहींं लिखे जैसे f[1] वाले कॉलम का हेडर नहीं लिखना है  

2. कॉलम को फिल्टर करन के लिए लाईन नम्बर 201 से 211 में चेन्ज करें  एवं बिन्‍दु संख्‍या 3 के कोड को उपर या निचे आवश्‍यकता अनुसार लिख सकते है एवं जिस  कॉलम को फिल्‍टर करना है वो बिन्‍दु संख्‍या 3 के प्रथम की गिनती 1 से स्‍टार्ट करने है एवं जिस नम्‍बर पर कॉलन आता है उसमें 1 जोडकर लिखें ,एवं Index.html की गाईडलाईन बिन्‍दु संख्‍या 2 की पालना करें

3. लाईन नम्बर 242 से 295 में हेडर के अनुसार चेन्ज करें एवं जिस कॉलम को टेबल में डिसप्‍ले नहीं करना है उसे नहींं लिखे जैसे f[1] वाले कॉलम का हेडर नहीं लिखना है  

4. लाईन नम्बर 381 से 390 में गुगल शीट के डेटा को फॉर्म में ऑटोमेटिकली फेच करने के लिए आवश्‍यक चेन्ज करें

 



 


Post a Comment

Previous Post Next Post
close