制作账号密码登录界面

下图是大概的显示效果图

在这里插入图片描述

以下是该界面的代码

package cn.edu.mju.project2.controller;
import javax.servlet.Servlet;
import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
    @WebServlet("/login")
    public class LoginController extends HttpServlet {
        @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        StringBuilder stringBuilder=new StringBuilder();
        stringBuilder.append("<font size='20' >欢迎登录世外桃源</font>");//标题名字
        stringBuilder.append("<form action='' method='post'>");//输出本地
        stringBuilder.append("登陆名称:<input type='text' name='loginName' value=''/><br> ");//登录账号
        stringBuilder.append("登陆密码:<input type='password' name='loginPwd' value=''/> <br>");//登录密码
        stringBuilder.append("验 证 码:<input type='text' name='validCode'/><br><img src='./captcha' width=150 height=150   /> <br>");//输入验证码
        stringBuilder.append("<input type ='submit' name='btnLogin' value='登录'/>");//登录按钮
        stringBuilder.append("</form>");
        showMsg(resp,stringBuilder.toString());
    }
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        String loginName=req.getParameter("loginName");
        String loginPwd=req.getParameter("loginPwd");
        String validCode = req.getParameter("validCode");
        ServletContext application = this.getServletContext();
        application.setAttribute("c",1);
        String saveCode = (String) req.getSession().getAttribute("code");
        //登陆名称是你的学号,密码是1234,否则,显示账户或密码错误
        String msg=null;
        if(saveCode !=null){
            if (saveCode.equals(validCode)){
                if("5197101241".equals(loginName)&&"123456".equals(loginPwd)
                        ){
                    msg=("<font size='20' > 你好 "+loginName+"</font>");
                }else{
                    msg=("<font size='20' >账户或密码错误</font>");
                }

            }else {
                msg = "验证码错误";
            }

        }else {
            msg = ("<font size='20' >请输入验证码</font>");
        }

        showMsg(resp,msg);
    }
    /*
    把要显示的内容输出到客户端
     */
    private void showMsg(HttpServletResponse resp,String msg){
        resp.setCharacterEncoding("utf-8");
        try {
            PrintWriter out = resp.getWriter();
            out.println("<html>");
            out.println("<header>");
            out.println("<title>test</title>");
            out.println("<meta charset=\"utf-8\">");
            out.println("</header>");
            out.println("<body>"+"<center>");
            out.println(msg);
            out.println("</body>"+"</center>");
            out.println("</html>");
            out.close();
        }catch (Exception e){
            System.out.println(e.getMessage());
        }
    }


}

以上有涉及到验证码功能,读者可以观看另片关于验证码的文章

以上内容是个人的一点总结,如果有错误或不严谨的地方,望能批评指正,欢迎点赞收藏。

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个简单的用户登陆/注册页面的 HTML 代码,使用了 cookie 来处理用户的登陆状态: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用户登陆/注册</title> </head> <body> <h1>用户登陆/注册</h1> <!-- 如果用户已经登录,显示欢迎信息 --> <?php if(isset($_COOKIE["username"])) { ?> <p>欢迎, <?php echo $_COOKIE["username"]; ?>!</p> <form action="logout.php" method="post"> <input type="submit" value="退出"> </form> <!-- 如果用户没有登录,显示登陆和注册表单 --> <?php } else { ?> <h2>登陆</h2> <form action="login.php" method="post"> <label for="username">用户名:</label> <input type="text" id="username" name="username"><br> <label for="password">密码:</label> <input type="password" id="password" name="password"><br> <input type="submit" value="登陆"> </form> <h2>注册</h2> <form action="register.php" method="post"> <label for="username">用户名:</label> <input type="text" id="username" name="username"><br> <label for="password">密码:</label> <input type="password" id="password" name="password"><br> <label for="confirm_password">确认密码:</label> <input type="password" id="confirm_password" name="confirm_password"><br> <input type="submit" value="注册"> </form> <?php } ?> <a href="index.php">返回主页</a> </body> </html> ``` 以上代码中,如果用户已经登录,将显示一个欢迎信息和一个退出按钮。如果用户没有登录,则显示登陆和注册表单。在实际应用中,你需要编写服务器端的代码来处理表单数据,并实现用户登陆/注册的功能。登陆成功后,你可以在服务器端设置一个名为 "username" 的 cookie,来保存用户的登陆状态。退出时,你可以删除这个 cookie。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值