|
|
| Line 1: |
Line 1: |
| − | {{ZKStudioEssentialsPageHeader}}
| |
| | | | |
| − | == Video Guide ==
| |
| − |
| |
| − |
| |
| − | http://www.youtube.com/watch?v=Gm0IfIYa2PU&NR=1
| |
| − | == Create a New ZK Project ==
| |
| − |
| |
| − | :1. Click '''<nowiki>[File]/[New]/[Other...]/[ZK Project]</nowiki>''' in Eclipse main menu
| |
| − | [[Image:zk_studio_094_create_proj_0.png]]
| |
| − |
| |
| − | :2. Type the project name. Eclipse will automatically include the default ZK package configured in the ZK Package preferences, however, you can select any other installed ZK package by selecting it from the combo box. Then, click '''Next'''.
| |
| − | [[Image:zk_studio_094_create_proj_1.png]]
| |
| − |
| |
| − | :3. You can modify the '''Source folders''' and '''Default output folder''' if you like. Then, click '''Next'''.
| |
| − | [[Image:zk_studio_094_create_proj_4_1.png]]
| |
| − |
| |
| − | :4. You can modify '''Context root''' or '''Content directory''' if you like. Then, Click '''Finish'''.
| |
| − | [[Image:zk_studio_094_create_proj_4.png]]
| |
| − |
| |
| − | :5. After clicking '''Finish''', the New Project Wizard will setup the ZK Project ready for development.
| |
| − |
| |
| − |
| |
| − | === '''TIPS''' ===
| |
| − | :1.The project's top right icon includes a ZK mark to show that the project has ZK Studio support:
| |
| − |
| |
| − | [[Image:hasZKLibrary.png]]
| |
| − |
| |
| − | :2.The ZK package source code will be automatically attached to the related jar files
| |
| − |
| |
| − | [[Image:Zk_studio_094_source_attach.png]]
| |
| − |
| |
| − | == Creating a New ZUL File ==
| |
| − | === Using the New File Command ===
| |
| − | You can create new ZUL file using the '''<nowiki>[File]/[New]/[File]</nowiki>''' command in Eclipse's main menu.
| |
| − |
| |
| − | [[Image:NewZULFileMethod1-1.png]]
| |
| − |
| |
| − | However, you have to write the "'''.zul'''" extension yourself and the newly create zul file will not contain any template code.
| |
| − |
| |
| − | [[Image:NewZULFileMethod1-2.png]]
| |
| − |
| |
| − | === Using the New ZUL File Wizard ===
| |
| − | :1. There are two ways to open the New ZUL File Wizard:
| |
| − | ::1.1. Right click on the opened Dynamic Web Project in "Project Explorer" view or "Package Explorer" view and select '''<nowiki>[New]/[ZUL]</nowiki>'''.
| |
| − | [[Image:NewZULFileRightClick.png]]
| |
| − |
| |
| − | ::1.2. Click '''<nowiki>[File]/[New]/[Other]</nowiki>''' in Eclipse's main menu and then using the wizard to filter zul. Select zul from the listbox and then click '''Next'''.
| |
| − | [[Image:NewZULFileWizard_0.png]]
| |
| − |
| |
| − | :2. Type the file name and optional page title name, click '''Finish'''.
| |
| − | [[Image:NewZULFileWizard.png]]
| |
| − |
| |
| − |
| |
| − | :3. The newly created ZUL File will be opened in ZUL Editor.
| |
| − |
| |
| − | === Running the ZUL File ===
| |
| − | To run the ZUL File (that is, to run a ZK Web application in Eclipse), please follow the instructions below:
| |
| − |
| |
| − | # Configuring Apache Tomcat for Eclipse:<br/>
| |
| − | You are required to create a valid [[ZK_Installation_Guide/Before_You_Start/New_to_Java_Servlet| Apache Tomcat server]] configuration.
| |
| − | Configuration of Apache with Eclipse is done in the '''Server/Runtime Environments''' preference page. The screenshot and instruction links below will enable you to setup your server instance with Eclipse.
| |
| − |
| |
| − | [[Image:ServerRuntimePreference1.png]]
| |
| − |
| |
| − |
| |
| − | To create a server instance to run a web application the server needs to be defined. For tutorials on how to do this please refer to the "'''Choose a Server Runtime Environment'''" section of the article [http://www.eclipse.org/webtools/community/tutorials/BuildJ2EEWebApp/BuildJ2EEWebApp.html "'''''WTP Tutorials – Building and Running a Web Application'''''"].
| |
| − |
| |
| − |
| |
| − | '''Creating a Server instance in Eclipse's Server View:'''
| |
| − | <br/>
| |
| − | To create a server instance please follow the "'''Create a Server'''" section of the [http://www.eclipse.org/webtools/community/tutorials/BuildJ2EEWebApp/BuildJ2EEWebApp.html "'''''WTP Tutorials – Building and Running a Web Application'''''"] article on Eclipse's website.
| |
| − |
| |
| − |
| |
| − | '''To start the server and view the result:'''
| |
| − | <br/>
| |
| − | To start the server and view the resulting zul file please refer to the sections "'''Start the Server'''" and "'''Running the Application'''" of the article [http://www.eclipse.org/webtools/community/tutorials/BuildJ2EEWebApp/BuildJ2EEWebApp.html "'''''WTP Tutorials – Building and Running a Web Application'''''"].
| |
| − |
| |
| − |
| |
| − | '''Tips:'''
| |
| − |
| |
| − | There's a detailed step-by-step tutorial on using Tomcat with Eclipse at coreservlets.com: [http://www.coreservlets.com/Apache-Tomcat-Tutorial/eclipse.html http://www.coreservlets.com/Apache-Tomcat-Tutorial/eclipse.html]
| |
| − |
| |
| − | {{ZKStudioEssentialsPageFooter}}
| |