مشروع موقع gestion des evénements ب codeigniter الجزء السادس

imadbelasri Codeigniter
CO

فهاد الجزء الأخير من مشروع موقع gestion des evénements ب codeigniter غادي نكملو الملفات لي بقاونا ولي هما الصفحة الرئيسية وملف css وغادي تبقالك مهمة تزيد صفحة لي كتعرض الأحداث حسب فئة اختارها المستخدم وملف لي كيعرض الرسائل باللغة الفرنسية حيت الرسائل كيتعرضو بالإنجليزية فحاول تبحث راه كلشي ف la documentation فغوغل.


نظرة سريعة بالفيديو


1- الملف config/autoload.php

ف config/autoload.php كندير تغييرات على لملف كنزيد models لي عندي وكنزيد librairies و helpers لي غادي نحتاج فباش codeigniter يعرف لmodels لي زدنا ويمكنك باش تخدم بل form helper وغيرها لازم تشارجيهم فهاد الملف الكود ديال الملف بعد التعديل هو :

                                                    
                                                        <?php
defined('BASEPATH') OR exit('No direct script access allowed');
$autoload['packages'] = array();
$autoload['libraries'] = array('database','form_validation','session','encryption');
$autoload['drivers'] = array();
$autoload['helper'] = array('url','form');
$autoload['config'] = array();
$autoload['language'] = array();
$autoload['model'] = array('Category','Event','User');
                                                    
                                                

2- الملف routes.php و الملف config.php

دائما فالمجلد config كندير تغييرات على الملف routes.php و الملف config.php فroutes.php كنحدد الcontroller par defaut ديالي ولي هو home غادي نزيدوه من بعد وفالملف config.php كنزيد غير encryption_key لي كيمكن باش تدير التشفير لكلمة المرور ديال المستخدم مني يتسجل الكود ديال الملفين هو:

                                                        
                                                            //routes.php

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
$route['default_controller'] = 'home';
$route['404_override'] = '';
$route['translate_uri_dashes'] = FALSE;

//config.php
$config['encryption_key'] = 'fd06e67d883b896a2eb9d9898cd9719d';
                                                        
                                                    

3- الملف Home.php

ف Application/Controllers غادي تزيد ملف جديد سميه Home.php لي غادي يكون فيه ل fonction index لي كتسترجع الاحداث لي عندنا فقاعدة البيانات بواسطة fonction get_events_active لي كاينة فل model Event ولي كتسترجع أيضا الفئات بواسطة fonction get_categories لي كاينة فل model Category ومنبعد كترسلهم للملف home.php لي غادي نزيدوه منبعد الكود ديال الملف هو :

                                                        
                                                            <?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Home extends CI_Controller {
	public function index()
	{
		$data['events'] = $this->Event->get_events_active();
		$data['categories'] = $this->Category->get_categories();
	    $this->load->view('home',$data);
	}
}

                                                        
                                                    

4- الملف home.php

فالمجلد views زيد ملف جديد سميه home.php لي غادي يكون هو الصفحة الرئيسية ديال الموقع ولي غادي يشوفوها الزوار ديالنا وليغادي تعرض قائمة جانبية فيها الفئات لي عندنا فقاعدة البيانات ويمكنلك تزيد صفحة كتعرض الأحداث على حساب كل فئة كيف قلت فالتقديم وعندنا أيضا العرض ديال كل الأحداث لي عندنا فقاعدة البيانات الكود ديال الملف هو :

                                                        
                                                            <!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Gestion evenements</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="<?php echo base_url();?>assets/css/main.css">
  </head>
  <body>
    <nav class="navbar navbar-inverse">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="<?php echo base_url();?>/Admins/index">Mes Evenements</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li><?php echo anchor('/','Accueil');?></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>
    <div class="container">
        <div class="row">
            <div class="col-md-3">
              <ul class="list-group">
                <li class="list-group-item active">
                  Catégories
                </li>
                <?php foreach($categories as $categorie):?>
                <li class="list-group-item"><?php echo anchor('Home/index',$categorie->titre);?></li>
                <?php endforeach;?>
              </ul>
            </div>
            <div class="col-md-4 col-md-offset-1 panel">
              <ul class="list-group">
                <?php foreach($events as $event):?>
                <li class="list-group-item"><?php echo $event->titre.' '.'<span class="text-primary">De '.$event->date_debut.' Au '.$event->date_fin.'</span>';?></li>
                <?php endforeach;?>
              </ul>
            </div>
        </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="../../dist/js/bootstrap.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  </body>
</html>
                                                        
                                                    

5- الملف main.css

فالمجلد الرئيسي غادي تزيد مجلد سميه assets وزيد فيه مجلد سميه css من بعد زيد فيه ملف سميه main.css ولي غادي يكون فيه des styles لي غادي يمكنو من تعديل المظهر ديال الصفحات ديالنا الكود ديال هو :

                                                        
                                                            body{
	font-family: verdana;
}
form,h2{
	padding: 10px;
}
.panel{
	margin-top:50px;
}