ECS来创建我们的HTML元素

ECS来创建我们的HTML元素

import java.io.IOException;

import java.io.PrintWriter;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import org.apache.ecs.html.A;

import org.apache.ecs.html.BR;

import org.apache.ecs.html.Body;

import org.apache.ecs.html.Form;

import org.apache.ecs.html.Head;

import org.apache.ecs.html.Html;

import org.apache.ecs.html.Input;

import org.apache.ecs.html.LI;

import org.apache.ecs.html.Label;

import org.apache.ecs.html.Meta;

import org.apache.ecs.html.TD;

import org.apache.ecs.html.TR;

import org.apache.ecs.html.Table;

import org.apache.ecs.html.Title;

import org.apache.ecs.html.UL;

/**

* 利用Apache提供的ECS来创建我们的HTML元素、通常和自定义标签结合使用

* 需要ecs-1.4.2.jar的支持

@author LiChuntao

* 2014-5-22

*/

publicclass ECSServlet extends HttpServlet {

private static final longserialVersionUID = 1L;

publicvoid doGet(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

/* 设置编码以及IO对象 */

request.setCharacterEncoding("gbk");

response.setContentType("text/html;charset=gbk");

PrintWriter pw = response.getWriter();

/* 构建html页面,并设置相关属性 */

Html html = new Html();

/* 构建html的head部分 */

Head head = new Head();

head.addElement(new Title("esc设置的标题"));

Meta meta = new Meta();

meta.addAttribute(" http-equiv""Content-Type");

meta.addAttribute("content""text/html; charset=gbk");

head.addElement(meta);

/* 构建html的body部分 */

Body body = new Body();

body.addAttribute("style""border:1px solid #cdcdcd");

body.addAttribute("title""我是ecs做的body");

//table 部分

Table table = new Table();

table.addAttribute("id""escTableID");

TR tr = new TR();

tr.addAttribute("style""background:#ebebeb");

tr.addElement(new TD("姓名").addAttribute("width""100px;"));

tr.addElement(new TD("性别").addAttribute("width""100px;"));

tr.addElement(new TD("身份证号").addAttribute("width""100px;"));

TR tr2 = new TR();

tr2.addElement(new TD("李春涛"));

tr2.addElement(new TD(""));

tr2.addElement(new TD().addElement(new A("www.baidu.com").addElementToRegistry("230223199108203031")));

body.addElement(table.addElement(tr).addElement(tr2)).addElement(new BR());

//form 部分

Form form = new Form();

form.addAttribute("name""ecsForm");

form.addAttribute("action","testAction!to_ecs.action");

form.addAttribute("method","post");

UL ul = new UL();

ul.addAttribute("style""list-style:none");

LI liName = new LI();

liName.addElement(new Label().addElementToRegistry("姓名:")).addElement(new Input().addAttribute("name""name"));

LI liGender = new LI();

liGender.addElement(new Label().addElementToRegistry("年龄:")).addElement(new Input().addAttribute("name""age"));

LI liIDNumber = new LI();

liIDNumber.addElement(new Label().addElementToRegistry("身份证号:")).addElement(new Input().addAttribute("name""idnumber"));

ul.addElement(liName).addElement(liGender).addElement(liIDNumber);

body.addElement(form.addElementToRegistry(ul));

/* 各部分元素合并成页面 */

html.addElement(head).addElement(body);

pw.print(html);

}

publicvoid doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

doGet(request,response);

}

时间: 2024-10-15 16:28:30

ECS来创建我们的HTML元素的相关文章

在js中使用createElement创建HTML对象和元素 (转)

1.创建链接 <script language="javascript"> var o = document.body; //创建链接 function createA(url,text) { var a = document.createElement("a"); a.href = url; a.innerHTML = text; a.style.color = "red"; o.appendChild(a); } createA(

d3创建多个svg元素

当然也可以创建dom var svg = d3.select('#svg'); svg .slectAll('circle.bb')     //选中DOM中的所有circle.bb标签,当DOM中不存在circle.bb时,那么这个返回值将是null .data(new Array(50))   //计算并且传递数组的值,数组长度为50,因此所有经过此节点的处理过程将处理50次,每次对应数组中不同的元素值 .enter() //创建新的DOM元素,当数组的数据被传递至此,数组中的元素个数多于D

动态创建并访问网页元素

最近在做OCX控件,但这个控件并不是一打开网页就需要初始化的,而是根据需要动态创建:在控件初始化的时候需要在控件内部获取其在网页中的DOM对象:并且创建之后需要立刻调用控件的方法. 最开始的方法如下: 1 var ctrl = document.createElement('object'); 2 ctrl.classid = 'CLSID:DCC16727-7A51-47B4-B38E-B020EAAF0584'; 3 document.body.appendChild(ctrl); 这个方法

第一个Polymer应用 - (2)创建你自己的元素

原文链接: Step 2: Your own element翻译日期: 2014年7月6日翻译人员: 铁锚 通过上一节的学习和实践, 您已经完成了一个基本的应用程序结构(application structure),从现在开始可以构建一个标签页(card element,卡片元素)来显示名片(post).完成后的标签页包括个人头像,名字,红心按钮,以及内容区域: 图片 有点水(平?)的皮冻 在本节中,你将会创建一个 <post-card> 元素,用来控制他的子元素布局和样式, 完成后就可以像前

DOM创建移除替换元素

创建元素:document.createElement('要创建的标签名') 将元素(子级)添加到另一个元素(父级)中:元素(父级) . appendChild('子级') 将元素(子级)插入到另一个元素(另一个子级)的前面: 元素(被插入元素的父级)insertBefore(插入的新元素,被插入的元素) 替换子节点:元素(被替换节点的父级) . replaceChild(新的子节点,被替换的子节点) 删除子节点:元素(删除元素的父级) . removeChild (要删除的元素) 案例说明:

JQuery动态创建、删除DOM元素

动态创建Dom节点 1.使用$(html字符串)来创建Dom节点 2.append方法用来在元素的末尾追加元素 3.prepend,在元素的开始添加元素. prependTo.after,在元素之后添加元素(添加兄弟).before:在元素之前添加元素(添加兄弟). 删除节点 (1)remove()删除选择的节点 (2)empty()是将节点清空,清除节点的innerHTML,节点还在 动态创建Dom节点示例: 1.使用$(html字符串)来创建Dom节点,并且返回一个jQuery对象,然后调用

[简洁]JavaScript中添加、移除、移动、复制、创建和查找节点元素

查找: document.getElementsByTagName通过标签名获取元素,不论有多少个都返回元素集合. document.getElementsByClassName通过类名获取元素,同上返回集合. document.getElementById通过id属性名获取元素,返回元素对象 创建节点:document.createElementc创建元素节点,document.createTextNode创建文本节点 添加或移动节点:appendChild添加节点到指定元素内尾部,inser

阿里云ecs自动创建快照教程

最近在一个博客联盟的微信群里面看到经常有朋友问阿里云的ecs服务器怎么设置自动创建快照,也不知道最近是怎么了,看到问这个问题的朋友有有四五个左右了,今天就特意到博客里来费大家分享设置自动创建快照的方法. 首先进入正题,我们登录阿里云控制台,然后在控制台的点击ecs服务器,在点击需要设置自动创建快照的服务器,然后在界面上点击本实例磁盘,在右边就能看到设置自动快照策略的按钮了.在快照设置界面上我们可以给快照取个名字,然后在快照的创建时间和保留天数就可以了. 总结:进入到ecs服务器控制台,然后点击需

在js中使用createElement创建HTML对象和元素

1.创建链接 <script language="javascript"> var o = document.body; //创建链接 function createA(url,text) { var a = document.createElement("a"); a.href = url; a.innerHTML = text; a.style.color = "red"; o.appendChild(a); } createA(