7.13 Java项目总结

第一天项目内容请看:
7.11 上午:http://www.jianshu.com/p/c64dcabb299e
7.11 下午:http://www.jianshu.com/p/0bc090495213

之前的成果:


1.png

今天的成果:

登陆.png
注册界面.png
登陆跳转界面.png
登陆成功.png

当然还有登陆错误界面... 就不上图了

代码请参见:
https://github.com/hongXkeX/small_web_7.13

下面来总结老师讲的重点:

index.jsp.png

此处关键是:
1.把 onclick 从表单处移“进入”submit处
2.进入用submit 注册用普通的button
(button和submit区别请参考:http://blog.csdn.net/x_fledgling/article/details/53842684
3.注意<input type="hidden" name="method" value="login" />一句的作用。

关键代码:

<body>
    
    ![](zt.jpg) <br/>
    
    <p> 星辰聊天室登陆界面 </p>
  
    <form id="form1" method="post" action="message" >
    
        用户名:<br/>
        <input type = "text" name = "username"/>
        <input type = "button" value = "注册" onclick="location.href='register.jsp'"> <br/> <br/>
    
        密码:  <br/> 
        <input type="password" name = "pass"/>  
        <input type="hidden" name="method" value="login" />
        <input type="submit" value="进入" name="subf" onclick="return check()"/> 
  
     </form> 
 
</body>

然后讲解的重点是jsp页面延时跳转到另一个页面:

实现方法一:


跳转关键语句.png

关键语句:

  <meta http-equiv="refresh" content="3;url=main.jsp">

其中3为延时秒数 ulr后为跳转目标jsp文件。

实现方法二:

跳转关键语句2.png
  <body>
    <% response.setHeader("refresh", "2;url=index.jsp"); %>
  </body>

其中2为延时秒数 ulr后为跳转目标jsp文件。

再来看后台关键代码:


后台传输显示.png
   message = "登陆成功";
   req.setAttribute("mess", message);  
   // 将页面转发到login_ok.jsp,并且携带request和response对象
   req.getRequestDispatcher("login_ok.jsp").forward(req, resp);  

此语言将提示字符串信息发送给login_ok.jsp文件:

login_ok.jsp.png

login_ok.jsp文件关键代码:

   <body>
      <br/>
        ${ mess } <br/>
        正在进入聊天室...
  </body>

其中
换行为格式化, ${ mess } 对应后台语句req.setAttribute("mess", message); 中的mess参数。

后台和jsp文件结合产生的效果:


效果.png

另外说明实现代码的关键几点:
1.注册没用数据库,使用的是Map容器,这就需要我们把注册数据后台处理文件和登陆数据处理文件放到到一起(即Message.java一个文件),分成两个文件无法一边注册map.put() 和 登陆遍历验证存在性!如:

一个文件.png

2.相关验证字符串要用的方式:

  String message = "";
  String name = req.getParameter("username") == null?"":req.getParameter("username");

不用此方式会发生空指针异常!!! 也要求我们需要采用try catch 异常处理机制:

3.采用异常处理:

try.png
catch.png

4.容器Map要采用public static 修饰:

static map.png

若不采用static修饰(即不变成类成员变量) 会出现容器无法存储账号-密码 数据! 原因貌似是产生了多线程,每进入一次方法都会产生新的Map,当然也要注意生命周期的问题!!!
感觉加static 也是一种妥协且简单处理之法,学习到后面再用更好的方法解决之。

5.<input type="hidden" name="method" value="login" /> 之用:

a.png
b.png

登陆表单提交所在index.jsp文件:


index.jsp.png

注册表单提交所在register.jsp文件:


register.jsp.png

type="hidden" 使类似input等元素不可见,并且给两个文件的代码name属性赋相同的值("method"), value属性赋不同的值, 后台依fs.equals()方法判断是登陆表单提交还是注册表单提交,此法以把两部分逻辑代码早早区分开以不混乱(因为没用数据库,导致一个文件代码逻辑混乱,所以必须用if判断早早分开!)

今天的不足之处是密码的正则表达式不太清楚,等的和大家交流下如何实现老师要求的密码格式:非空 大小写字母 数字 _ , !@#$% 密码长度8到16位,(密码必须包含数字以及大小写字母)
有会的小伙伴可以留言。

有不足之处还请批评指正,不胜感激。

先写这些把,后续有想起来的再来补...

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 22年12月更新:个人网站关停,如果仍旧对旧教程有兴趣参考 Github 的markdown内容[https://...
    tangyefei阅读 35,468评论 22 257
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,798评论 19 139
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 34,978评论 18 399
  • Spring Boot 参考指南 介绍 转载自:https://www.gitbook.com/book/qbgb...
    毛宇鹏阅读 47,310评论 6 342
  • 1.xcode5和xcode7区别? 1.xcode7没有Frameworks文件夹,xcode7内部会自动帮你导...
    年少追梦阅读 346评论 0 0

友情链接更多精彩内容