2019-8-1 [Java_JSP_MySQL] JSP[page/小脚本/声明/注释] JSP案例 [使用JSP技术连接MySql完成数据的展示] 分析 创类 调用 测试 实现

13 篇文章 0 订阅
12 篇文章 0 订阅

1 JSP概述

1.1 什么是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 %>
    </body>
</html>

JSP 是将Java代码作为脚本融入到了HTML中,这样在HTML标签之间我们就可以写一些Java代码,完成我们页面的一些动态功能效果;那么它的执行原理如下:
在这里插入图片描述
JSP编译文件的顺序:tomcat index.jsp --> index.jsp.java --> index.jsp.class

1.2 JSP中的page命令

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

通过设置内部的多个属性定义整个页面的属性
在这里插入图片描述
常用属性有:
在这里插入图片描述

1.3 JSP中的小脚本与表达式

在JSP页面中计算两个数的和,将结果输出显示
在这里插入图片描述
此处其实我们不难发现,如果想在HTML中编写java代码 我们必须用 <%%> 来编写Java代码,.这种编写java代码的方式叫小脚本

那么如果想展示那些变量的值的话 我们需要使用 <%=变量 %> 的形式进行展示 这种展示风格叫做表达式展示

1.4 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>

此处需要注意 <%! %> 里面叹号千万不要忘记了
引入jar包
加粗样式

1.5 JSP中的注释

在这里插入图片描述

1.3.5.1 JSP小结

在这里插入图片描述

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

1.4.1 需求分析 :

 以person表数据为例,进行person表数据的页面化效果展示:

1.4.2 具体实现 :

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

在这里插入图片描述

2. 导入 dbutils mysql驱动 druid jar包

在这里插入图片描述

3. 创建实体类person
package com.hainiuxy.db;

/**
 * 人员信息实体类
 * @author sysmaster
 *
 */
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工具类编写
package com.hnxy.db;
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.4.3 页面调用

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.4.4 程序运行调试 开启tomcat,运行效果

在这里插入图片描述

1.4.5 实现分析 :

在这里插入图片描述

1.5 JSP总结

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值