java的web开发时，怎么在web页面用户动态的填入表格中的信息，表格行数不确定的情况，
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了java的web开发时，怎么在web页面用户动态的填入表格中的信息，表格行数不确定的情况，相关的知识，希望对你有一定的参考价值。
function addRow()var tr=$("#temptr").clone(true);
tr.css("display","block");
tr.appendTo($("#tbd"));
bh();
<tr id="temptr" style="display:none" align="center" >
<td></td>
<td><input type="text" style="width: 100px;" /></td>
<td><input type="text" style="width: 100px;" onblur="cal(this)" /></td>
<td><input type="text" style="width: 100px;" onblur="cal(this)" /></td>
<td><input type="text" style="width: 100px;" readonly="readonly" /></td>
<td><input type="image" src="/RyanYeung/images/delrow.gif" onclick="del(this)" /></td>
</tr> 参考技术A 你是想动态的填入表格的行和列，然后生成表格吗？如果是的话，
你可以用先写两个文本框输入表格的行和列，然后用js动态生成这个表格 参考技术B 用JS写动态的呗 参考技术C 用jquery .html()
狂神Java Web JSP详解
JSP
1. 什么是JSP
JSP：Java Server Pages，Java服务器端页面，和Servlet一样，应用于动态web技术。
特点：
- 写JSP就像在写HTML
- 区别：
- HTML只给用户提供静态的数据
- JSP页面可以嵌入JAVA代码，为用户提供动态数据
2. JSP原理
思路：JSP是怎么执行的
- 代码层面，没有任何问题
- 服务器内部工作：
- tomcat中有一个work目录
- 在IDEA中使用Tomcat会在IDEA的Tomcat中生成一个work目录
- 浏览器向浏览器发送请求，不管访问什么资源，其实都是在访问Servlet。
- JSP最终也会被转化为一个Java类
- 判断请求
- 内置一些对象
final javax.servlet.jsp.PageContext pageContext; // 页面上下文 javax.servlet.http.HttpSession session = null; // session final javax.servlet.ServletContext application; // applicationContext final javax.servlet.ServletConfig config; // config javax.servlet.jsp.JspWriter out = null; // out final java.lang.Object page = this; // page: 当前页面 javax.servlet.http.HttpServletRequest request // request，请求 javax.servlet.http.HttpServletResponse response // response，响应 - 输出页面之前增加的代码：
response.setContentType("text/html"); // 设置响应的页面类型 pageContext = _jspxFactory.getPageContext(this, request, response, null, true, 8192, true); _jspx_page_context = pageContext; application = pageContext.getServletContext(); config = pageContext.getServletConfig(); session = pageContext.getSession(); out = pageContext.getOut(); _jspx_out = out; - 以上的对象都可以在JSP页面中直接使用
在JSP页面中，只要是Java代码，就会原封不动的输出；
如果是HTML代码，就会被转化为out.write("<html>\\r\\n") 这种格式输出到前端。
3. JSP基础语法
创建普通Maven项目后如何转换为web项目：
在IDEA中项目上右键，然后Add Framework Support...，选择web即可。
JSP不仅支持Java的所有语法，还有自己的一些扩充语法。
JSP表达式：
<%-- JSP表达式
作用：将程序的输出，输出到客户端
Sat Jul 31 16:55:35 CST 2021
格式：<%= 变量或表达式%>
--%>
<%= new java.util.Date()%>
**JSP脚本片段 **
<%-- JSP脚本片段
sum=4950
格式： <% 可以有多行内容 %>
--%>
<%
int sum = 0;
for (int i = 0; i < 100; i++) {
sum += i;
}
out.println("<h1>sum="+sum+"</h1>");
%>
JSP脚本片段的再实现
<%--
因为JSP页面最后都要编译到一个Java文件中，所以在脚本片段中的变量是共享的，也不能重复定义。
10
这是一个JSP文档
12
--%>
<%
int x = 10;
out.println(x);
%>
<p>这是一个JSP文档</p>
<%
int y = 2;
out.println(y + x);
%>
<%-- 在代码中嵌入HTML元素
Hello World 0
Hello World 1
Hello World 2
--%>
<%
for (int i = 0; i < 3; i++) {
%>
<h2>Hello World <%=i%></h2>
<%
}
%>
JSP声明
<%-- JSP声明
格式 <%! %>
--%>
<%!
static {
System.out.println("Loading Servlet...");
}
private int golbalVar = 0;
public void kuang(){
System.out.println("进入了方法Kuang.");
}
%>
JSP声明会被编译到JSP生成的Java类的类中，其他的会被生成到 _jspService 方法中。
在JSP，嵌入Java代码即可：
<%%>
<%=%>
<%!%>
<%--注释--%>
JSP的注释不会再客户端显示，HTML的会。
4. JSP指令
<%@ page args... %>
<%--可以设置当前页面对应的错误页面是什么--%>
<%@page errorPage="error/500.jsp" %>
<%--显式声明是一个错误页面--%>
<%@page isErrorPage="true" %>
<!-- 也可以在web.xml中设置全局的各种错误对应的错误页面 -->
<error-page>
<error-code>500</error-code>
<location>/error/500.jsp</location>
</error-page>
修改了web.xml就必须重启Tomcat
设置img时如果读取不到资源，可以将img文件夹右键设置为resource root
如果img路径有问题，可以添加src="${pageContext.request.contextPath}/img/img1.jpg"
<%-- @include 将两个页面合二为一，提取公共页面
如果此时jsp多个页面的代码块中有语法错误，会进入500
--%>
<%@include file="common/header.jsp" %>
<h1>网页主体</h1>
<%@include file="common/footer.jsp" %>
<hr/>
<%-- JSP标签
jsp:include 通过代码方式引用，拼接页面，本质还是3个
--%>
<jsp:include page="/common/header.jsp" />
<h1>网页主体</h1>
<jsp:include page="/common/footer.jsp" />
5. JSP 9大内置对象
- PageContext 页面上下文； 存东西
- Request 请求；存东西
- Response 响应
- Session 会话； 存东西
- Application （ServletContext）；存东西
- config （ServletConfig）
- out 输出
- page 页面； 几乎不用
- exception 异常
// 保存的数据只在一个页面有效
pageContext.setAttribute("name1", "狂神1号");
// 作用域设置为sessiong
// pageContext.setAttribute("name1", "狂神1号",PageContext.SESSION_SCOPE);
// 保存的数据只在一次请求中有效，请求转发会携带这个数据
request.setAttribute("name2", "狂神2号");
// 保存的数据只在一次会话中有效，从打开浏览器到关闭浏览器
session.setAttribute("name3", "狂神3号");
// 保存的数据在服务器中有效，从打开服务器到关闭服务器
application.setAttribute("name4", "狂神4号");
- request：客户端向服务器发送请求，产生的数据，用户看完就没用了，如：新闻，用户看完没用的。
- session：客户端向服务器发送请求，产生的数据，用户看完一会还有用，如：购物车；
- application：客户端先服务器发送请求，产生的数据，一个用户用完了，其他用户还可以使用，如：聊天数据
<%-- 内置对象 --%>
<%-- 存储属性 --%>
<%
// 保存的数据只在一个页面有效
pageContext.setAttribute("name1", "狂神1号");
// 作用域设置为sessiong
// pageContext.setAttribute("name1", "狂神1号",PageContext.SESSION_SCOPE);
// 保存的数据只在一次请求中有效，请求转发会携带这个数据
request.setAttribute("name2", "狂神2号");
// 保存的数据只在一次会话中有效，从打开浏览器到关闭浏览器
session.setAttribute("name3", "狂神3号");
// 保存的数据在服务器中有效，从打开服务器到关闭服务器
application.setAttribute("name4", "狂神4号");
%>
<%-- 通过pageContext取出保存的值，通过寻找的方式来
从底层到高层
--%>
<%
// request.getAttribute("");
String name1 = (String) pageContext.getAttribute("name1");
String name2 = (String) pageContext.getAttribute("name2");
String name3 = (String) pageContext.getAttribute("name3");
String name4 = (String) pageContext.getAttribute("name4");
String name5 = (String) pageContext.getAttribute("name5"); // 不存在
// 直接转发过来，request中的数据也会被转发过来，可以取到2号
pageContext.forward("pageContextDemo02.jsp");
%>
<%-- 使用EL表达式输出 ${} --%>
<h1>取出的值为: </h1>
<h3>${name1}</h3>
<h3>${name2}</h3>
<h3>${name3}</h3>
<h3>${name4}</h3>
<h3>${name5}</h3>
<%-- 会显示null --%>
<h3><%= name5%>
</h3>
<%--
scope 设置作用域
public void setAttribute(String name, Object attribute, int scope) {
switch(scope) {
case 1:
this.mPage.put(name, attribute);
break;
case 2:
this.mRequest.put(name, attribute);
break;
case 3:
this.mSession.put(name, attribute);
break;
case 4:
this.mApp.put(name, attribute);
break;
default:
throw new IllegalArgumentException("Bad scope " + scope);
}
}
--%>
6. JSP标签、JSTL标签、EL表达式
EL表达式：${}
- 获取数据
- 执行运算
- 获取web开发的常用对象
- 调用Java方法（一般不用）
JSP标签：<jsp:xxx>
include标签forward转发标签- 转发标签中可以使用
param参数标签携带参数 - 读取：
request.getParameter("key")
<%--jsp:include 包括标签--%> <jsp:include page="common/header.jsp"></jsp:include> <h3>body</h3> <%-- jsp:forward 转发标签 --%> <jsp:forward page="jsptag2.jsp"> <%-- param 可以携带参数 --%> <jsp:param name="name" value="Kuang"/> <jsp:param name="age" value="12"/> </jsp:forward> <%--取出参数--%> name: <%= request.getParameter("name")%> age: <%= request.getParameter("age")%>- 转发标签中可以使用
JSTL：JSP标准标签库
为了弥补HTML标签的不足，自定义很多标签，标签功能和Java代码一样。
使用：引入对应的taglib，然后即可使用对应标签。 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
注意引入时要把对应的jstl和standard的jar包复制到tomcat的lib中，不然会报错。
-
核心标签（掌握部分）
<c:out>在JSP中显示数据，就像<%= ... ><c:set>保存数据<c:remove>删除数据<c:if>程序中if一样<c:chooose>作为<c:when>和<c:otherwise>的父标签<c:when>判断条件是否成立<c:otherwise>when标签判断false时执行
<c:forEach>基础迭代标签，接受多种集合类型<c:url>使用可选的查询参数创造一个URL
<form action="coreif.jsp" method="get"> <%--EL表达式获取表单中的数据 ${param.参数名} --%> <input type="text" name="username" value="${param.username}"> <input type="submit" value="登录"> </form> <%--判断提交的用户名--%> <%-- <%--%> <%-- if (request.getParameter("username").equals("admin")) {--%> <%-- out.println("登陆成功");--%> <%-- }--%> <%-- %>--%> <c:if test="${param.username==\'admin\'}" var="isAdmin"> <c:out value="登录成功"/> </c:if> <c:out value="${isAdmin}"/> <% ArrayList<String> peoples = new ArrayList<>(); peoples.add(0, "p0"); peoples.add(1, "p1"); peoples.add(2, "p2"); peoples.add(3, "p3"); peoples.add(4, "p4"); request.setAttribute("list", peoples); %> <%-- var, 每次遍历出来的变量 items：要便利的对象 --%> <c:forEach var="peoples" items="${list}" begin="1" end="3" step="1"> <c:out value="${peoples}"/><br/> </c:forEach> -
格式化标签
-
SQL标签
-
XML标签
7. JavaBean
实体类，JavaBean有特定的写法：
- 必须要有一个无参构造
- 属性必须私有化
- 必须有对应的
get/set方法
一般用来和数据库的字段做映射， ORM 对象关系映射；
- 表 --> 类
- 字段 --> 类的属性
- 行记录 --> 类的对象
以上是关于java的web开发时，怎么在web页面用户动态的填入表格中的信息，表格行数不确定的情况，的主要内容，如果未能解决你的问题，请参考以下文章
java web 实战开发--------》刷第二遍-----》心得