第七周web学习

最新推荐文章于 2024-04-24 22:00:00 发布
最新推荐文章于 2024-04-24 22:00:00 发布
阅读量1.9k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hollp_to/article/details/102540830
版权

上周完成了
在这里插入图片描述效果如下
在这里插入图片描述记住密码的复选框是通过
`<%
//
String username = request.getParameter(“username”);
String password = request.getParameter(“password”);
String[] choice = request.getParameterValues(“savepwd”);

// 判断用户是否登陆成功
if (username.equals("邓益春") && password.equals("123456")){
    Cookie uname = new Cookie("uname",username);
    Cookie upwd = new Cookie("upwd", password);
    Cookie savepwd = new Cookie("savepwd", "no");
    if (choice !=  null) {
        savepwd = new Cookie("savepwd", "yes");
    }
    response.addCookie(uname);
    response.addCookie(upwd);
    response.addCookie(savepwd);
    // 采用重定向，跳转到登录成功页面
    response.sendRedirect("success.jsp");
} else {
    // 采用重定向，跳转到登录页面
    response.sendRedirect("login.jsp");
}
       %>`

修改登录（login.jsp)页面

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>

<html>
<head>
    <title>用户登录</title>
</head>
<body>
<h3 style="text-align: center">用户登录</h3>
<form action="do_login.jsp" method="post">
    <table border="1" cellpadding="10" style="margin: 0px auto">
        <tr>
            <td align="center">用户名</td>
            <td><input id="uname" type="text" name="username"/></td>
        </tr>
        <tr>
            <td align="center">密&nbsp;码</td>
            <td><input id="upwd" type="password" name="password"/></td>
        </tr>
        <tr align="center">
            <td colspan="2">
                <input id="savename" type="checkbox" name="save" value="记住用户名"/>记住用户名
                <input id="savepwd" type="checkbox" name="save" value="记住密码" onclick="setchkname()"/>记住密码
            </td>
        </tr>
        <tr align="center">
            <td colspan="2">
                <input type="submit" value="登录"/>
                <input type="reset" value="重置"/>
            </td>
        </tr>
    </table>
</form>
<%
    String uname = "";
    String upwd = "";
    String savepwd = "";
    String savename = "";
    Cookie[] cookies = request.getCookies();
    for (Cookie cookie: cookies) {
        if (cookie.getName().equals("uname")) {
            uname = cookie.getValue();
        }
        if (cookie.getName().equals("upwd")) {
            upwd = cookie.getValue();
        }
        if (cookie.getName().equals("savepwd")) {
            savepwd = cookie.getValue();
        }
        if (cookie.getName().equals("savename")){
            savename = cookie.getValue();
        }
    }
%>
<script type="text/javascript">
    var chkSavepwd = document.getElementById("savepwd");
    var chkSavename = document.getElementById("savename");
    var savepwd = "<%= savepwd %>";
    var savename = "<%= savename %>";
    if (savepwd == "yes") {
        chkSavepwd.checked = true;
    }
    if (savename == "yes") {
        chkSavename.checked = true;
    }
    var txtUname = document.getElementById("uname");
    var txtUpwd = document.getElementById("upwd");

    if (chkSavename.checked){
        txtUname.value = "<%= new String(uname.getBytes("iso-8859-1"), "utf-8") %>";
    }
    if (chkSavepwd.checked){
        txtUpwd.value = "<%= upwd %>";
    }

    /**
     * 选中记住密码，一定会选中记住用户名
     */
    function setchkname() {
        if (chkSavepwd.checked){
            chkSavename.checked = true;
        }

    }
</script>
</body>
</html>

修改登陆（do_login）页面

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>

<html>
<head>
    <title>用户登录</title>
</head>
<body>
<h3 style="text-align: center">用户登录</h3>
<form action="do_login.jsp" method="post">
    <table border="1" cellpadding="10" style="margin: 0px auto">
        <tr>
            <td align="center">用户名</td>
            <td><input id="uname" type="text" name="username"/></td>
        </tr>
        <tr>
            <td align="center">密&nbsp;码</td>
            <td><input id="upwd" type="password" name="password"/></td>
        </tr>
        <tr align="center">
            <td colspan="2">
                <input id="savename" type="checkbox" name="save" value="记住用户名"/>记住用户名
                <input id="savepwd" type="checkbox" name="save" value="记住密码" onclick="setchkname()"/>记住密码
            </td>
        </tr>
        <tr align="center">
            <td colspan="2">
                <input type="submit" value="登录"/>
                <input type="reset" value="重置"/>
            </td>
        </tr>
    </table>
</form>
<%
    String uname = "";
    String upwd = "";
    String savepwd = "";
    String savename = "";
    Cookie[] cookies = request.getCookies();
    for (Cookie cookie: cookies) {
        if (cookie.getName().equals("uname")) {
            uname = cookie.getValue();
        }
        if (cookie.getName().equals("upwd")) {
            upwd = cookie.getValue();
        }
        if (cookie.getName().equals("savepwd")) {
            savepwd = cookie.getValue();
        }
        if (cookie.getName().equals("savename")){
            savename = cookie.getValue();
        }
    }
%>
<script type="text/javascript">
    var chkSavepwd = document.getElementById("savepwd");
    var chkSavename = document.getElementById("savename");
    var savepwd = "<%= savepwd %>";
    var savename = "<%= savename %>";
    if (savepwd == "yes") {
        chkSavepwd.checked = true;
    }
    if (savename == "yes") {
        chkSavename.checked = true;
    }
    var txtUname = document.getElementById("uname");
    var txtUpwd = document.getElementById("upwd");

    if (chkSavename.checked){
        txtUname.value = "<%= new String(uname.getBytes("iso-8859-1"), "utf-8") %>";
    }
    if (chkSavepwd.checked){
        txtUpwd.value = "<%= upwd %>";
    }

    /**
     * 选中记住密码，一定会选中记住用户名
     */
    function setchkname() {
        if (chkSavepwd.checked){
            chkSavename.checked = true;
        }

    }
</script>
</body>
</html>

得到效果
在这里插入图片描述记住密码，就默认记住用户名

hallodyc
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
小白学习Web前端（第一周）
m0_73269789的博客
10-21 1608
HTML：CSS：一个网站是由n多个网页组成的，每个网页都是一个.html文件。首先它来自微软，说明它是一个来自大厂的产品，品质有保障。它是一个开源的，意思就是它是免费的。轻量：质量很小，开启速度非常快总之就一句话：谁用谁知道！下载VS Code后多进行操作，了解编辑器的操作方法，对它大致有个了解。VS Code下载链接:link三大核心技术结构样式行为< dl >:定义列表（相当于容器）< dt >定义专业术语或名词（标题）
Web前端学习总结第一周
woshileiyaohua的博客
07-31 1140
大家好！我叫雷耀华，四川达州人。以前从未接触过前端开发这个领域，后经朋友介绍，突然发现对web前端产生了兴趣，我决定学习它。 到今天为止已学习了一周时间，对前端这个领域有了初步了了解，兴趣也渐渐高涨了起来。听说CSDN是中国软件开发者的聚集地，我打算将我的学习过程写在这里，与各位前辈分享交流，如有错误，请您指正。 下面我们开始吧！ **一、HTML和CSS概述** 1.W3C万维网联盟 全称World Wide Web Consortium 它是发布Web技术标准及...
Web前端学习第一周
linglingpractice的博客
10-20 1794
学习笔记
web前端学习第一周
m0_74101828的博客
10-20 1977
web初学笔记
第七周学习报告
weixin_74128253的博客
11-18 860
第七周学习报告
第七周学习心得
banyi0403的博客
08-25 106
一，本周学习了在数据结构中存储对象，处理程序中的错误，创建线程程序 二，下周学习使用内部类和闭包，读写文件，利用JAX-WS开发Web服务 三，本周问题均解决 转载于:https://www.cnblogs.com/yangqqq/p/11407430.html...
CTF web安全45天入门学习路线
2401_84466227的博客
04-24 1032
网络安全竞赛（Capture The Flag, CTF）中的Web安全项目对参赛者的技能要求高，但同样也是提升网络安全能力的绝佳途径。
第七周学习总结
aaa5862033的博客
04-13 62
这周概率论，php，web好好学了， java方面代码倒是敲得很少emm。 好好锻炼 转载于:https://www.cnblogs.com/mitang0-0/p/10935121.html
WEB前端学习日志第二周 day2
bbbbbbxxx的博客
03-24 476
WEB前端学习日志第二周 day2 今日总结：今天学习了css盒模型中的margin的用法，至此经过这一段的学习共学习了HTML的结构和标签，css的语法、样式表和选择符，同时还有css的文本、边框、列表、背景属性，并学习了浮动知识，再加上今天学习的css盒模型。已经学习了挺多知识，于是开始着手做一个简单的网页。 通过vscode、ps、和浏览器一步一步尝试做除了一个网页。 CSS盒模型中的mar...
第十七周学习总结
weixin_30732487的博客
06-22 119
学习时间：8小时 1.数据库实验 2.web最后一次上机实验 3.php大作业检查敲代码 代码量：200+ 转载于:https://www.cnblogs.com/sljslj/p/11071380.html
7周7web框架pdf文档
06-04
《7周7Web开发框架》是一本旨在带领读者深入了解不同Web开发框架的书籍，它以七周的时间，分别介绍了七个不同的Web开发框架，每个框架的学习周期为一周。这种方式不仅可以让读者在较短的时间内接触到多种技术栈，还...
七周七Web开发框架1
08-03
《七周七Web开发框架》是一本探讨多种Web开发框架的书籍，旨在引导读者快速理解并掌握不同框架的核心概念和应用场景。书中通过三天的学习计划，分别介绍了四个不同的框架：Sinatra、CanJS、AngularJS和Ring，每个...
第十七周教案--Web服务器的配置.doc
06-29
通过本章的学习，学生不仅能够了解Web服务器的基本概念和技术细节，还能掌握具体的配置方法，为今后在实际工作中部署和管理Web服务器打下坚实的基础。此外，通过一系列的教学活动，如自主探究、教师讲解和小组讨论等...
第七周：第七周
02-18
在本周的学习主题“第七周”中，我们聚焦...通过深入学习和实践，你将在“第七周”的学习中掌握JavaScript的核心概念和技术，为你的Web开发之路打下坚实基础。不断探索、勇于实践，你将在JavaScript的世界里游刃有余。
第十七周教案Web服务器的配置归纳.pdf
11-08
通过本节课的学习，学生不仅会了解Web服务器的基本配置，还能提升其动手能力，将理论知识与实践相结合。此外，通过解决实际问题，培养学生的自主探索和团队协作精神，为他们未来在IT领域的发展打下坚实基础。
信息技术教师技能大赛基础知识与专业技能试卷.doc
08-16
信息技术教师技能大赛基础知识与专业技能试卷.doc
基于ssm的新生报到系统(有报告) Javaee项目，ssm项目
最新发布
08-16
资源详情：https://blog.csdn.net/2302_78191516/article/details/141269772
奥柯玛DC16A电磁炉原理图.rar
08-16
奥柯玛DC16A电磁炉原理图
麒麟 V10 SP1 升级 python 3.7.9 所需 rpm 包
08-16
麒麟 V10 SP1 升级 python 3.7.9 所需 rpm 包 麒麟 V10 SP1 升级 python 3.7.9 所需 rpm 包 麒麟 V10 SP1 升级 python 3.7.9 所需 rpm 包 麒麟 V10 SP1 升级 python 3.7.9 所需 rpm 包 麒麟 V10 SP1 升级 python 3.7.9 所需 rpm 包 麒麟 V10 SP1 升级 python 3.7.9 所需 rpm 包 麒麟 V10 SP1 升级 python 3.7.9 所需 rpm 包 麒麟 V10 SP1 升级 python 3.7.9 所需 rpm 包 麒麟 V10 SP1 升级 python 3.7.9 所需 rpm 包 麒麟 V10 SP1 升级 python 3.7.9 所需 rpm 包
java-学生比赛指导管理系统（源码+数据库+论文）.rar
08-16
针对当前高校各类竞赛的报名现状，本文利用JSP技术以及Mysql数据库开发设计一款针对高校比赛指导及报名的线上平台，学生用户可以通过线上平台及时了解到高校内的各类赛事信息及规则，通过页面信息的了解可以实现在线的报名，对于报名审核通过的学生用户可以获得对应的比赛指导资料，利用线上平台帮助更好的提升比赛信息的传播范围以及比赛报名的效率，通过流程化和线上化的平台帮助建立在线的比赛报名及信息传递的平台。 关键词：JSP技术；Mysql数据库；比赛管理；在线报名；
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值