Skip to main content
Participant
August 1, 2020
Question

Trying to Add Login Page to Existing Site

  • August 1, 2020
  • 2 replies
  • 243 views

I have an html website in DW and am trying to add a login screen to one section. I've tried to create a mySQL table for it on my hosting server, and am now trying to use MAMP to link the html to the php db. I'm a novice at this and nothing is working. Can anyone walk me through the steps of how to do this? Thanks.

    This topic has been closed for replies.

    2 replies

    Nancy OShea
    Community Expert
    Community Expert
    August 1, 2020

    Does your server support PHP code? 

    Are you naming your log-in page and scripts with a .php file extension? 

     

    Single page, password protected.  Save as log-in.php.

     

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>Password Protected Content</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    <!--minimal demo styles-->
    <style>
    html {font-size:16px}
    
    body {font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 1.5rem;
    width:80%;
    margin:0 auto;
    }
    </style>
    </head>
    <body>
    
    
    <?php
    // Define your username and password here
    $username = "admin";
    $password = "pass123";
    
    if (isset($_POST['txtUsername']) != $username || $_POST['txtPassword'] != $password) {
    ?>
    <!--LOG-IN FORM-->
    <form name="form" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
    <fieldset>
    <legend>Log-In</legend>
    
    <p><label for="txtUsername">Username:</label>
    <br>
    <input type="text" title="Enter your Username" name="txtUsername" id="txtUsername" required placeholder="5 characters"></p>
    
    <p><label for="txtPassword">Password:</label>
    <br>
    <input type="password" title="Enter your password" name="txtPassword" id="txtPassword" required placeholder="7 characters"></p>
    
    <button type="submit">Submit</button>
    </fieldset>
    </form>
    
    <?php
    }
    else {
    ?>
    
    <!--PROTECTED CONTENT-->
    <h2>Log-In Success!</h2>
    <p>You have reached a password protected area of this page. What would you like to do next?</p>
    
    <!--Links to other pages-->
    <ul>
    <li> <a href="download.html">Download Files</a></li>
    <li><a href="#">Upload Files</a></li>
    <li><a href="#">Watch Videos</a></li>
    <li><a href="#">Play a Game</a></li>
    </ul>
    <?php
    }
    ?> 
    <!--END PROTECTED CONTENT-->
    
    </body>
    </html>

     

     

    Nancy O'Shea— Product User & Community Expert
    BenPleysier
    Community Expert
    Community Expert
    August 1, 2020
    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!