先导入需要的架包
再导入之前我们写好的所有辅助工具类:
配置web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
<display-name>mvc1</display-name>
<filter>
<filter-name>encodingFiter</filter-name>
<filter-class>com.xhh.util.EncodingFiter</filter-class>
</filter>
<filter-mapping>
<filter-name>encodingFiter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
<servlet>
<servlet-name>dispatcherServlet</servlet-name>
<servlet-class>com.xhh.framework.DispatcherServlet</servlet-class>
<init-param>
<param-name>xmlPath</param-name>
<param-value>/mvc.xml</param-value>
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>dispatcherServlet</servlet-name>
<url-pattern>*.action</url-pattern>
</servlet-mapping>
</web-app>
BaseDao:
package com.xhh.util;
import java.lang.reflect.Field;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;
/**
* @author PC
* @param <T>
* 用来处理所有表的通用的增删改查
*
* 查询指的是通用分页的查询
*/
public class BaseDao<T> {
/**
* @param sql 可能不同的表,那么意味着sql是变化的,那么它是从子类处理好再传到父类
* @param claz 需要返回不同的对象集合 Book.class/Order.class
* @param pagebean 可能要分页
* @return
* @throws SQLException
* @throws IllegalAccessException
* @throws InstantiationException
*/
public List<T> executeQuery(String sql,Class claz,PageBean pageBean) throws SQLException, InstantiationException, IllegalAccessException{
List<T> list=new ArrayList<>();
//建立连接
Connection con=DBAccess.getConnection();
//拿到处理对象
PreparedStatement ps=null;
ResultSet rs=null;
if(pageBean !=null && pageBean.isPagination()) {//是否分页
//分页
/**
* 分析:
* 1.分页与pagebean中total 意味着需要查询数据库得到total赋值给pagebean
* 2.查询出符合条件的某一页的数据
*/
//通过原生sql拼接出查询符合条件的总记录数的sql语句
//select count(*) from (select * from t_mvc_book where bname like '%圣墟%') t;
String countSql=getCountSql(sql);
ps=con.prepareStatement(countSql);
rs=ps.executeQuery();
if(rs.next()) {
pageBean.setTotal(rs.getObject(1).toString());
}
//select * from t_mvc_book where bname like '%圣墟%' limit 0,10;
String pageSql=getPageSql(sql,pageBean);
ps=con.prepareStatement(pageSql);
rs=ps.executeQuery();
}else {
//不分页
ps=con.prepareStatement(sql);
rs=ps.executeQuery();
}
T t=null;
while(rs.next()) {//如果说游标有下一个就放到list集合中
//list.add(new Book(rs.getInt("bid"), rs.getString("bname"), rs.getFloat("price")));
t=(T) claz.newInstance();//t 相当于book对象
//获取所有属性
Field [] fields=claz.getDeclaredFields();
//给每一个属性赋值
for (Field f : fields) {
//打开访问权限
f.setAccessible(true);
f.set(t, rs.getObject(f.getName()));
}
list.add(t);
}
DBAccess.close(con, ps, rs);
return list;
}
private String getPageSql(String sql,PageBean pageBean) {
// TODO Auto-generated method stub
return sql+" limit "+pageBean.getStartIndex()+","+pageBean.getRows();
}
private String getCountSql(String sql) {
// TODO Auto-generated method stub
return "select count(1) from ("+sql+") t";
}
/**
* @param sql 增删改的sql语句
* @param attrs 代表sql语句中的问号
* @param t 实体类(里面包含了参数值)
* @return
* @throws SQLException
* @throws IllegalAccessException
* @throws IllegalArgumentException
*/
public int executeUpdate(String sql,String [] attrs,T t) throws IllegalArgumentException, IllegalAccessException, SQLException {
Connection con=DBAccess.getConnection();
PreparedStatement ps=con.prepareStatement(sql);
// ps.setInt(1, book.getBid());
// ps.setString(2, book.getBname());
// ps.setFloat(3, book.getPrice());
//反射
Field field=null;
//拿到所有的属性对象并且遍历
for (int i = 0; i < attrs.length; i++) {
try {
field=t.getClass().getDeclaredField(attrs[i]);
field.setAccessible(true);
ps.setObject(i+1,field.get(t));
} catch (NoSuchFieldException | SecurityException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
int num=ps.executeUpdate();
DBAccess.close(con, ps, null);
return num;
}
/**
* @param sql
* @param claz
* @param pageBean
* @return
* 第二版本写法
* @throws SQLException
* @throws InstantiationException
* @throws IllegalAccessException
*/
// public List<T> list(String sql,Class claz,PageBean pageBean) throws SQLException, InstantiationException, IllegalAccessException{
// List<T> list=new ArrayList();
// //建立连接
// Connection con=DBAccess.getConnection();
// //拿到处理对象
// PreparedStatement ps=con.prepareStatement(sql);
// ResultSet rs=ps.executeQuery();
// T t=null;
// while(rs.next()) {//如果说游标有下一个就放到list集合中
// //list.add(new Book(rs.getInt("bid"), rs.getString("bname"), rs.getFloat("price")));
// /**
// * 1.实例化了一个book的对象
// * 2.通过book对象的属性名去游标中取出属性值
// * 2.1 获取到类对象中的属性
// * 2.2 然后给属性赋值
// * 3.已经赋值好的book实例对象,放入到list集合中
// */
// t=(T) claz.newInstance();//t 相当于book对象
// //获取所有属性
// Field [] fields=claz.getDeclaredFields();
// //给每一个属性赋值
// for (Field f : fields) {
// //打开访问权限
// f.setAccessible(true);
// f.set(t, rs.getObject(f.getName()));
// }
// list.add(t);
// }
// return list;
// }
}
DBAccess:
package com.xhh.util;
import java.io.InputStream;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
import java.util.Properties;
/**
* 提供了一组获得或关闭数据库对象的方法
*
*/
public class DBAccess {
private static String driver;
private static String url;
private static String user;
private static String password;
static {// 静态块执行一次,加载 驱动一次
try {
InputStream is = DBAccess.class
.getResourceAsStream("config.properties");
Properties properties = new Properties();
properties.load(is);
driver = properties.getProperty("driver");
url = properties.getProperty("url");
user = properties.getProperty("user");
password = properties.getProperty("pwd");
Class.forName(driver);
} catch (Exception e) {
e.printStackTrace();
throw new RuntimeException(e);
}
}
/**
* 获得数据连接对象
*
* @return
*/
public static Connection getConnection() {
try {
Connection conn = DriverManager.getConnection(url, user, password);
return conn;
} catch (SQLException e) {
e.printStackTrace();
throw new RuntimeException(e);
}
}
public static void close(ResultSet rs) {
if (null != rs) {
try {
rs.close();
} catch (SQLException e) {
e.printStackTrace();
throw new RuntimeException(e);
}
}
}
public static void close(Statement stmt) {
if (null != stmt) {
try {
stmt.close();
} catch (SQLException e) {
e.printStackTrace();
throw new RuntimeException(e);
}
}
}
public static void close(Connection conn) {
if (null != conn) {
try {
conn.close();
} catch (SQLException e) {
e.printStackTrace();
throw new RuntimeException(e);
}
}
}
public static void close(Connection conn, Statement stmt, ResultSet rs) {
close(rs);
close(stmt);
close(conn);
}
public static boolean isOracle() {
return "oracle.jdbc.driver.OracleDriver".equals(driver);
}
public static boolean isSQLServer() {
return "com.microsoft.sqlserver.jdbc.SQLServerDriver".equals(driver);
}
public static boolean isMysql() {
return "com.mysql.jdbc.Driver".equals(driver);
}
public static void main(String[] args) {
Connection conn = DBAccess.getConnection();
DBAccess.close(conn);
System.out.println("isOracle:" + isOracle());
System.out.println("isSQLServer:" + isSQLServer());
System.out.println("isMysql:" + isMysql());
System.out.println("数据库连接(关闭)成功");
}
}
EncodingFiter:
package com.xhh.util;
import java.io.IOException;
import java.util.Iterator;
import java.util.Map;
import java.util.Set;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
* 中文乱码处理
*
*/
public class EncodingFiter implements Filter {
private String encoding = "UTF-8";// 默认字符集
public EncodingFiter() {
super();
}
public void destroy() {
}
public void doFilter(ServletRequest request, ServletResponse response,
FilterChain chain) throws IOException, ServletException {
HttpServletRequest req = (HttpServletRequest) request;
HttpServletResponse res = (HttpServletResponse) response;
// 中文处理必须放到 chain.doFilter(request, response)方法前面
res.setContentType("text/html;charset=" + this.encoding);
if (req.getMethod().equalsIgnoreCase("post")) {
req.setCharacterEncoding(this.encoding);
} else {
Map map = req.getParameterMap();// 保存所有参数名=参数值(数组)的Map集合
Set set = map.keySet();// 取出所有参数名
Iterator it = set.iterator();
while (it.hasNext()) {
String name = (String) it.next();
String[] values = (String[]) map.get(name);// 取出参数值[注:参数值为一个数组]
for (int i = 0; i < values.length; i++) {
values[i] = new String(values[i].getBytes("ISO-8859-1"),
this.encoding);
}
}
}
chain.doFilter(request, response);
}
public void init(FilterConfig filterConfig) throws ServletException {
String s = filterConfig.getInitParameter("encoding");// 读取web.xml文件中配置的字符集
if (null != s && !s.trim().equals("")) {
this.encoding = s.trim();
}
}
}
PageBean:
package com.xhh.util;
import java.util.HashMap;
import java.util.Map;
import javax.servlet.http.HttpServletRequest;
/**
* 分页工具类
*
*/
public class PageBean {
private int page = 1;// 页码
private int rows = 10;// 页大小
private int total = 0;// 总记录数
//保留上一次的请求地址
private String url;
//保留上一次所携带的参数
private Map<String, String[]> paMap=new HashMap<>();
/**
* @param req
* pageBean初始化方法
*/
public void setRequest(HttpServletRequest req) {
this.setPage(req.getParameter("page"));
this.setRows(req.getParameter("rows"));
this.setPagination(req.getParameter("pagination"));
this.setUrl(req.getRequestURL().toString());
this.setPaMap(req.getParameterMap());
}
private void setPagination(String pagination) {
if("false".equals(pagination)) {
this.setPagination(false);
}
}
private void setRows(String rows) {
if(StringUtils.isNotBlank(rows)) {
this.setPage(Integer.valueOf(rows));
}
}
private void setPage(String page) {
if(StringUtils.isNotBlank(page)) {
this.setPage(Integer.valueOf(page));
}
}
private boolean pagination = true;// 是否分页
public PageBean() {
super();
}
public int getPage() {
return page;
}
public void setPage(int page) {
this.page = page;
}
public int getRows() {
return rows;
}
public void setRows(int rows) {
this.rows = rows;
}
public int getTotal() {
return total;
}
public void setTotal(int total) {
this.total = total;
}
public void setTotal(String total) {
this.total = Integer.parseInt(total);
}
public boolean isPagination() {
return pagination;
}
public void setPagination(boolean pagination) {
this.pagination = pagination;
}
public String getUrl() {
return url;
}
public void setUrl(String url) {
this.url = url;
}
public Map<String, String[]> getPaMap() {
return paMap;
}
public void setPaMap(Map<String, String[]> paMap) {
this.paMap = paMap;
}
/**
* 获得起始记录的下标
*
* @return
*/
public int getStartIndex() {
return (this.page - 1) * this.rows;
}
@Override
public String toString() {
return "PageBean [page=" + page + ", rows=" + rows + ", total=" + total + ", pagination=" + pagination + "]";
}
/**
* @return
* 最大页码
*/
public int getMaxPage(){
return this.total%this.rows==0?this.total/this.rows:this.total/this.rows+1;
}
/**
* @return
* 获取下一页
*/
public int getNextPage(){
return this.page<this.getMaxPage()?this.page+1:this.page;
}
/**
* @return
* 获取上一页
*/
public int getPreviousPage() {
return this.page>1?this.page-1:this.page;
}
}
PageTag分页:
package com.xhh.tag;
import java.io.IOException;
import java.util.Map;
import java.util.Map.Entry;
import java.util.Set;
import javax.servlet.jsp.JspException;
import javax.servlet.jsp.JspWriter;
import javax.servlet.jsp.tagext.BodyTagSupport;
import com.xhh.util.PageBean;
public class PageTag extends BodyTagSupport {
private static final long serialVersionUID = 1693978620241849317L;
private PageBean pageBean;
public PageBean getPageBean() {
return pageBean;
}
public void setPageBean(PageBean pageBean) {
this.pageBean = pageBean;
}
@Override
public int doStartTag() throws JspException {
JspWriter out = pageContext.getOut();
try {
out.print(toHTML());
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return SKIP_BODY;
}
private String toHTML() {
StringBuilder sb=new StringBuilder();
//拼接下一次发送请求所要提交的隐藏的form 表单
sb.append("<form id='pageBeanForm' action='"+pageBean.getUrl()+"' method='post'>");
sb.append("<input type='hidden' name='page'>");
Map<String, String[]> paMap = pageBean.getPaMap();
if(paMap !=null && paMap.size()>0) {
Set<Entry<String, String[]>> entrySet = paMap.entrySet();
for (Entry<String, String[]> entry : entrySet) {
//上一次请求可能携带页码name=page的参数,但是改参数在前面已经单独赋
//为什么要单独赋值呢? 因为上一次请求不是第一页的数据,下一次可能是第二次
//以为这前后请求page对应的值是不一样的,需要单独赋值
if(!"page".equals(entry.getKey())) {
for(String val:entry.getValue()) {
if(!"page".equals(entry.getValue()))
sb.append("<input type='hidden' name='"+entry.getKey()+"' value='"+val+"'> ");
}
}
}
}
sb.append("</form>");
//拼接分页条
sb.append("<div style='text-align: right; font-size: 12px;'>");
sb.append("每页"+pageBean.getRows()+"条,共"+pageBean.getTotal()+"条,第"+pageBean.getPage()+"页,共"+pageBean.getMaxPage()+"页 <a ");
sb.append(" href='javascript:gotoPage(1)'>首页</a> <a");
sb.append(" href='javascript:gotoPage("+pageBean.getPreviousPage()+")'>上一页</a> <a");
sb.append(" href='javascript:gotoPage("+pageBean.getNextPage()+")'>下一页</a> <a");
sb.append(" href='javascript:gotoPage("+pageBean.getMaxPage()+")'>尾页</a> <input type='text'");
sb.append(" id='skipPage'");
sb.append(" style='text-align: center; font-size: 12px; width: 50px;'> <a");
sb.append(" href='javascript:skipPage()'>Go</a>");
sb.append(" </div>");
//拼接分页所需要的js代码
sb.append(" <script type='text/javascript'>");
sb.append(" function gotoPage(page) {");
sb.append(" document.getElementById('pageBeanForm').page.value = page;");
sb.append(" document.getElementById('pageBeanForm').submit();");
sb.append(" }");
sb.append(" function skipPage() {");
sb.append(" var page = document.getElementById('skipPage').value;");
sb.append(" if(!page || isNaN(page) || parseInt(page)<1 || parseInt(page)>"+pageBean.getMaxPage()+"){");
sb.append(" alert('请输入1~N的数字');");
sb.append(" return;");
sb.append(" }");
sb.append(" gotoPage(page);");
sb.append(" }");
sb.append(" </script>");
return sb.toString();
}
}
BookDao :
package com.xhh.dao;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.SQLException;
import java.util.List;
import com.xhh.entity.Book;
import com.xhh.util.BaseDao;
import com.xhh.util.PageBean;
import com.xhh.util.StringUtils;
public class BookDao extends BaseDao<Book>{
public List<Book> list(Book book,PageBean pageBean) throws InstantiationException, IllegalAccessException, SQLException{
String sql = "select * from t_mvc_book where true";
String bname = book.getBname();
int bid = book.getBid();
if(StringUtils.isBlank(bname)) {
sql += " and bname like '%"+bname+"%' ";
}
if(bid !=0) {
sql += " and bid ="+bid;
}
return super.executeQuery(sql, Book.class, pageBean);
}
/**
* 修改方法
* @param book
* @return
* @throws SQLException
* @throws NoSuchFieldException
* @throws SecurityException
* @throws IllegalArgumentException
* @throws IllegalAccessException
*/
public int edit(Book book) throws SQLException, NoSuchFieldException, SecurityException, IllegalArgumentException, IllegalAccessException {
String sql = "update t_mvc_book set bname=?,price=? where bid=?";
return super.executeUpdate(sql, new String[] {"bname","price","bid"}, book);
}
/**
* 新增方法
* @param book
* @return
* @throws SQLException
* @throws NoSuchFieldException
* @throws SecurityException
* @throws IllegalArgumentException
* @throws IllegalAccessException
*/
public int add(Book book) throws SQLException, NoSuchFieldException, SecurityException, IllegalArgumentException, IllegalAccessException {
String sql = "insert into t_mvc_book values(?,?,?)";
return super.executeUpdate(sql, new String[] {"bid","bname","price"}, book);
}
/**
* 删除方法
* @param book
* @return
* @throws SQLException
* @throws NoSuchFieldException
* @throws SecurityException
* @throws IllegalArgumentException
* @throws IllegalAccessException
*/
public int del(Book book) throws SQLException, NoSuchFieldException, SecurityException, IllegalArgumentException, IllegalAccessException {
String sql = "delete t_mvc_book where bid=?";
return super.executeUpdate(sql, new String[] {"bid"}, book);
}
}
BookAction:
package com.xhh.web;
import java.sql.SQLException;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.xhh.dao.BookDao;
import com.xhh.entity.Book;
import com.xhh.framework.ActionSupport;
import com.xhh.framework.ModelDriven;
import com.xhh.util.PageBean;
public class BookAction extends ActionSupport implements ModelDriven<Book>{
//实现ModelDriven<Book> 前台传来的值,自动封装到book里面
//定义一个 对Book增删改查
private Book book=new Book();
private BookDao bookDao=new BookDao();
/**
* 前台访问分页的查询
*/
public String list(HttpServletRequest req,HttpServletResponse resp) {
//要分页,
PageBean pageBean=new PageBean();
pageBean.setRequest(req);//初始化
try {
List<Book> list = this.bookDao.list(book, pageBean);
req.setAttribute("bookList", list);
req.setAttribute("pageBean", pageBean);
} catch (InstantiationException | IllegalAccessException | SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return "list";
}
/**
* 增加和修改是同一个页面
* @param req
* @param resp
* @return
*/
public String preSave(HttpServletRequest req,HttpServletResponse resp) {
//bid的类型是int类型,而int类型的默认值是0 如果jsp未传递bid的参数值,那么bid=0;
if(book.getBid()==0) {
System.out.println("增加的逻辑。。。");
}else {
//修改数据回显逻辑
try {
//查单个
Book b = this.bookDao.list(book, null).get(0);//如果后面没写get(0)就是一个集合,get(0)是下标
req.setAttribute("book", b);
} catch (InstantiationException | IllegalAccessException | SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
return "edit";
}
//修改和增加是一个页面
/**
* 增加方法
* @param req
* @param resp
* @return
*/
public String add(HttpServletRequest req,HttpServletResponse resp) {
try {
this.bookDao.add(book);
} catch (IllegalArgumentException | IllegalAccessException | NoSuchFieldException | SecurityException
| SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
//新增完之后需要刷新页面
return "toList";
}
/**
* 修改方法
* @param req
* @param resp
* @return
*/
public String edit(HttpServletRequest req,HttpServletResponse resp) {
try {
this.bookDao.edit(book);
} catch (IllegalArgumentException | IllegalAccessException | NoSuchFieldException | SecurityException
| SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return "toList";
}
/**
* 删除方法
* @param req
* @param resp
* @return
*/
public String del(HttpServletRequest req,HttpServletResponse resp) {
try {
this.bookDao.del(book);
} catch (IllegalArgumentException | IllegalAccessException | NoSuchFieldException | SecurityException
| SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return "toList";
}
@Override
public Book getModel() {
// TODO Auto-generated method stub
return book;
}
}
配置mvc.xml:
<?xml version="1.0" encoding="UTF-8"?>
<config>
<!-- <action path="/cal_add" type="com.xhh.web.AddCalAction">
<forward name="rs" path="/rs.jsp" redirect="false" />
</action> -->
<action path="/book" type="com.xhh.web.BookAction">
<forward name="list" path="/bookList.jsp" redirect="false" />
<forward name="edit" path="/bookEdit.jsp" redirect="false" />
<forward name="toList" path="/book.action?methodName=list" redirect="false" />
</action>
bookList.jsp页面:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="/xhh" prefix="x" %>
<!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>
<h2>小说目录</h2>
<br>
<!-- 顶部查询表单 用来提交查询条件 -->
<form action="${pageContext.request.contextPath}/book.action?methodName=list"
method="post">
书名:<input type="text" name="bname"> <input type="submit"
value="确定">
</form>
<a href="${pageContext.request.contextPath}/book.action?methodName=preSave">新增</a>
<!-- 查询结果显示表 -->
<table border="1" width="100%">
<tr>
<td>编号</td>
<td>名称</td>
<td>价格</td>
<td>操作</td>
</tr>
<c:forEach items="${bookList }" var="b">
<tr>
<td>${b.bid }</td>
<td>${b.bname }</td>
<td>${b.price }</td>
<td><a href="${pageContext.request.contextPath}/book.action?methodName=preSave&&bid=${b.bid }">修改</a>
<a href="${pageContext.request.contextPath}/book.action?methodName=del&&bid=${b.bid }">删除</a>
</td>
</tr>
</c:forEach>
</table>
<x:page pageBean="${pageBean}"></x:page>
</body>
</html>
bookEdit.jsp修改增加页面:
<%@ 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>
<form action="${pageContext.request.contextPath}/book.action" method="post">
<input type="hidden" name="methodName" value="${b.bname == null ? 'add' : 'edit'}">
书籍ID:<input type="text" name="bid" value="${book.bid }"><br>
书籍名称:<input type="text" name="bname" value="${book.bname }"><br>
书籍价格:<input type="text" name="price" value="${book.price }"><br>
<input type="submit" value="ok">
</form>
</body>
</html>