Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- IN WEB XML
- --------------------------
- <context-param>
- <param-name>driver</param-name>
- <param-value>com.mysql.jdbc.Driver</param-value>
- </context-param>
- <context-param>
- <param-name>connUrl</param-name>
- <param-value>jdbc:mysql://localhost</param-value>
- </context-param>
- <context-param>
- <param-name>database</param-name>
- <param-value>pizza_order</param-value>
- </context-param>
- <context-param>
- <param-name>user</param-name>
- <param-value>root</param-value>
- </context-param>
- <context-param>
- <param-name>pass</param-name>
- <param-value>PROG32758</param-value>
- </context-param>
- REPLACE OLD ORDERDB WITH
- ----------------------
- String driver = "com.mysql.jdbc.Driver";
- String connUrl = "jdbc:mysql://localhost/";
- String database = "pizza_orders";
- String user = "root";
- String pass = "PROG32758";
- INDEX
- --------------------
- <html>
- <head>
- <title>Pizza Order</title>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="stylesheet" type="text/css" href="css.css">
- </head>
- <body>
- <div id="login"><form action ="BeginOrder.do" method="get" name="login">
- <h1> Welcome to my Pizza Ordering Application </h1>
- <br>
- <br>
- Name : <input type="text" class="textbox" name="name" required=""> <br> <br>
- Phone: <input type="number" class="textbox" name="phone" required=""> <br><br>
- <input type="submit" class="button" value="Submit">
- </form></div>
- <a href="DisplayOrders.do" class='link'>Display Orders</a>
- </body>
- </html>
- CSS
- -----------------------
- /*
- To change this license header, choose License Headers in Project Properties.
- To change this template file, choose Tools | Templates
- and open the template in the editor.
- */
- /*
- Created on : 18-Oct-2016, 12:48:11 AM
- Author : Meggan
- */
- body {
- background-image: url(images/background.jpg);
- font-family: sans-serif;
- color: white;
- font-size: 14px;
- margin-left: auto;
- margin-right: auto;
- }
- h1 {
- color: white;
- font-size: 24px;
- }
- h2 {
- color: white;
- font-size: 18px;
- }
- .button {
- background: #b5cd60;
- border: 0;
- width: 20%;
- height: 40px;
- border-radius: 3px;
- color: white;
- cursor: pointer;
- transition: background 0.3s ease-in-out;
- }
- .checkbox{
- }
- .link{
- margin:auto;
- }
- ul{
- }
- li{
- }
- input {
- border: none;
- font-family: 'Open Sans', Arial, sans-serif;
- font-size: 16px;
- line-height: 1.5em;
- padding: 0;
- -webkit-appearance: none;
- }
- p {
- line-height: 1.5em;
- }
- #login {
- margin: 50px auto;
- width: 320px;
- }
- #login form {
- margin: auto;
- padding: 22px 22px 22px 22px;
- width: 100%;
- border-radius: 5px;
- border-top: 3px solid #434a52;
- border-bottom: 3px solid #434a52;
- }
- #login form input[type="name"] {
- background-color: #3b4148;
- border-radius: 0px 3px 3px 0px;
- color: #a9a9a9;
- margin-bottom: 1em;
- padding: 0 16px;
- width: 235px;
- height: 50px;
- }
- #login form input[type="phone"] {
- background-color: #3b4148;
- border-radius: 0px 3px 3px 0px;
- color: #a9a9a9;
- margin-bottom: 1em;
- padding: 0 16px;
- width: 235px;
- height: 50px;
- }
- #login form input[type="submit"] {
- background: #b5cd60;
- border: 0;
- width: 100%;
- height: 40px;
- border-radius: 3px;
- color: white;
- cursor: pointer;
- transition: background 0.3s ease-in-out;
- }
- #login form input[type="submit"]:hover {
- background: #16aa56;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement