login system ب php و mysql للمبتدئين الجزء الأول

فهاد الدرس غادي نشوفو كيفاش نقادو login system ب php و mysql للمبتدئين ولي كيمكن مستخدم من التسجيل فقاعدة البيانات ومنبعد يتكونيكطا ويديكونيكطا الدرس بسيط.

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


1- إنشاء قاعدة البيانات


أول حاجة غادي نديرو هي غادي نزيدو قاعدة بيانات جديدة ف phpmyadmin نسميوها contactdb من بعد غادي نزيد فيها table نسميها users هادي هي قاعدة البيانات لي غادي تمكنا من حفظ المعلومات ديال المستخدمين ديالنا الكود باش تزيد الجدول فقاعدة البيانات هو :

                                    
                                        --
-- Structure de la table `users`
--
 
CREATE TABLE IF NOT EXISTS `users` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `nom` varchar(255) NOT NULL,
  `prenom` varchar(255) NOT NULL,
  `email` varchar(255) NOT NULL,
  `pass` varchar(255) NOT NULL,
  `photo` varchar(255) DEFAULT 'user.png',
  `date_ins` varchar(255) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=0 ;
 
                                    
                                

2- ملفات الإتصال بقاعدة البيانات


من بعد كنمشي wamp/www وكنزيد مجلد جديد كنسميه login_system كنزيد فيه مجلد كنسميه includes أول ملف كنزيد فالمجلد هو database.php غادي يكون فيه كود الإتصال بقاعدة البيانات الكود ديال الملف هو :

                                    
                                        <?php
define('DB_HOST','localhost');
define('DB_USER','root');
define('DB_PASS','');
define('DB_DATABASE','contactdb');
$con = mysqli_connect(DB_HOST,DB_USER,DB_PASS,DB_DATABASE);
                                    
                                

3- الملفات الأساسية


من بعد غادي تزيد ملف تسميه header.php و آخر تسميه footer.php وآخر تسميه navigation.php فincludes الملف header.php الكود ديالو هو :

                                      
                                        <?php include_once('functions.php');?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Contacts</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <link rel="stylesheet" href="css/font-awesome.min.css">
  </head>
  <body>
  <?php include('includes/navigation.php');?>
                                      
                                    

4- الملفات الأساسية تتمة


دائما فincludes الملف navigation.php الكود ديالو هو :

                                        
                                              <!-- Static navbar -->
<nav class="navbar navbar-default">
    <div class="container-fluid">
        <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="#">Contacts</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li><a href="index.php"><i class="fa fa-home"></i> Acceuil</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <?php if(isset($_SESSION['logged']) && $_SESSION['logged'] == true):?>
                    <li><a href="logout.php"><?php echo $_SESSION['nom']." ".$_SESSION['prenom'];?> <i class="fa fa-sign-out"></i> Déconnexion</a></li>
                <?php else:?>
                   <li><a href="login.php"><i class="fa fa-sign-in"></i> Connexion</a></li>
                   <li><a href="register.php"><i class="fa fa-user-plus"></i> Inscription</a></li>
                <?php endif;?>
            </ul>
        </div><!--/.nav-collapse -->
    </div><!--/.container-fluid -->
</nav>
                                        
                                    

5- الملفات الأساسية تتمة


دائما فincludes الملف footer.php الكود ديالو هو :

                                        
                                             <footer>
     <ul class="footer">
        <li>&copy; DarijaCoding 2017</li>
     </ul>
 </footer>   
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>
                                        
                                    

كلمات مفاتيح :