4 个版本
| 0.2.2 | 2020年11月5日 |
|---|---|
| 0.2.1 | 2020年11月4日 |
| 0.1.1 | 2020年10月16日 |
| 0.1.0 | 2020年10月16日 |
在 图形API 中排名第 820
20KB
299 行
RUST 库，用于生成 HTML（或其他 DOM）文本作为字符串对象。
示例
以下代码可以创建一个简单的 HTML 页面
use dom_renderer::*;
let html = html_basic!(
title: "Page Title",
body:
end_elem!("h1"; "Section"),
end_elem!("p"; "Text goes here..."),
);
assert_eq!("<!DOCTYPE html><html><head><meta charset=\"utf-8\"><title>Page Title</title></head><body><h1>Section</h1><p>Text goes here...</p></body></html>", html.render());
let th = elem!("tr";
end_elem!("th"; "Item1"),
end_elem!("th"; "Item2"),
end_elem!("th"; "Item3"),
);
let tr1 = elem!("tr";
end_elem!("td"; "value 11"),
end_elem!("td"; "value 12"),
end_elem!("td"; "value 13"),
);
let tr2 = elem!("tr";
end_elem!("td"; "value 21"),
end_elem!("td"; "value 22"),
end_elem!("td"; "value 23"),
);
let tbl = elem!("table"; ("border", "1"); th, tr1, tr2);
assert_eq!("<table border=\"1\"><tr><th>Item1</th><th>Item2</th><th>Item3</th></tr><tr><td>value 11</td><td>value 12</td><td>value 13</td></tr><tr><td>value 21</td><td>value 22</td><td>value 23</td></tr></table>", tbl.render());
DOM 节点由 enum DomNode 表示，可以通过宏创建。
可以使用 as_XXX() 方法更改子节点。
use dom_renderer::*;
let mut tbl = elem!("table");
let tbl_elem = tbl.as_elem_mut().unwrap();
tbl_elem.attributes.push(("border", String::from("1")));
// header
let mut tr = elem!("tr");
let headers = (1..=3)
.map(|i| format!("Item{}", i))
.map(|x| end_elem!("th"; x))
.collect();
tr.as_elem_mut().unwrap().child_nodes = headers;
tbl_elem.child_nodes.push(tr);
// data
for i in 1..=2 {
let mut tr = elem!("tr");
let data = (1..=3)
.map(|j| format!("value {}{}", i, j))
.map(|x| end_elem!("td"; x))
.collect();
tr.as_elem_mut().unwrap().child_nodes = data;
tbl_elem.child_nodes.push(tr);
}
assert_eq!("<table border=\"1\"><tr><th>Item1</th><th>Item2</th><th>Item3</th></tr><tr><td>value 11</td><td>value 12</td><td>value 13</td></tr><tr><td>value 21</td><td>value 22</td><td>value 23</td></tr></table>", tbl.render());