Integration Guide of Polymer Framework with Other Frameworks in Java Class Libraries)
Integrated guidelines for the Polymer framework and other frameworks in the Java class library
Polymer is a front -end framework based on the web component standard. It provides rich tools and libraries that enable developers to create web components with reusable, modular and high -performance.Compared with other frameworks, Polymer has unique characteristics and functions in all aspects of Web components (such as data binding, event processing and component style).When using Polymer in the Java class library, we may need to integrate it with other frameworks (such as Spring MVC or Java Servlet).This article will introduce how to integrate the Polymer framework and other frameworks in the Java class library, and provide the corresponding Java code example.
1. Import the Polymer framework: First of all, we need to import the Polymer framework in the Java class library.You can use Maven or Gradle and other constructive tools to obtain Polymer's dependencies from the central warehouse of Maven or other reliable resource libraries.According to the needs of your project, you can choose to import the complete library in Polymer, or only choose a part.
For example, use Maven to import the complete library of Polymer:
<dependency>
<groupId>org.webjars.bower</groupId>
<artifactId>polymer</artifactId>
<version>2.0.0</version>
</dependency>
2. Create a Polymer component: It is very simple to use the Polymer framework to create a web component.You can use the annotations and API -defined custom elements provided by Polymer, and add behaviors and attributes by inheriting the Polymer class.Below is a simple Polymer component example:
import com.vaadin.polymer.Polymer;
import com.vaadin.polymer.elemental.Function;
import com.vaadin.polymer.elemental.HTMLElement;
@TagName("my-custom-element")
public class MyCustomElement extends Polymer.Element {
public MyCustomElement() {
Polymer.importHref("my-custom-element.html", new Function() {
@Override
public Object call(Object arg) {
// Execute some initial work
return null;
}
});
}
public String getGreeting() {
return getProperty("greeting");
}
public void setGreeting(String greeting) {
setProperty("greeting", greeting);
}
public void sayHello() {
HTMLElement span = Polymer.createElement("span");
span.setTextContent(getGreeting() + ", World!");
appendChild(span);
}
}
In the above example, we created a custom element called "My-Custom-Element" and added the attribute "GREETING".We implement the Getter and Setter method of attributes through Polymer's API, and add a method to display greetings.
3. persistence and rendering Polymer component: Polymer components can persist and render through other frameworks of the Java library.For example, if you are using Spring MVC, you can use the Polymer object in the controller and pass it to the view.
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
@Controller
public class MyController {
@RequestMapping(value = "/myPage", method = RequestMethod.GET)
public String myPage(Model model) {
MyCustomElement customElement = new MyCustomElement();
customElement.setGreeting("Hello");
customElement.sayHello();
model.addAttribute("customElement", customElement);
return "myPage";
}
}
In the above example, we add custom elements to the model and pass it to a view named "MyPage".In the view, you can use Polymer's API and tag language (such as HTML or JavaScript) to render and operate custom elements.
4. Polymer component: Finally, it is very simple to use the Polymer component in the front page or view.You can use Polymer's API or in HTML to use Polymer's tag language to reference the custom element.
html
<html>
<head>
<!-Import Polymer framework->
<script src="/webjars/polymer/2.0.0/webcomponentsjs/webcomponents-lite.js"></script>
<!-Import custom element->
<link rel="import" href="/path/to/my-custom-element.html">
</head>
<body>
<!-Use custom elements->
<my-custom-element greeting="Hello"></my-custom-element>
<script>
// Use Polymer's API to operate custom elements
var customElement = document.querySelector("my-custom-element");
customElement.sayHello();
</script>
</body>
</html>
In the above examples, we first imported the Polymer framework and used the custom element "My-Custom-Element" in Body.We can also use Polymer's API to obtain custom elements by querying the selector and call its method.
Through the above steps, you can integrate the Polymer framework and other frameworks in the Java class library.Remember, this is just a basic guide. You can make more advanced integration and customization according to your project needs.
I hope this article can help you successfully integrate the Polymer framework and other frameworks in the Java class library.If you have any questions, please ask us at any time.
