# JSP
[TOC]
## 什么是 JSP
JSP:Java Server Page(java服务器页面),是一个动态的网页技术标准。
其他的 Web 服务器页面技术:php/asp/ruby/python。
简单的去理解 JSP就是 HTML+Java 代码。
## JSP 页面书写规范
以`.jsp`作为文件的后缀
文件中使用`<%%>`包裹 java 代码
## 在 Eclipse 中创建 Web 项目
1、新建Dynamic Web Project
![](https://img.kancloud.cn/77/77/7777849a117a81b07c0ac240e7b482d1_438x458.png)
2、填写项目基本信息
![](https://img.kancloud.cn/b2/3a/b23aad47a54aaded9e2ec135703af222_515x542.png)
3、创建完的项目目录
![](https://img.kancloud.cn/29/85/298546e9a157cf1e2bc0220224ca381e_247x210.png)
**说明:**
build:默认的编译完成的class文件和相关的配置文件(xml/properties/json..)
src:源文件
WebContent:web项目路径
WebContent 下的 WEB-INF:放置服务器端文件的目录,例如 lib/classes,当然也可以放置 jsp 文件,但是在此处放置的 jsp 文件,是不能通过路径直接访问的。
>[danger] 例如[http://localhost:8080/ntqn/WEB-INF/wi.jsp](http://localhost:8080/ntqn/WEB-INF/wi.jsp)这个访问方式就是错误的
4、在 WebContent 目录下新建一个 jsp 文件
>[success] 可以修改jsp文件的默认编码方式(在参数设置中)
![](https://img.kancloud.cn/cf/f1/cff1f160ff0748e1eb1ec94d3e1c8606_416x318.png)
5、集成Tomcat至Eclipse
* 打开Servers视图便签
![](https://img.kancloud.cn/aa/f6/aaf6a96a50ca7cc2f7e9b48e1b2b2cc6_510x68.png)
* 添加本地的 Tomcat 至 Eclipse
![](https://img.kancloud.cn/05/84/05847d7a72b4efe24a56721440c66b09_459x459.png)
![](https://img.kancloud.cn/3e/7e/3e7e443ea0a27440053596fbb34c9a6c_537x380.png)
* 部署项目到 Tomcat 的 Eclipse 环境中
![](https://img.kancloud.cn/38/8b/388b6d9512fd0e0c30acc01d2d63bd59_550x437.png)
![](https://img.kancloud.cn/8d/63/8d63455bd5745c1745cf130ccaab570a_509x510.png)
![](https://img.kancloud.cn/82/31/8231b9ac8784c477a1582fc71413d088_662x73.png)
>[warning] 在Eclipse中集成的Tomcat,和外部的Tomcat是相对独立的,可以在Servers/MyTomcat/server.xml中配置相关的启动参数,如端口号等,在此处的改变,不会影响外部Tomcat中的相关配置。
## 重要时刻
将 HTML + SQL + Java 整合
在 WebContent 目录下新建 JSP 文件。
将驱动 jar 文件拷贝到 WEB-INF/lib 目录下。
代码片段:
~~~
<%@page import="java.sql.SQLException"%>
<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.Connection"%>
<%@ 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>Insert title here</title>
</head>
<body>
<h1>Hello, JSP!</h1>
<%
String str = "Tom";
out.print(str);
Connection conn = null;
PreparedStatement ps = null;
String url = "jdbc:mysql://localhost:3306/demo2";
String user = "root";
String password = "123456";
try {
// 1. 选择数据库:加载数据库驱动
Class.forName("com.mysql.jdbc.Driver");
// 2. 连接数据库
conn = DriverManager.getConnection(url, user, password);
// 3. 创建数据库查询
ps = conn.prepareStatement("INSERT INTO demo1(name,code,clazz) VALUES(?,?,?)");
ps.setString(1, "Lu");
ps.setString(2, "123");
ps.setString(3, "J96");
// 4. 获取查询结果
int i = ps.executeUpdate();
out.println("一共执行了" + i + "条");
} catch (ClassNotFoundException e) {
out.println("数据库驱动没有找到");
e.printStackTrace();
} catch (SQLException e) {
e.printStackTrace();
} catch (Exception e) {
e.printStackTrace();
} finally {
// 5. 关闭查询和连接
try {
if (null != ps) {
ps.close();
}
if (null != conn) {
conn.close();
}
} catch (SQLException e) {
e.printStackTrace();
}
}
%>
</body>
</html>
~~~