文章目录
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是非常不明智的选择,这样实在是太乱了!