本帖最后由 念初。 于 2018-9-12 16:55 编辑
JSP技术概念理解
指令 *作用:用于配置JSP页面,导入资源文件 *格式: <%@ 指令名称 属性名1=属性值1 属性名2=属性值2 、、、%> *分类 1.page: 配置JSP页面的一些参数,这些参数一般都有默认的最优配置 *contentType:等同于response.setContentType() *import:导包 *errorPage:当前页面发生错误后,会跳转到制定的错误页面 *iserrorPage: *true:是,可以使用内置对象exception *false::否。默认值。不可以使用内置对象exception 2.include :页面包含的。导入页面的资源文件 *<%@include file="top.jsp"%> *一个jsp包含其他共有的jsp头脚 *降低了项目维护成本 3.taglib: 导入资源 *prefix:前缀,自定义的 注释 1.html注释 <!-- -->只能注释html 2.jsp注释:推荐使用 <%-- --%> 可以注释所有 JSP内置对象(9个内置对象)(面试点) *在jsp主页中不需要创建,直接使用的对象 变量名 真实类型 *pageContent PageContent *request HttpServletResquest *response HttpServletResponse *session HttpSession *application ServletContext *page Object *out JspWriter *config ServletConfig *exception Throwable
MVC开发模式 1.jsp演变历史 1.早期只有servlet,只能用response输出标签数据,非常麻烦 2.后来又jsp,简化了servlet的开发,如果过度使用jsp,在jsp中即写大量的java代码,又写html表, 维护,难于分工协作 3.再后来,java的web开发,借鉴mvc开发模式,使得程序的设计更加合理性 2.MVC: 1.M: Model,模型。 JavaBean *完成具体的业务操作,如:查询数据,封装对象 2.V:View,视图。 JSP *展示数据 3.C: Controller控制器 。 Servlet *获取用户的输入 *调用模型 *将数据交给视图进行 展示 *优缺点: 1.优点: 1.耦合性低 2.重用性高 2.缺点 1.使得项目架构变得复杂,对开发人员要求高 EL表达式1.概念:Expression Language 表达式语言 2.作用:替换和简化jsp页面中java代码的编写 3.格式: ${ 表达式 } 4.注意: *jsp默认支持el表达式的。如果要忽略el表达式: 5.使用: 1.执行运算 *运算符: 1.算术运算符:+ - * /(div) %(mod) 2.比较运算符: < > >= <= == != 3.逻辑运算符: &&(and) ||(or) !(not) 4.空运算符:empty not empty *功能:用于判断字符串,集合,数组对象是否为null或者长度是否为0 * ${empty list} 2.获取数据 数据的来源: 来自四个域:因为四个域都有相同的setAttribute(String name,Object value) 取数据:用什么名字存进去的,用什么名字取出来,存进去的是什么类型取出来的就是什么类型 带索引的:[] 带属性的:属性.对象(对象 ) 1.el表达式只能从域对象中获取值 2.语法: 1.${域名城.键名}:从指定域中获取指定键的值 2.${键名} 3.获取对象,集合,数组 的值 3.隐式对象 ${pageContext.request.contextPath()}动态获取虚拟目录 JSTL标签1.概念:JavaServlet Pages tag Library JSP标准标签库 2.作用:用于简化和替换jsp页面上的java代码 3.使用步骤: 1.导入jstl相关jar包 2.引入标签库:taglib指令:<%@ taglib %> 3.使用标签 4.常用的JSTL标签 1.if <c: if test="${ boolean }"> true显示内容 </c:if> 2.choose <c: choose> <c: when test="${boolean }"> </c: when> </c: choose> 3.foreach 5.练习 三层架构*软件设计架构 1.界面层(表示层 ):用户看得见界面。用户可以通过界面上的组件和服务器进行交互。 2.业务逻辑层:处理业务逻辑的。 3.数据访问层:操作数据存储文件。 案列:验证码LoginServlet.java
[Java] 纯文本查看 复制代码 package cn.itcast.servlet;
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 javax.servlet.http.HttpSession;
import java.io.IOException;
@WebServlet("/loginServlet")
public class LoginServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//1.设置request编码
request.setCharacterEncoding("utf-8");
//2.获取参数
String username = request.getParameter("username");
String password = request.getParameter("password");
String checkCode = request.getParameter("checkCode");
//3.先获取生成的验证码
HttpSession session = request.getSession();
String checkCode_session = (String) session.getAttribute("checkCode_session");
//删除session中存储的验证码
session.removeAttribute("checkCode_session");
//3.先判断验证码是否正确
if(checkCode_session!= null && checkCode_session.equalsIgnoreCase(checkCode)){
//忽略大小写比较
//验证码正确
//判断用户名和密码是否一致
if("zhangsan".equals(username) && "123".equals(password)){//需要调用UserDao查询数据库
//登录成功
//存储信息,用户信息
session.setAttribute("user",username);
//重定向到success.jsp
response.sendRedirect(request.getContextPath()+"/success.jsp");
}else{
//登录失败
//存储提示信息到request
request.setAttribute("login_error","用户名或密码错误");
//转发到登录页面
request.getRequestDispatcher("/login.jsp").forward(request,response);
}
}else{
//验证码不一致
//存储提示信息到request
request.setAttribute("cc_error","验证码错误");
//转发到登录页面
request.getRequestDispatcher("/login.jsp").forward(request,response);
}
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request, response);
}
}
验证码图片设计:CheckCodeServlet.java [Java] 纯文本查看 复制代码 package cn.itcast.servlet;
import javax.imageio.ImageIO;
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.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;
@WebServlet("/checkCodeServlet")
public class CheckCodeServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
int width = 100;
int height = 50;
//1.创建一对象,在内存中图片(验证码图片对象)
BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);
//2.美化图片
//2.1 填充背景色
Graphics g = image.getGraphics();//画笔对象
g.setColor(Color.PINK);//设置画笔颜色
g.fillRect(0,0,width,height);
//2.2画边框
g.setColor(Color.BLUE);
g.drawRect(0,0,width - 1,height - 1);
String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghigklmnopqrstuvwxyz0123456789";
//生成随机角标
Random ran = new Random();
StringBuilder sb = new StringBuilder();
for (int i = 1; i <= 4; i++) {
int index = ran.nextInt(str.length());
//获取字符
char ch = str.charAt(index);//随机字符
sb.append(ch);
//2.3写验证码
g.drawString(ch+"",width/5*i,height/2);
}
String checkCode_session = sb.toString();
//将验证码存入session
request.getSession().setAttribute("checkCode_session",checkCode_session);
//2.4画干扰线
g.setColor(Color.GREEN);
//随机生成坐标点
for (int i = 0; i < 10; i++) {
int x1 = ran.nextInt(width);
int x2 = ran.nextInt(width);
int y1 = ran.nextInt(height);
int y2 = ran.nextInt(height);
g.drawLine(x1,y1,x2,y2);
}
//3.将图片输出到页面展示
ImageIO.write(image,"jpg",response.getOutputStream());
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request,response);
}
}
登陆页面:login.HTML [HTML] 纯文本查看 复制代码 <%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>login</title>
<script>
window.onload = function(){
document.getElementById("img").onclick = function(){
this.src="/day16/checkCodeServlet?time="+new Date().getTime();
}
}
</script>
<style>
div{
color: red;
}
</style>
</head>
<body>
<form action="/day16/loginServlet" method="post">
<table>
<tr>
<td>用户名</td>
<td><input type="text" name="username"></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" name="password"></td>
</tr>
<tr>
<td>验证码</td>
<td><input type="text" name="checkCode"></td>
</tr>
<tr>
<td colspan="2"><img id="img" src="/day16/checkCodeServlet"></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="登录"></td>
</tr>
</table>
</form>
<div><%=request.getAttribute("cc_error") == null ? "" : request.getAttribute("cc_error")%></div>
<div><%=request.getAttribute("login_error") == null ? "" : request.getAttribute("login_error") %></div>
</body>
</html>
|