码迷,mamicode.com
首页 > 其他好文 > 详细

超市订单管理系统,登录功能实现

时间:2020-11-12 13:41:46      阅读:4      评论:0      收藏:0      [点我收藏+]

标签:meta   encoding   流程   --   orm   post   ext   doctype   info   

1.规划登录实现原理流程图

技术图片

 

2.编写前端页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>系统登录 - 超市订单管理系统</title>
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath }/css/style.css" />
    <script type="text/javascript">
    /* if(top.location!=self.location){
          top.location=self.location;
     } */
    </script>
</head>
<body class="login_bg">
    <section class="loginBox">
        <header class="loginHeader">
            <h1>超市订单管理系统</h1>
        </header>
        <section class="loginCont">
            <form class="loginForm" action="${pageContext.request.contextPath }/login.do"  name="actionForm" id="actionForm"  method="post" >
                <div class="info">${error }</div>
                <div class="inputbox">
                    <label for="userCode">用户名:</label>
                    <input type="text" class="input-text" id="userCode" name="userCode" placeholder="请输入用户名" required/>
                </div>    
                <div class="inputbox">
                    <label for="userPassword">密码:</label>
                    <input type="password" id="userPassword" name="userPassword" placeholder="请输入密码" required/>
                </div>    
                <div class="subBtn">
                    
                    <input type="submit" value="登录"/>
                    <input type="reset" value="重置"/>
                </div>    
            </form>
        </section>
    </section>
</body>
</html>

<!--此仅仅是js,想要完整的评论留邮箱-->

3. 设置首页(登录页),将tomcat默认的index改成自己设计的首页

    <!--设置欢迎页面-->
    <welcome-file-list>
        <welcome-file>login.jsp</welcome-file>
    </welcome-file-list>

 

超市订单管理系统,登录功能实现

标签:meta   encoding   流程   --   orm   post   ext   doctype   info   

原文地址:https://www.cnblogs.com/CL-King/p/13796446.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!