wffweb is one of the modules of webfirmframework. It's an open source java framework for real time application development which can generate html5 and css3 from java code, read more...
To support us please donate anything you wish to the author of this framework!
Register in wff hub for template reference and more!. It's built by wffweb-3.x.x
check out this sample project deployed at https://webfirmframework.com/demo/
(For the survival of this framework, some ads are shown in webfirmframework.github.io and webfirmframework.com web sites. These are temporary ads and will be removed soon. We are really sorry if it causes any inconvenience to your surfing.)
Here are some sample codes
Since 3.0.9 or later you can use functional style coding as follows. This is the recommended coding style vs anonymous coding style.
Html rootTag = new Html(null).give(html -> {
new Head(html);
new Body(html).give(body -> {
new NoTag(body, "Hello World");
});
});
// prepends the doc type <!DOCTYPE html>
rootTag.setPrependDocType(true);
System.out.println(rootTag.toHtmlString(true));
or the same in few lines
Html html = new Html(null);
new Head(html);
Body body = new Body(html);
new NoTag(body, "Hello World");
// prepends the doc type <!DOCTYPE html>
html.setPrependDocType(true);
System.out.println(html.toHtmlString(true));
prints the following output
<!DOCTYPE html>
<html>
<head>
</head>
<body>
Hello World
</body>
</html>
Div div = new Div(null);
System.out.println(div.toHtmlString());
prints :-
<div></div>
Div rootTag = new Div(body).give(div -> {
new Div(div);
new Div(div);
});
System.out.println(rootTag.toHtmlString());
prints :-
<div>
<div>
</div>
<div>
</div>
</div>
Div div = new Div(null, new Width(50, CssLengthUnit.PX));
System.out.println(div.toHtmlString());
prints :-
<div width="50px"></div>
Div div = new Div(null, new Style(new BackgroundColor("green")));
System.out.println(div.toHtmlString());
prints :-
<div style="background-color: green;"></div>
final Style paragraphStyle = new Style("color:red");
Html rootTag = new Html(null, new CustomAttribute("some", "val"),
new Id("htmlId"), new Style("background:white;width:15px"))
.give(html -> {
new Div(html, new Id("outerDivId")).give(div -> {
int[] paragraphCount = { 0 };
new Div(div).give(div2 -> {
new H1(div2).give(h -> {
new NoTag(h, "Web Firm Framework");
});
for (paragraphCount[0] = 1; paragraphCount[0] < 4; paragraphCount[0]++) {
new P(div2, paragraphStyle).give(p -> {
new NoTag(p,
"Web Firm Framework Paragraph "
+ paragraphCount);
});
}
});
});
new Div(html, new Hidden());
});
paragraphStyle.addCssProperty(AlignContent.CENTER);
System.out.println(rootTag.toHtmlString(true));
prints
<html some="val" id="htmlId" style="background:white;width:15px;">
<div id="outerDivId">
<div>
<h1>Web Firm Framework</h1>
<p style="color:red;align-content:center;">Web Firm Framework Paragraph 1</p>
<p style="color:red;align-content:center;">Web Firm Framework Paragraph 2</p>
<p style="color:red;align-content:center;">Web Firm Framework Paragraph 3</p>
</div>
</div>
<div hidden></div>
</html>
and we can add/change styles later, eg:-
paragraphStyle.addCssProperties(new WidthCss(100, CssLengthUnit.PER));
Color color = (Color) paragraphStyle
.getCssProperty(CssNameConstants.COLOR);
color.setCssValue(CssColorName.BROWN.getColorName());
System.out.println(html.toHtmlString(true));
It will add width 100% in aboutParagraph and will change color to brown, its generated html code will be as follows
<html some="val" id="htmlId" style="background:white;width:15px;">
<div id="outerDivId">
<div>
<h1>Web Firm Framework</h1>
<p style="color:brown;align-content:center;width:100.0%;">Web Firm Framework Paragraph 1</p>
<p style="color:brown;align-content:center;width:100.0%;">Web Firm Framework Paragraph 2</p>
<p style="color:brown;align-content:center;width:100.0%;">Web Firm Framework Paragraph 3</p>
</div>
</div>
<div hidden></div>
</html>
Refer Developers Guide to get started
You can request features or report bugs here
Feel free to write us @ tech-support@webfirmframework.com for any assistance.