The xUML UI that is generated is an AJAX RIA (Rich Internet Application). The MagicDraw model holds enough information to generate AJAX models which are using the well established and widely used jQuery framework. There are three types of files which are generated by the E2E Compiler representing the actual modeled user interface application:
| Filename | Description |
|---|---|
| <controler name>.js | This JavaScript file holds, next to some global declarations, the logic of the application consisting of the controller which was modeled in the UI State Machine as well as the data handling of the SOAP service requests. Note: The communication, the data, uses SOAP document/wrapped style messages handled by AJAX. |
| <controler name>.html | The HTML file is the main application file and is loaded as the first document in the web browser. Next to the actual user interface element structure the file holds all the additional file references to the style sheets and JavaScript frameworks. |
| <controler name>.css | This is a generated CSS file. |
The <controller name> is the name given to the <<UI>> class. In this tutorials case it is HelloWorldUI. A set of these three files will be generated for each of the modeled <<UI>> controller.
Next to the actual controller web files, there are a files holding specific functions and configurations:
| Filename | Description |
|---|---|
| e2e.configuration.js | The configuration JavaScript file holds the SOAP URLs |
| e2e.styles.css | This style sheet file holds the import reference to the theme styles which were defined in the component diagram of the application. |
The location of the generated artifacts can be found within the deployed composite folder structure. The location differs between a deployed xUML service and an xUML service run from within the embedded xUML Runtime.
Location of the Generated UI Artifacts Within the Embedded xUML Runtime Project Structure
Embedded xUML Runtime
<Builder Project Folder>\bin\<Embedded UI Composite Folder>\repository\htdocs
Deployed xUML Service
<Bridge Data Folder>\bridge_<xUML Service Folder>\repository\htdocs
On this Page:
Related Pages:
Overview
Content Tools