西蒙购物网(下)

建立css,创建main.css文件

在这里插入图片描述
/* 样式 */
body {
margin: 0px;
text-align: center;
background: url("…/images/frontBack.jpg") no-repeat;
background-size: 100%
}

table {
margin: 0 auto;
font-size: 14px;
color: #333333;
border-width: 1px;
border-color: khaki;
border-collapse: collapse;
}

table th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: gainsboro;
background-color: honeydew;
}

table td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: gainsboro;
background-color: #ffffff;
}

/登录页面样式/
.login {
width: 400px;
height: 340px;
background-color: honeydew;
border: solid 2px darkgrey;
left: 50%;
top: 50%;
position: absolute;
margin: -170px 0 0 -200px;
}

.login .websiteTitle, .title {
border: solid 1px floralwhite;
}

/注册页面样式/
.register {
width: 400px;
height: 350px;
background-color: honeydew;
border: solid 2px darkgrey;
left: 50%;
top: 50%;
position: absolute;
margin: -175px 0 0 -200px;
}

/显示类别页面样式/
.showCategory {
width: 400px;
height: 350px;
background-color: honeydew;
border: solid 2px darkgrey;
left: 50%;
top: 50%;
position: absolute;
margin: -150px 0 0 -200px;
}

/生成订单页面样式/
.makeOrder {
width: 400px;
height: 400px;
background-color: honeydew;
border: solid 2px darkgrey;
left: 50%;
top: 50%;
position: absolute;
margin: -200px 0 0 -200px;
}

/显示订单页面样式/
.showOrder {
width: 400px;
height: 400px;
background-color: honeydew;
border: solid 2px darkgrey;
left: 50%;
top: 50%;
position: absolute;
margin: -200px 0 0 -200px;
}
建立图片文件夹
西蒙购物网(下)_第1张图片
导入jar包

西蒙购物网(下)_第2张图片
建立scripts文件夹,建立check.js文件

在这里插入图片描述
/**

  • 检验登录表单
  • @returns {Boolean}
    */
    function checkLoginForm() {
    var username = document.getElementById(“username”);
    var password = document.getElementById(“password”);
    if (username.value == “”) {
    alert(“用户名不能为空!”);
    username.focus();
    return false;
    }
    if (password.value == “”) {
    alert(“密码不能为空!”);
    password.focus();
    return false;
    }
    return true;
    }

/**

  • 检验注册表单

  • @returns {Boolean}
    */
    function checkRegisterForm() {
    var username = document.getElementById(“username”);
    var password = document.getElementById(“password”);
    var telephone = document.getElementById(“telephone”);
    if (username.value == “”) {
    alert(“用户名不能为空!”);
    username.focus();
    return false;
    }
    if (password.value == “”) {
    alert(“密码不能为空!”);
    password.focus();
    return false;
    }

    var pattern = “/^(13[0-9]|14[0-9]|15[0-9]|18[0-9])\d{8}$/”;
    if (!pattern.exec(telephone)) {
    alert(“非法手机号!”);
    telephone.focus();
    return false;
    }
    return true;
    }
    登录页面login.jsp

在这里插入图片描述
<%@ page language=“java” contentType=“text/html; charset=UTF-8”
pageEncoding=“UTF-8” %>
<%@ taglib prefix=“c” uri=“http://java.sun.com/jsp/jstl/core” %>

p a g e C o n t e x t . r e q u e s t . c o n t e x t P a t h " / > < c : s e t v a r = " b a s e P a t h " v a l u e = " {pageContext.request.contextPath}"/> pageContext.request.contextPath"/><c:setvar="basePath"value="{pageContext.request.scheme}/ p a g e C o n t e x t . r e q u e s t . s e r v e r N a m e : {pageContext.request.serverName}: pageContext.request.serverName:{pageContext.request.serverPort}${path}/"/>

用户登录

r e g i s t e r M s g ! = n u l l " > < s c r i p t t y p e = " t e x t / j a v a s c r i p t " > a l e r t ( " {registerMsg!=null}">

你可能感兴趣的:(西蒙购物网(下))