java生成动态表,动态生成表格

New Document

var count = 2;

//增加商品方法

function addProduct() {

var ptab = document.getElementById("productTable");

var curRow = ptab.insertRow(-1);

var curCell = curRow.insertCell(-1);

curCell.align = 'center';

curCell.innerHTML = count++;

curCell = curRow.insertCell(-1);

curCell.align = 'center';

curCell.innerHTML = "";

curCell = curRow.insertCell(-1);

curCell.align = 'center';

curCell.innerHTML = "";

curCell = curRow.insertCell(-1);

curCell.align = 'center';

curCell.innerHTML = "";

curCell = curRow.insertCell(-1);

curCell.align = 'center';

curCell.innerHTML = "";

curCell = curRow.insertCell(-1);

curCell.align = 'center';

curCell.innerHTML = "";

delete ptab, curRow, curCell;

}

//保存商品方法

//将值从每个input中拿出来再放入td中

function saveProduct(obj) {

//obj为保存按钮对象

//obj.parentNode 为保存按钮所在td对象

//obj.parentNode.parentNode 为td对象所在的tr对象

var curRow = obj.parentNode.parentNode;

//alert(curRow.cells.length);

//因为第0列和最后一列不是input对象

//所以循环从1至curRow.cells.length-1

for (var i=1; i

//alert(curRow.cells[i].childNodes[0].outerHTML);

//curRow.cells[i].innerHTML表示当前td的内容

//curRow.cells[i].childNodes[0].value

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 使用Freemarker动态生成HTML表格,您可以按照以下步骤: 1. 导入Freemarker依赖 如果您正在使用Maven或Gradle等构建工具,可以将Freemarker添加到项目的依赖中。以下是Maven的依赖: ``` <dependency> <groupId>org.freemarker</groupId> <artifactId>freemarker</artifactId> <version>2.3.31</version> </dependency> ``` 2. 创建模板文件 在模板文件中,您可以使用Freemarker的语法来定义HTML表格的结构和样式。例如,以下是一个简单的模板文件,它定义了一个包含头和表格数据的HTML表格: ``` <table> <thead> <tr> <th>Name</th> <th>Age</th> <th>Email</th> </tr> </thead> <tbody> <#list users as user> <tr> <td>${user.name}</td> <td>${user.age}</td> <td>${user.email}</td> </tr> </#list> </tbody> </table> ``` 在模板文件中,`${user.name}`、`${user.age}`和`${user.email}`是Freemarker达式,它们将在渲染模板时被替换为实际的用户数据。 3. 准备数据 在Java代码中,您需要准备数据以便在模板中使用。您可以将数据放在一个Map对象中,其中每个键值对示模板中的一个变量和它的值。例如,以下是一个包含三个用户的Map对象: ``` Map<String, Object> data = new HashMap<>(); List<User> users = Arrays.asList( new User("Alice", 30, "[email protected]"), new User("Bob", 25, "[email protected]"), new User("Charlie", 35, "[email protected]") ); data.put("users", users); ``` 在这里,User是一个自定义的Java类,它具有三个属性:name、age和email。 4. 渲染模板 最后,您需要将数据应用于模板并生成HTML表格。以下是一个简单的方法,使用Freemarker的Template和TemplateExceptionHandler类来完成这个任务: ``` public String generateTable(Map<String, Object> data) throws Exception { Configuration cfg = new Configuration(Configuration.VERSION_2_3_31); cfg.setClassForTemplateLoading(getClass(), "/templates"); cfg.setDefaultEncoding("UTF-8"); cfg.setTemplateExceptionHandler(TemplateExceptionHandler.RETHROW_HANDLER); Template template = cfg.getTemplate("table.ftl"); StringWriter out = new StringWriter(); template.process(data, out); return out.toString(); } ``` 在这里,“/templates”是存放模板文件的目录,table.ftl是您之前创建的模板文件的名称。当process方法被调用时,Freemarker将使用data中的数据替换模板文件中的达式,并将结果写入StringWriter对象中。最后,该方法将返回生成的HTML表格字符串。 希望这个简单的例子能帮助您入门Fre ### 回答2: 使用Java中的Freemarker库动态生成HTML表格,需要以下步骤: 1. 导入Freemarker库:首先需要在Java项目中导入Freemarker库。可以通过Maven或手动下载jar文件导入。 2. 创建Freemarker配置对象:创建Configuration对象,并进行必要的配置,如设置模板文件的加载路径等。 3. 创建数据模型:创建一个Java对象,用于存储要在HTML表格中展示的数据。可以包含多个属性,比如姓名、年龄等。 4. 加载模板文件:使用Configuration对象加载HTML表格的模板文件。可以是一个已经存在的HTML文件,通过Freemarker的模板语法嵌入需要动态生成的内容。 5. 创建数据模型集合:如果需要在表格中展示多条数据,可以创建一个List或数组,将多个数据模型对象添加到集合中。 6. 填充数据到模板:创建一个Template对象,并使用数据模型集合作为参数,调用process方法将数据填充到模板中。 7. 输出生成的HTML表格:将填充好数据的模板内容输出到一个HTML文件或直接返回给用户。 以下是一个简单的示例代码: ```java import freemarker.template.Configuration; import freemarker.template.Template; import freemarker.template.TemplateException; import java.io.IOException; import java.io.OutputStreamWriter; import java.io.Writer; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; public class FreemarkerExample { public static void main(String[] args) { try { // 创建Freemarker配置对象 Configuration cfg = new Configuration(Configuration.VERSION_2_3_29); cfg.setClassForTemplateLoading(FreemarkerExample.class, "/templates"); // 创建数据模型 List<Map<String, Object>> dataModels = new ArrayList<>(); Map<String, Object> dataModel1 = new HashMap<>(); dataModel1.put("name", "John"); dataModel1.put("age", 25); dataModels.add(dataModel1); Map<String, Object> dataModel2 = new HashMap<>(); dataModel2.put("name", "Alice"); dataModel2.put("age", 30); dataModels.add(dataModel2); // 加载模板文件 Template template = cfg.getTemplate("table_template.ftl"); // 填充数据到模板 Writer out = new OutputStreamWriter(System.out); template.process(dataModels, out); // 输出生成的HTML表格 out.flush(); } catch (IOException | TemplateException e) { e.printStackTrace(); } } } ``` 示例中使用了一个名为`table_template.ftl`的模板文件作为HTML表格的模板,模板中可以使用Freemarker的模板语法嵌入动态生成的内容。 以上就是使用Java中的Freemarker库动态生成HTML表格的基本流程,你可以根据实际需求进行修改和扩展。 ### 回答3: 使用Java中的Freemarker库来动态生成HTML表格可以分为以下几个步骤: 1. 引入Freemarker库:传统的方式是下载Freemarker库的jar文件然后将其添加到项目的classpath中。现代方式是使用构建工具如Maven或Gradle来管理依赖。 2. 创建Freemarker配置对象:使用Freemarker的Configuration类来创建一个配置对象。可以通过指定模板文件夹的路径来告诉Freemarker在哪里读取模板。 3. 加载模板:使用配置对象的getTemplate方法来加载模板文件。需要传入模板文件的路径和名称。 4. 创建数据模型:创建一个Java对象作为数据模型,然后将需要在表格中展示的数据放入该对象中。可以使用Map或者POJO来代数据模型。 5. 合并数据模型和模板:创建一个Writer对象来存储生成的HTML代码。然后使用模板对象的process方法将数据模型和Writer对象作为参数传入,生成HTML代码。 6. 输出HTML代码:将Writer对象中的HTML代码输出到文件或者直接返回给HTTP响应。 总的来说,使用Freemarker库生成HTML表格主要涉及创建Freemarker配置对象、加载模板、创建数据模型、合并数据模型和模板,并最终输出HTML代码。较为复杂的表格可以在模板文件中使用Freemarker的标签和指令来实现动态处理和逻辑控制,以实现更高级的功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值