Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/webfirmframework/wff
Java framework to develop web applications
https://github.com/webfirmframework/wff
ai artificial-intelligence css3 html5 java java-framework mltp web-framework webfirmframework websocket wff wff-binary-message wffweb
Last synced: about 2 months ago
JSON representation
Java framework to develop web applications
- Host: GitHub
- URL: https://github.com/webfirmframework/wff
- Owner: webfirmframework
- License: apache-2.0
- Created: 2015-11-14T18:56:22.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2024-09-17T15:55:16.000Z (4 months ago)
- Last Synced: 2024-09-17T19:58:57.708Z (4 months ago)
- Topics: ai, artificial-intelligence, css3, html5, java, java-framework, mltp, web-framework, webfirmframework, websocket, wff, wff-binary-message, wffweb
- Language: Java
- Homepage: https://webfirmframework.com
- Size: 14.8 MB
- Stars: 12
- Watchers: 4
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://app.circleci.com/pipelines/github/webfirmframework/wff?branch=master&filter=all)
[](https://www.codacy.com/app/webfirm-framework/wff?utm_source=github.com&utm_medium=referral&utm_content=webfirmframework/wff&utm_campaign=Badge_Grade)
[](https://stackoverflow.com/questions/tagged/wffweb)
[](https://search.maven.org/#artifactdetails%7Ccom.webfirmframework%7Cwffweb%7C12.0.1%7Cjar)
[](https://webfirmframework.github.io/wffweb/wffweb-javadoc)
[](https://www.apache.org/licenses/LICENSE-2.0)
[](https://webfirmframework.com/twitter)
[](https://webfirmframework.com/donate)
# wffweb
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...](https://webfirmframework.github.io/)
#### [Register in wff hub for template reference and more!](http://hub.webfirmframework.com). It's built by wffweb-12.x.x
#### [check out main features of wffweb](https://www.youtube.com/watch?v=UWoNliHOy6A)
##### [check out wffweb sample projects](https://github.com/webfirmframework/minimal-production-ready-projects)
##### check out [this sample project](https://github.com/webfirmframework/wffweb-demo-deployment)
(For the survival of this framework, some ads are shown in [webfirmframework.github.io](https://webfirmframework.github.io) and [webfirmframework.com](https://webfirmframework.com) web sites. These are temporary ads and will be removed soon. We are really sorry if it causes any inconvenience to your reading.)
Here are some sample codes
##### Sample1 :-
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
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
html.setPrependDocType(true);
System.out.println(html.toHtmlString(true));
~~~
prints the following output
~~~
Hello World
~~~
##### Sample2 :-
~~~
Div div = new Div(null);
System.out.println(div.toHtmlString());
~~~
prints :-
~~~
~~~
##### Sample3 :-
~~~
Div rootTag = new Div(body).give(div -> {
new Div(div);
new Div(div);
});
System.out.println(rootTag.toHtmlString());
~~~
prints :-
~~~
~~~
##### Sample4 :-
~~~
Div div = new Div(null, new Width(50, CssLengthUnit.PX));
System.out.println(div.toHtmlString());
~~~
prints :-
~~~
~~~
##### Sample5 :-
~~~
Div div = new Div(null, new Style(new BackgroundColor("green")));
System.out.println(div.toHtmlString());
~~~
prints :-
~~~
~~~
##### Sample6 :-
```
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
```
Web Firm Framework
Web Firm Framework Paragraph 1
Web Firm Framework Paragraph 2
Web Firm Framework Paragraph 3
```
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
```
Web Firm Framework
Web Firm Framework Paragraph 1
Web Firm Framework Paragraph 2
Web Firm Framework Paragraph 3
```
##### Checkout
[Refer Developers Guide to get started](https://webfirmframework.github.io/developers-guide-wffweb-3/get-started.html)
[How to resolve wffweb dependency in build tools like maven, ivy, Scala SBT, Leiningen, Grape, Gradle Grails or Apache Buildr](https://webfirmframework.github.io/developers-guide-wffweb-3/how-to-resolve-dependency-in-build-tools.html)
[wffweb released versions](https://webfirmframework.github.io/developers-guide-wffweb-3/wffweb-released-versions.html)
[You can request features or report bugs here](https://github.com/webfirmframework/wff/issues)
Feel free to write us @ [email protected] for any assistance.