JSP的使用概述及代码解析

1 篇文章 0 订阅

JSP概述

  • 什么是JSP?

    JSP (Java Server Pages) 在HTML中嵌入Java脚本代码

  • 代码

      <%@ page language="java" import="java.util.*,java.text.*" 
       contentType= "text/html; charset=utf-8" %>
      <html>
      <head>
      <title>输出当前日期</title>
      </head>
       <body>
      你好,今天是
      <% SimpleDateFormat formater =
            new SimpleDateFormat("yyyy年  	 MM月dd日");
          String strCurrentTime =  	formater.format(new Date()); %>    
      <%=strCurrentTime %>
    

JSP 是将Java代码作为脚本融入到了HTML中,这样在HTML标签之间我们就可以写一些Java代码,完成我们页面的一些动态功能效果;那么它的执行原理如下:

在这里插入图片描述

  • JSP中的page命令

    <%@ page language=“java” import=“java.util.,java.text.” contentType= “text/html; charset=utf-8” %>

    通过设置内部的多个属性定义整个页面的属性

在这里插入图片描述

  • JSP中的小脚本与表达式

    在JSP页面中计算两个数的和,将结果输出显示
    在这里插入图片描述
    此处其实我们不难发现,如果想在HTML中编写java代码 我们必须用 <%%> 来编写Java代码,.这种编写java代码的方式叫小脚本
    那么如果想展示那些变量的值的话 我们需要使用 <%=变量 %> 的形式进行展示 这种展示风格叫做表达式展示

  • JSP中的声明

    我们可以在小脚本中编写简单的代码,那么我们能不能在小脚本中编写方法呢? 当然可以!

    比如 JSP页面中定义方法对日期进行格式化

      	<%@ page language="java" import="java.util.*,java.text.*" contentType="text/html; charset=utf-8"%>
      <html>
       <%!
      String formatDate(Date d){
      SimpleDateFormat formater = new SimpleDateFormat("yyyy年MM月dd日");
                return formater.format(d);
    }
      %>你好,今天是
      <%=formatDate(new Date()) %>
      </body>
      </html>
    

此处需要注意 <%! %> 里面叹号千万不要忘记了

在这里插入图片描述

  • JSP中的注释
    在这里插入图片描述
  • JSP小结

在这里插入图片描述

  • JSP案例 : 使用JSP技术连接MySql完成数据的展示

  • 需求分析 :
    以person表数据为例,进行person表数据的页面化效果展示:

  • 具体实现 :

1.在src下创建应用包 : com.text.db

2.导入 dbutils mysql驱动 druid jar包

3.创建实体类person

public class Person {

// 属性

private Integer id;		// 主键ID
private String name;	// 姓名
private String sex;		// 性别
private Integer age;	// 年龄
private String from;	// 籍贯

// 对外方法

public Integer getId() {
	return id;
}
public void setId(Integer id) {
	this.id = id;
}
public String getName() {
	return name;
}
public void setName(String name) {
	this.name = name;
}
public String getSex() {
	return sex;
}
public void setSex(String sex) {
	this.sex = sex;
}
public Integer getAge() {
	return age;
}
public void setAge(Integer age) {
	this.age = age;
}
public String getFrom() {
	return from;
}
public void setFrom(String from) {
	this.from = from;
}

}

4.JdbcUtil工具类编写

import com.alibaba.druid.pool.DruidDataSource;

/**
 * 数据库连接工具类
 * @author My
 */
public class JdbcUtil {

// 创建数据库的连接对象
private static final String CONN_DRIVER = "com.mysql.jdbc.Driver";
private static final String CONN_URL = "jdbc:mysql://127.0.0.1:3306/jdbcdb?characterEncoding=UTF-8";
private static final String CONN_USER = "root";
private static final String CONN_PASSWORD = "root";


// 创建数据源对象
private static DruidDataSource dataSource = new DruidDataSource();

// 赋值
static{
	dataSource.setDriverClassName(CONN_DRIVER);
	dataSource.setUrl(CONN_URL);
	dataSource.setUsername(CONN_USER);
	dataSource.setPassword(CONN_PASSWORD);
}

/**
 * 添加获取数据源的方法
 * @return
 */
public static DruidDataSource getDataSource() {
	return dataSource;
}

}
  • 页面调用
  1. 编写查询数据库方法,并展示数据

    <%@page import="com.hainiuxy.db.Person"%>
    <%@page import="org.apache.jasper.tagplugins.jstl.core.ForEach"%>
    <%@page import="org.apache.commons.dbutils.handlers.BeanListHandler"%>
    <%@page import="org.apache.commons.dbutils.QueryRunner"%>
    <%@page import="com.hainiuxy.db.JdbcUtil"%>
    <%@page import="java.sql.*"%>
    <%@page import="java.util.*"%>
    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
      <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
     <html>
     <head>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     <title>数据展示</title>
     </head>
     <body>
     <table border="1">
     <tr>
         <th>编号</th><th>姓名</th><th>性别</th><th>年龄</th><th>籍贯</th>
     </tr>
     <%
         // 获取数据库连接
         Connection conn = JdbcUtil.getConn();
         // 创建SQL的执行对象
         QueryRunner qr = new QueryRunner();
         // 编写SQL语句
         String sql = "select * from person";
         // 占位符赋值?
         // 执行SQL语句
         List<Person> list = qr.query(conn, sql, new BeanListHandler(Person.class));
         // 遍历展示
         for(Person p : list){
             %>
             <tr>
                 <td><%=p.getId() %></td>
                 <td><%=p.getName() %></td>
                 <td><%=p.getSex() %></td>
                 <td><%=p.getAge() %></td>
                 <td><%=p.getFrom() %></td>
             </tr>
             <%
         }
         // 关闭数据库连接
         JdbcUtil.closeConn(conn);
     %>
      </table>
    
     </body>
     </html>
    

展示数据大家可以看到 其实将java代码嵌入HTML是非常不明智的选择,这样实在是太乱了!

  1. 程序运行调试 开启tomcat,运行效果

在这里插入图片描述

  • 实现分析 :

在这里插入图片描述

  • JSP总结

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值