Rodex_ icon

Webtechnology_Exercise_1

Rodex_ | PRO | 03/17/17 10:32:15 AM UTC | 0 ⭐ | 299 👁️ | Never ⏰ | []
PHP |

9.51 KB

|

None

|

0 👍

/

0 👎

==== index.php ====
<!DOCTYPE html>
<html>
    <head>
        <title>PHP Aufgabe</title>
        <meta charset="UTF-8"/>
    </head>
    <body>
        <div id="banner">
            <?php include "header.php"; ?>
            <?php include "login.php"; ?>
        </div>
        <div id="navi">
            <?php include "navi.php"; ?>
        </div>
        <div id="content">
            <?php include "content.php"; ?>
        </div>
        <div id="footer.php">
        </div>
    </body>
</html>
 
==== header.php ====
<?php
    if(!isset($_SESSION["check"])) {
        session_start();
        if(!isset($_SESSION["login"])){
            $_SESSION["login"] = 0;
        }
        $_SESSION["check"] = true;
    }
?>
 
==== login.php ====
<?php
    $_logindatenAdmin = ARRAY("name" => "admin", "password" => "1234");
    $_logindatenUser = ARRAY("name" => "user", "password" => "1234");
 
 
    if(isset($_COOKIE["user"])){
        if($_COOKIE["user"] == "admin"){
            $_SESSION["login"] = 1;
        }else if($_COOKIE["user"] == "user"){
            $_SESSION["login"] = 2;
        }
    }
 
    if(isset($_POST["loginname"]) && isset($_POST["loginpassword"]))
    {
        $_SESSION["name"] = $_POST["loginname"];
        if($_logindatenAdmin["name"] == $_POST["loginname"] &&
            $_logindatenAdmin["password"] == $_POST["loginpassword"]) {
            $_SESSION["login"] = 1;
        }
        if($_logindatenUser["name"] == $_POST["loginname"] &&
            $_logindatenUser["password"] == $_POST["loginpassword"]) {
            $_SESSION["login"] = 2;
        }
    }
 
    if(isset($_POST["autologin"])){
        $_cookie_value = $_POST["loginname"];
        $_cookie_name = 'user';
        setcookie($_cookie_name, $_cookie_value,  time() + (3600 * 24 * 60));
    }
 
    if(isset($_POST["logout"])){
        $_SESSION["login"] = 0;
        setcookie("user", "", time() - 3600);
    }
 
    if($_SESSION["login"] != 1 && $_SESSION["login"] != 2){
        include("login-formular.php");
    }else{
        include ("logout.php");
    }
?>
 
=== login-formular.php ===
<form method="POST" action="<?php echo $_SERVER['PHP_SELF']; ?>">
    <b>Login</b><br>
    <br>
    Username: <input name="loginname"><br>
    Passwort: <input name="loginpassword" type=password><br>
    <br>
    <input type=submit name=submit value="Einloggen">
    <label><input type="checkbox" name="autologin">Automatisch einloggen</label>
</form>
 
=== logout.php === 
<div>
    Hallo
    <?php
    if(isset($_SESSION["name"])){
        echo ($_SESSION["name"]);
    }else{
        echo ($_COOKIE["user"]);
    }
 
    ?>
    <br>
    <form method="POST" action="<?php echo $_SERVER['PHP_SELF']; ?>">
        <input  type="submit" name="logout" value="Ausloggen">
    </form>
</div>
 
==== navi.php ==== 
 
<?php
    $_SESSION["homeActive"] = "";
    $_SESSION["productsActive"] = "";
    $_SESSION["cartActive"] = "";
    $_SESSION["productsChangeActive"] = "";
 
    if(isset($_GET['section'])) {
        switch ($_GET['section']) {
            case "home":
                $_SESSION["homeActive"] = "active";
                break;
            case "products":
                $_SESSION["productsActive"] = "active";
                break;
            case "cart":
                $_SESSION["cartActive"] = "active";
                break;
            case "productsChange":
                $_SESSION["productsChangeActive"] = "active";
                break;
            default:
                $_SESSION["homeActive"] = "active";
                break;
        }
    }
 
    if($_SESSION["login"] == 0){
        echo ("<nav class=\"navbar navbar-default\">
                  <div class=\"container-fluid\">
                    <div class=\"navbar-header\">
                      <a class=\"navbar-brand\" href=\"#\">Navigation</a>
                    </div>
                    <ul class=\"nav navbar-nav\">
                      <li class=\" . $_SESSION[homeActive] . \"><a href=\"index.php?section=home\">Home</a></li>
                      <li class=\" . $_SESSION[productsActive] . \"><a href=\"index.php?section=products\">Produkte</a></li>
                    </ul>
                  </div>
                </nav>");
    }
    if($_SESSION["login"] == 2){
        echo ("<nav class=\"navbar navbar-default\">
                  <div class=\"container-fluid\">
                    <div class=\"navbar-header\">
                      <a class=\"navbar-brand\" href=\"#\">Navigation</a>
                    </div>
                    <ul class=\"nav navbar-nav\">
                      <li class=\" . $_SESSION[homeActive] . \"><a href=\"index.php?section=home\">Home</a></li>
                      <li class=\" . $_SESSION[productsActive] . \"><a href=\"index.php?section=products\">Produkte</a></li>
                      <li class=\" . $_SESSION[cartActive] . \"><a href=\"index.php?section=cart\">Warenkorb</a></li>
                    </ul>
                  </div>
                </nav>");
    }
    if($_SESSION["login"] == 1){
        echo ("<nav class=\"navbar navbar-default\">
                  <div class=\"container-fluid\">
                    <div class=\"navbar-header\">
                      <a class=\"navbar-brand\" href=\"#\">Navigation</a>
                    </div>
                    <ul class=\"nav navbar-nav\">
                      <li class=\" . $_SESSION[homeActive] . \"><a href=\"index.php?section=home\">Home</a></li>
                      <li class=\" . $_SESSION[productsActive] . \"><a href=\"index.php?section=products\">Produkte</a></li>
                      <li class=\" . $_SESSION[productsChangeActive] . \"><a href=\"index.php?section=productsChange\">Produkte bearbeiten</a></li>
                    </ul>
                  </div>
                </nav>");
    }
   ?>
 
==== content.php ==== 
<?php
    if(isset($_GET['section'])) {
        switch($_GET['section']) {
            case "home":
                echo ("Das ist der Home Bereich!");
                break;
            case "products":
                echo ("Das ist der Produktbereich!");
                break;
            case "cart":
                echo ("Das ist der Warenkorb!");
                break;
            case "productsChange":
                echo ("In diesen Bereich werden Produkte bearbeitet!");
                break;
            default:
                echo ("Das ist der Home Bereich!");
                break;
        }
    } else {
        echo("Das ist der Home Bereich!");
    }
 
==== foother.php ====
<?php
echo ("<div class='down'>
        <div class=\"container\">   
                <div class=\"col-xs-12 col-sm-6 col-md-3 footer\">
                    <h4>Soziale Netze</h4>
                    <ul class=\"nav\">
                        <li class=\"visible-xs\"><a>Facebook</a></li>
                        <li class=\"visible-xs\"><a>Twitter</a></li>
                        <li class=\"visible-xs\"><a>Instagram</a></li>
                        <li class=\"visible-xs\"><a>Twitter</a></li>
                        
                        <li class=\"hidden-xs\"><a>Facebook</a></li>
                        <li class=\"hidden-xs\"><a>Twitter</a></li>
                        <li class=\"hidden-xs\"><a>Instagram</a></li>
                        <li class=\"hidden-xs\"><a>Twitter</a></li>
                    </ul>
                </div>
                <div class=\"col-xs-12 col-sm-6 col-md-3 footer\">
                    <h4>Kontakt</h4>
                    <ul class=\"nav\">
                        <li class=\"visible-xs\"><a>Adresse</a></li>
                        <li class=\"visible-xs\"><a>Webpräsenz</a></li>
                        <li class=\"visible-xs\"><a>Mail</a></li>
                        <li class=\"visible-xs\"><a>Service-Hotline</a></li>
                        
                        <li class=\"hidden-xs\"><a>Adresse</a></li>
                        <li class=\"hidden-xs\"><a>Webpräsenz</a></li>  
                        <li class=\"hidden-xs\"><a>Mail</a></li>
                        <li class=\"hidden-xs\"><a>Service-Hotline</a></li>
                    </ul>
                </div>
                <div class=\"col-xs-12 col-sm-6 col-md-3 footer\">
                    <h4>Terms of Use</h4>
                    <ul class=\"nav\">
                        <li class=\"visible-xs\"><a>Copyright</a></li>
                        <li class=\"visible-xs\"><a>Privacy Policy</a></li> 
                        
                        <li class=\"hidden-xs\"><a>Copyright</a></li>
                        <li class=\"hidden-xs\"><a>Privacy Policy</a></li>
                    </ul>
                </div>
                <div class=\"col-xs-12 col-sm-6 col-md-3 footer\">
                    <h4>About</h4>
                    <ul class=\"nav\">
                        <li class=\"visible-xs\">Technikum Wien</li>
                        <li class=\"visible-xs\">Bachelor Informatik</li>
                        <li class=\"visible-xs\">1200 Wien</li>
                        
                        <li class=\"hidden-xs\">Technikum Wien</li>
                        <li class=\"hidden-xs\">Bachelor Informatik</li>
                        <li class=\"hidden-xs\">1200 Wien</li>
                    </ul>
                </div>
            </div>
            </div>");
?>
 
==== css-file.css ====
#banner {
    margin: 0em;
    padding: 0em;
    background-image: url("pics/logo.png");
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
}
 
div.login_area{
    height: 300px;
    padding: 15px;
    margin: auto;
    text-align: right;
}
 
a.nav_style{
    margin-left: 100px !important;
    margin-right: 100px !important;
}
nav{
    background: gainsboro;
    height: auto;
}
 
.footer {
    border-left: dotted 1px;
    border-color: white;
    margin-bottom: 5px !important;
}
 
.visible-xs {
    float:left;
    border-right: dotted 1px;
    border-color: white;
    padding-right: 10px !important;
    margin-left: 15px !important;
}
 
footer .nav a {
    padding: 0;
}
 
footer .nav a:hover {
    color: black !important;
}
 
div.down{
    position: absolute;
    bottom: 0;
    background: gainsboro;
    width: 100%;
    display: block;
}

Comments