• frndzosite@gmail.com
  • Jaipur, Rajsthan
CodeIgniter-3
CodeIgniter tutorials for beginners Hindi me

CodeIgniter tutorials for beginners Hindi me

हेल्लो दोस्तों,

एक बात बताऊं आपको ये कोडिंग जितनी मुश्किल लगती है उससे काफी आसान होती है। आप ये सोच रहे होंगे ये क्या बोल रहा में कोडिंग ओर आसान ??? पर में आपको इतना आसान तरीका सजाऊंगा की आपको भी कोडिंग आसान लगेगी । तो चलो शुर करे ।
मै आपको एक आसान और बहुत ही सिम्पल फ्रेमवर्क के बारे में बताऊंगा जिसका नाम CodeIgniter हैं । हिंदी में पता नहीं क्या आरहा था इसलिए इंगलिश में लिख दिया 😉
चलो आगे बढ़ते है CodeIgniter यूजर फ्रेंडली हैं आप इसे फ्री में डाउनलोड कर सकते है जिसकी लिंक मै आर्टिकल के आखिर में दे दूंगा
CodeIgniter डाउनलोड करने से पहले आपको दो चीजें अपने पीसी में इंस्टाल करना होगा
1) xamp
2) IDE
Xamp के बारे में आप सबको पता ही होगा ?? नहीं पता तो मै इसके बारे में आपको आर्टिकल मै बता दूंगा । वैसे ये एक सॉफ्टवेयर है जो आपके पीसी को होस्ट बनाएगा जैसे कि एक सर्वर होता है । ये आपकी PHP वेबसाइट को रन करने का ओर आपके लिए डाटाबेस को मैनेज करेगा ये बहुत ही छोटा ओर प्यारा सॉफ्टवेर है ये php my admin के जरिए आपको डाटाबेस ओर आपकी वेबसाइट को मैनेज करता है। सिम्पल भाषा में बोली तो ये एक कनेक्शन है बस आपकी वेबसाइट डाटाबेस ओर होस्टिंग ऑफलाइन
अब IDE के बारे में बात करते है । ये तो सबको पता होगा क्यों?? पता है ना? बेसिकली IDE बोले तो कोड एडिटर जैसे visual studio code, NetBeans, etc.. IDE आप कोई भी यूज कर सकते है जो आपको अच्छा लगता है में Vs code यूज करता हूं।
अब आपको में इंस्टाल करने के स्टेप बतादेता हूं
१) CodeIgniter डाउनलोड करे ओपन करके आप इसे C folder>xamp->htdoc में एक्सट्रेक्ट कर दे ओर अपनी साइट के नाम से फोल्डर का रिनामे करदे।
२) अब अपना xamp खोल के ऊपर के दो ऑप्शन स्टार्ट करदे xamp and mysql

३) अब अपना ब्रावजार खोल के local host/websitename खोले आपका वेबसाइट रेडी
अगर स्टार्ट नहीं हुआ CodeIgniter वलकॉम मेसेज का पेज मै खुले 404 एरर आए तो टेंशन ना ले। अपना एप्लिकेशन फोल्डर मै जाए वागा कन्फिग फोल्डर में जाए cofig.php फाइल खोले वाहापे आप अपने वेबसाइट लोकल होस्ट + प्रोजेक्ट या साइट नाम डाल दे आपका वेबसाइट शुरू होजयेगा
Example http://localhost/mysite/

चलो अब आगे बढ़ते है अब में आपको अपना खुद का वेब होम पेज बनाना सिखाऊंगा और यूआरएल से index.php हटाने भी सिखाऊंगा वो भी सबसे आसान तरिका।
अपने एप्लीकेशन फोल्डर में जाए।। दोस्तों एक बात बता देता हु ये MVC बेस फ्रेम वर्क है। इसका मतब मॉडेल, व्यू और कंट्रोलर। जैसा आप अपने एप्लीकेशन फोल्डर में ये तीनो फोल्डर मौजूद है। हमें बस इसमें ही खेलना है। तो चलो व्यू फोल्डर खोलो उसमे एक फाइल क्रिएट करो ।
view folder
header.php
home.php
footer.php
controller folder
Home,php (first word must be capital all controller)
दोस्तों कंट्रोलर ही आपकी वेबसाइट का यूआरएल होता है तो सोच समाज के प्रॉपर नाम दे इसे । जैसे
http://localhost/mysite/home
https://example.com/home इसमें होम एक कंट्रोलर है।
दोस्तों CodeIgniter में बी डिफाल्ट htpp://localhost/mysite/index.php/home index.php होता है यूआरएल में इसे हम हटा सकते है आपको बस दो तिन काम करने होंग।
1)

.htaccess (creat this file in mysite main folder)

add this code inside this

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L]

config folder/autoload php

$autoload[‘helper’] = array(‘url’); //load this helper url

in config php

$config[‘base_url’] = ‘http://localhost/mysite/’;//you have to add this url
$config[‘index_page’] = ‘index.php’;// remove this index.php

in routes php

$route[‘default_controller’] = ‘home’;// remove welcome controller to
home controller
$route[‘404_override’] = ”;
$route[‘translate_uri_dashes’] = FALSE;

अब दोस्तों होम कंट्रोलर में कोडिंग करते है बस इसमें आपको व्यू लोड करना है जैसा की निचे कोडिंग में है

home controller

<?php
defined(‘BASEPATH’) OR exit(‘No direct script access allowed’);
class Home extends CI_Controller {
    public function index()
    {
        $this->load->view(‘header’);
        $this->load->view(‘home’);
        $this->load->view(‘footer’);
    }
}

dosto view load karne ke bahut se tarike hai method chaining se bhi kar sakte ye ham database quarry me use karenge aapko acche se samaj me aayega. view banale apana apane hisab se. fir website khole url http://localhost/mysite , bus itana hi dalana hai aapko home likhane ki jarurat nahi hame home ko default controller bana diya hai upar isaliye. me bootstrap starter template use kar raha aap bhi kar sakte. dosto aaj ke time me hame HTML likhane ki jyada jarurat nahi hoti bootstrap pe sab mil jata 🙂

1) header php (views)

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
<!-- Bootstrap navbar -->

<nav class="navbar navbar-dark bg-primary">
  <a class="navbar-brand" href="#">Hello World!</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Dropdown
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
      </li>
    </ul>
    <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
    </form>
  </div>
</nav>

home php (views)

<h1>Hello, world!</h1>

footer php (views)

<!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  </body>
</html>

page load kare aapka page load hojayega
दोस्तो एक बात बताना चाहता हूं अगर आप सोच रहे को वीडियो या खाली पोस्ट आर्टिकल पड़ लेने से आप सीख नहीं पाएंगे क्युकी जब तक आप प्रैक्टिकल नहीं करेगे आपको समझ में नहीं आएगा कुछ तो एक प्रोजेक्ट शुरू करे मेरे साथ .
अगर कोई भी प्रॉब्लम आए आप मुझे यहां comment कर सकते है में आपको जल्दी ही जवाब दूंगा
शुक्रिया आपका मेरे आर्टिकल को ध्यान से पड़ने के लिए। आपको अच्छा लगा या नहीं इसके बारे में कॉमेंट में जरूर लिखे
आपका देवॉलपिंग दोस्त नवीन
🙂🙂
आपका दिन शुभ रहे

Leave a Reply

Your email address will not be published. Required fields are marked *