一、JavaBean
javabean是一种Java类,而且是一种特殊的、可重用的类。必须具有无参数的构造器,所有的属性都是private的,通过提供setter和getter方法来实现对成员属性的访问。
通常情况下用来封装业务逻辑、数据分页逻辑和事物逻辑等,这样可以实现业务逻辑和前台程序的分离,提高了代码的可读性和易维护性,使系统更健壮和灵活。
例子:
package beans;
public class User {
private String uid;
private String name;
private float score;
public User(){}
public void setUid(String uid) {
this.uid = uid;
}
public void setName(String name) {
this.name = name;
}
public void setScore(float score) {
this.score = score;
}
public String getUid() {
return uid;
}
public String getName() {
return name;
}
public float getScore() {
return score;
}
}
二、Dao
DAO类都是进行数据操作的类,是对于数据库中的数据做增删改查等操作的代码。一般操作修改,添加,删除数据库操作的步骤很相似,就写了一个公共类DAO类 ,修改,添加,删除数据库操作时直接调用公共类DAO类。
例子:
package dao;
import DBUtil.DBUtil;
import beans.User;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;
public class UserDao {
//显示所有用户信息
public List<User> queryAll(int startRecno,int pageSize) throws Exception{
DBUtil db = new DBUtil();
Connection conn=db.getConnectDb();//连接数据库
PreparedStatement ps = null;
ResultSet rs = null;
List<User> userList=new ArrayList<User>();
try {
String sql = "select * from students.user order by uid limit ?,?";
try {
ps= conn.prepareStatement(sql);
ps.setInt(1,startRecno);
ps.setInt(2,pageSize);
} catch (SQLException throwables) {
throwables.printStackTrace();
}
assert ps != null;
rs=ps.executeQuery();
while(rs.next()){
User user=new User();
user.setUid(rs.getString(1));
user.setName(rs.getString(2));
user.setScore(rs.getFloat(3));
userList.add(user);
}
}catch (Exception e)
{
System.out.println(e);
}
if(rs!=null)
rs.close();
if(ps!=null)
ps.close();
if(conn!=null)
conn.close();
return userList;
}
//查询user
public List<User> findUser(String name) throws Exception{
DBUtil db = new DBUtil();
Connection conn=db.getConnectDb();//连接数据库
PreparedStatement ps = null;
ResultSet rs = null;
List<User> userList=new ArrayList<User>();
String sql = null;
try {
sql = "select * from students.user where name like'%"+name+"%'";
try {
ps= conn.prepareStatement(sql,ResultSet.TYPE_SCROLL_INSENSITIVE,ResultSet.CONCUR_READ_ONLY);
} catch (SQLException throwables) {
throwables.printStackTrace();
}
assert ps != null;
rs=ps.executeQuery();
while(rs.next()){
User user=new User();
user.setUid(rs.getString(1));
user.setName(rs.getString(2));
user.setScore(rs.getFloat(3));
userList.add(user);
}
}catch (Exception e)
{
System.out.println(e);
}
if(rs!=null)
rs.close();
if(ps!=null)
ps.close();
if(conn!=null)
conn.close();
return userList;
}
//获取总页数
public int Number(int pageSize) throws Exception{
DBUtil db = new DBUtil();
Connection conn=db.getConnectDb();//连接数据库
PreparedStatement ps = null;
ResultSet rs = null;
List<User> userList=new ArrayList<User>();
try {
String sql = "select count(*) from students.user ";
try {
ps= conn.prepareStatement(sql,ResultSet.TYPE_SCROLL_INSENSITIVE,ResultSet.CONCUR_READ_ONLY);
} catch (SQLException throwables) {
throwables.printStackTrace();
}
assert ps != null;
rs=ps.executeQuery();
rs.next();
int row = rs.getInt(1);
int t = row / pageSize;//获取页数
return t+1;//多加一页显示剩余人数
}catch (Exception e)
{
System.out.println(e);
}
if(rs!=null)
rs.close();
if(ps!=null)
ps.close();
if(conn!=null)
conn.close();
return 0;
}
}
三、Servlet
Servlet 是运行在 Web 服务器或应用服务器上的程序,它是作为来自 Web 浏览器或其他 HTTP 客户端的请求和 HTTP 服务器上的数据库或应用程序之间的中间层。
使用 Servlet,您可以收集来自网页表单的用户输入,呈现来自数据库或者其他源的记录,还可以动态创建网页。
Servlet 执行以下主要任务:
- 读取客户端(浏览器)发送的显式的数据。这包括网页上的 HTML 表单,或者也可以是来自 applet 或自定义的 HTTP 客户端程序的表单。
- 读取客户端(浏览器)发送的隐式的 HTTP 请求数据。这包括 cookies、媒体类型和浏览器能理解的压缩格式等等。
- 处理数据并生成结果。这个过程可能需要访问数据库,执行 RMI 或 CORBA 调用,调用 Web 服务,或者直接计算得出对应的响应。
- 发送显式的数据(即文档)到客户端(浏览器)。该文档的格式可以是多种多样的,包括文本文件(HTML 或 XML)、二进制文件(GIF 图像)、Excel 等。
- 发送隐式的 HTTP 响应到客户端(浏览器)。这包括告诉浏览器或其他客户端被返回的文档类型(例如 HTML),设置 cookies 和缓存参数,以及其他类似的任务。
例子:
package servlet;
import beans.User;
import dao.UserDao;
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.io.IOException;
import java.util.List;
@WebServlet("/finduser")
public class FindAllUserServlet extends HttpServlet {
public void doPost(HttpServletRequest request,HttpServletResponse response)
throws ServletException,IOException{
UserDao user= new UserDao();//创建UserDao对象,使用包装好的方法
int flag = Integer.parseInt(request.getParameter("flag"));
int startRecno=Integer.parseInt(request.getParameter("startRecno"));
int page1=Integer.parseInt(request.getParameter("page"));
if(page1 >= 9 || page1 <1)
{
page1=1;
startRecno=0;
}
int pageSize=Integer.parseInt(request.getParameter("pageSize"));
try {
request.setCharacterEncoding("UTF-8");
request.setAttribute("userList",user.queryAll(startRecno,pageSize));
request.setAttribute("startRecno",startRecno);
request.setAttribute("page1",page1);
request.setAttribute("pageSize",pageSize);
request.setAttribute("row",user.Number(pageSize));
request.setAttribute("flag",flag);
request.getRequestDispatcher("/exam2/ShowAllUser.jsp").forward(request, response);
} catch (Exception e) {
e.printStackTrace();
}
}
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException{
doPost(request, response);
}
}
四、Ajax
Ajax是一种使用现有技术集合,技术内容包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest。
作用:用于浏览器与服务器之间使用异步数据传输(HTTP 请求),做到局部请求以实现局部刷新。不刷新页面而更新网页(局部刷新),在页面加载后从服务器请求数据,在页面加载后从服务器接收数据,在后台向服务器发送数据。
例子:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>添加图书</title>
<script type="text/javascript">
var xmlHttpRequest=null;
// 创建XHR对象
function createXHR(){
if(window.XMLHttpRequest){ //Mozilla,Safari,Opera,IE7等
xmlHttpRequest = new XMLHttpRequest();
// console.log("XMLHttpRequest!"); //打印调试信息
}
else if(window.ActiveXObject){
try{
xmlHttpRequest = new ActiveXObject("Msxml2.XMLHTTP"); //IE较新版本
// console.log("Msxml2.XMLHTTP!");
}
catch(e){
try {
xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");//IE较老版本
// console.log("Microsoft.XMLHTTP!");
}
catch(e){
xmlHttpRequest = null;
}
}
}
if(!xmlHttpRequest){
alert("fail to create xmlHttpRequest");
}
}
// 发送请求
function sendRequest(url, params, method, handler){
createXHR();
if(!xmlHttpRequest) return false;
xmlHttpRequest.onreadystatechange = handler;
if(method == "GET"){
xmlHttpRequest.open(method, url+ '?' + params, true);
xmlHttpRequest.send(null);
}
else if(method == "POST"){
xmlHttpRequest.open(method, url, true);
xmlHttpRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlHttpRequest.send(params);
}
}
// 显示服务器返回信息
function showresult(){
//异步请求状态--就绪状态 4 响应状态码 200
if (xmlHttpRequest.readyState == 4) {
if (xmlHttpRequest.status == 200) {
//xmlHttpRequest.responseText 将服务器返回的信息按普通文本处理,可按字符串使用。
var info=xmlHttpRequest.responseText;
//假设xx是div的id 表示将 html代码 替换到id为xx的div标签中去 < div id=“xx”>此处
document.getElementById("result").innerHTML=info;
}
}
}
// 表单验证
function addbook(){
var url="../addbook";
var bookid=document.getElementById("bookid").value;
var bookname=document.getElementById("bookname").value;
var price=document.getElementById("price").value;
var params="bookid="+bookid+"&bookname="+bookname+"&price="+price;
sendRequest(url, params, 'POST', showresult);
}
</script>
</head>
<body>
<center>
<h1>添加图书</h1>
图书id :<input type="text" name="bookid" id="bookid"><br><br>
请图书名称:<input type="text" name="bookname" id="bookname"><br><br>
图书价格 :<input type="text" name="price" id="price"><br><br>
<input type="button" value="确定" onclick="addbook()">
<div id="result"></div>
</center>
</body>
</html>
nine_four_AddBook.java
package servlet;
import beans.Book;
import dao.BookDao;
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.io.IOException;
import java.io.PrintWriter;
@WebServlet("/addbook")
public class nine_four_AddBook extends HttpServlet {
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
request.setCharacterEncoding("UTF-8");
String bookid=request.getParameter("bookid");
String bookname=request.getParameter("bookname");
float price=Float.parseFloat(request.getParameter("price"));
Book book1 = new Book();
book1.setBookid(bookid);
book1.setBookname(bookname);
book1.setPrice(price);
BookDao book = new BookDao();
try {
if(book.add(book1))
out.print("插入成功!");
else
out.print("插入失败!");
} catch (Exception e) {
e.printStackTrace();
}
}
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException{
doPost(request, response);
}
}
五、jQuery
jQuery本身是一个基于插件的JavaScript库,它的各种功能可以通过新的插件进行增强。jQuery为Web编程提供了一个抽象的层,使得它可以兼容于任何浏览器,并且大大简化了原先用JavaScript做的工作,总而言之, jQuery可以完成如下所示的工作。
1、快速获取文档元素:jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。
2、提供漂亮的页面动态效果: JQuery中内置了一系列的动画效果,可以开发出非常漂亮的网页,目前许多知名的网站都使用了jQuery的内置的效果,比如淡入淡出,元素移除等动态特效。
3、创建Ajax无刷新网页: Ajax是异步的JavaScript和XML的简称,可以开发出非常灵敏无刷新的网页,特别是开发服务器端网页时,比如PHP网站,需要往返地与服务器沟通,如果不使用Ajax,每次数据更新不得不重新刷新网页,而使用了Ajax特效后,可以对页面进行局部刷新,提供非常动态的效果。
4、提供对JavaScript语言的增强: JQuery提供了对基本JavaScript结构的增强,比如元素选代和数组处理等操作。
5、增强的事件处理: jQuery提供了各种页面事件,它可以避免程序员在HTML中添加太多事件处理代码,最重要的是,它的事件处理器消除了各种浏览器兼容性问题。
6、更改网页内容:JQuery可以修改网页中的内容,比如更改网页的文本、插入或转网页图像, jQuery简化了原本使用JavaScript代码需要处理的方式。
例子:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>图书查询</title>
<script src="https://code.jquery.com/jquery-3.6.1.js"></script>
</head>
<body>
<center>
<h1>查询图书</h1>
请输入图书名称:<input type="text" name="bookname" id="bookname"><br><br>
<button type="button" id="btn1" value="loadData">加载数据</button>
<br><br>
<table id="dataTable" border="1" width="300">
<tr>
<th>图书号</th> <th>图书名称</th> <th>价格</th>
</tr>
</table>
<%-- <div id="result"></div>--%>
</center>
<script>
$('#btn1').click(function () {
$.ajax({
type:"post", //提交方式
url:'${pageContext.request.contextPath}/JSONServlet',
data:{
bookname: $("#bookname").val()
},
dataType: "json", //返回数据的格式
success:function (responseData) {
var html = "";
$('#dataTable tr:not(:first)').remove(); //删除第一行之外的所有行
// $('#dataTable > tbody > tr').remove(); // 删除所有行,表头会被删除
console.log(responseData);
for (var i = 0; i < responseData.length; i++) {
html += '<tr>';
html += '<td>'+responseData[i].bookid+'</td>'+'<td>'+responseData[i].bookname+'</td>'+'<td>'+responseData[i].price+'</td>'
html += '</tr>';
}
$('#dataTable').append(html);
},
});
});
</script>
</body>
</html>
nine_four_JSONServlet.java
package servlet;
import beans.Book;
import dao.BookDao;
import net.sf.json.JSONArray;
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.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;
@WebServlet("/JSONServlet")
public class nine_four_JSONServlet extends HttpServlet {
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
List<Book> bookList = new ArrayList<Book>();
String bookname = request.getParameter("bookname");
System.out.println(bookname);
BookDao book= new BookDao();
try {
bookList = book.findBook(bookname);
} catch (Exception e) {
e.printStackTrace();
}
JSONArray jsonArray = JSONArray.fromObject(bookList);
response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
out.print(jsonArray);
out.flush();
out.close();
}
public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request, response);
}
}