2005 10 31 Nexaweb Technologies, Inc.
i
1 2005 10 31 ii
1...3 1.1... 3 1.1.1 J2SE Development Kit(JDK)...3 1.1.2 Eclipse...3 1.1.3 Eclipse Modeling Framework(EMF)...3 1.1.4 Graphical Editor Framework(GEF)...3 1.1.5 Eclipse Web Tools Platform(WTP)...3 1.1.5.1 Java EMF Model Runtime(JEM)... 3 1.1.5.2 WTP... 3 1.1.6 Tomcat...3 1.2... 3 1.2.1 J2SE Development Kit(JDK)...3 1.2.2 Eclispe...3 1.2.3 Tomcat...3 2 Nexaweb...3 2.1 Nexaweb Platform... 3 2.2 Nexaweb Studio... 3 3 Nexaweb Studio...3 3.1... 3 3.1.1...3 3.2... 3 3.2.1...3 3.2.2...3 4 Nexaweb...3 4.1 Nexaweb... 3 4.2... 3 4.3... 3 4.4 Nexaweb Visual Editor... 3 4.4.1 Visual Editor...3 4.4.2 Palette...3 4.4.3 Layout Wizard...3 4.4.4 Properties...3 4.4.5 Outline...3 4.5 Nexaweb Client... 3 iii
4.6 Nexaweb Server... 3 4.7... 3 iv
1 Nexaweb Studio Nexaweb Platform Nexaweb Nexaweb Studio Eclipse 3.1.x Eclipse 3.1.x 1.1 Nexaweb Studio Eclipse 1.1.1 J2SE Development Kit(JDK) Java JDK JDK http://java.sun.com/ Nexaweb Studio 2.1 JDK 1.4 JDK JDK1.5.0_xx 1.1.2 Eclipse Eclipse Eclipse Eclipse http://www.eclipse.org/ Nexaweb Studio 2.1 Eclipse 3.1 Eclipse Language Pack Eclipse WebTools Platform; All-in-one Nexaweb Stuido 2.1 Web Tools Platform 1.1.3 Eclipse Modeling Framework(EMF) Eclipse Eclipse Modeling Gramework(EMF) EMF http://www.eclipse.org/emf/ Eclipse EMF 1.1.4 Graphical Editor Framework(GEF) Eclipse Graphical Editor Framework(GEF) GEF http://www.eclipse.org/gef/ Eclipse GEF 1.1.5 Eclipse Web Tools Platform(WTP) Eclipse Eclipse Web Tools Platform(WTP) WTP http://www.eclipse.org/webtools/ Eclipse WTP 1.1.5.1 Java EMF Model Runtime(JEM) WTP Java EMF Model Runtime(JEM) JEM http://www.eclipse.org/vep/ 1
1.1.5.2 WTP WTP Eclipse 3.1, EMF, GEF, JEM, WTP WebTools Platform; All-in-one Nexaweb Studio 2.1 1.1.6 Tomcat WTP Application Server Tomcat Tomcat Application Server Application Server Tomcat Application Server WTP Applicatoin Server Tomcat http://tomcat.apache.org/ Nexaweb Platform 4.1 Application Server JDK 1.3 Servlet API 2.3 Application Server Tomcat 5.5.x 1.2 1.1 J2SE Development Kit(JDK) C: JDK1.5.0_05 Eclipse C: NexawebStudio2.1 Tomcat C: NexawebStudio2.1 Tomcat5.5 Eclipse Tomcat Nexaweb NexawebStudio2.1 Tomcat Eclipse 1.2.1 J2SE Development Kit(JDK) java.exe -varsion javac.exe -varsion JDK JAVA_HOME C: JDK1.5.0_05 Path C: JDK1.5.0_05 bin Path 2
1.2.2 Eclispe Eclipse eclipse.exe Eclipse Eclipse [Help]->[About Eclipse SDK] Feature Details Plug-in Details Eclipse 3
1.2.3 Tomcat Tomcat bin startup.bat Tomcat Tomcat http://localhost:8080/ Tomcat 8080 Tomcat 4
Nexaweb 2 Nexaweb Nexaweb Nexaweb Nexaweb Platform Nexaweb Studio 2.1 Nexaweb Platform platform_4_1_xxxx.exe (XXXX ) Platform Platform C: Program Files Nexaweb Nexaweb Platform 4.1 5
Nexaweb Getting Started Getting Started Nexaweb Platform Getting Started Consept Guide Nexaweb Platform 6
Nexaweb 2.2 Nexaweb Studio Studio_2.1.0_XXX.exe (XXX ) Eclipse Eclipse Studio Eclipse C: NexawebStudio2.1 Studio C: Program Files Nexaweb Nexaweb Studio 2.1 7
Nexaweb Getting Started Getting Started Nexaweb Studio Getting Started Nexaweb Studio doc Nexaweb Studio User Guide Nexaweb Studio 8
Nexaweb Studio 3 Nexaweb Studio Nexaweb Studio Eclipse Eclipse 3.1 Eclipse [Window]->[Preferences] [General]->[Editors] Eclipse UTF-8 Nexaweb UTF-8 3.1.1 Nexaweb Studio JSP JSP JSP contenttype="text/html;charset=utf8" JSP Nexaweb Studio eclipse plugins com.nexaweb.common templates ui empty.jsp empty.jsp <%@ page import="com.nexaweb.xml.*" contenttype="text/html;charset=utf8"%> 9
Nexaweb Studio 3.2 Nexaweb Tomcat 5.5 Eclipse 3.2.1 Eclipse [Window]->[Preferences] [Server]->[Install Runtimes] [Add] New Server Runtimes [Apache]->[Apache Tomcat v5.5] 10
Nexaweb Studio Tomcat JRE [Finish] Preferences OK Eclipse 11
Nexaweb Studio 3.2.2 Eclipse Servers Servers Eclipse [Window]->[Show View]->[Other] [Server]->[Servers] OK Servers Servers [New]->[Server] New Server [Apache]->[Tomcat v5.5 Server] [Finish] Servers 12
Nexaweb Studio Servers : : : : 13
Nexaweb 4 Nexaweb Nexaweb 4.1 Nexaweb Eclisep [File]->[New]->[Nexaweb Dynamic Web Application] [New] New [Nexaweb]->[Nexaweb Dynamic Web Application] Next Nexaweb Studio Dynamic Web Project Name NexawebTestApp Next Show Advanced >> 14
Nexaweb Platform Nexaweb Nexaweb Platform Directory Nexaweb Platform C: Program Files Nexaweb Nexaweb Platform 4.1 Finish Finish Finish Eclipse Nexaweb Application Overview 15
Nexaweb 4.2 Nexaweb Dynamic Web Application Nexaweb WTP Web Nexaweb MCOSource index.jsp index.nxml stylesheet.xss nexaweb-client.xml nexaweb-server.nxml nexaweb-webservices.xml WTP.deployables WebContent 4.3 Nexaweb.deployables Servers Add and Remove Projects Add and Remove Projects Available Projects Add > Configured Projects Configured Projects 16
Nexaweb Nexaweb http://localhost:8080/nexawebtestapp/ Nexaweb 17
Nexaweb 4.4 Nexaweb Visual Editor Nexaweb Studio Nexaweb Visual Editor Eclipse [Window]->[OpenPerspective]->[Nexaweb Visual Editor] Nexaweb Visual Editor Eclipse Nexaweb Visual Editor Nexaweb Studio Nexaweb 18
Nexaweb 4.4.1 Visual Editor Visual Editor NXML NXML Nexaweb Visual Editor Visual Editor 4.4.2 Palette Palette UI Components Containers Layout managers Nexaweb XUpdate Scalar Vector Graphics(SVG) Visual Editor (Nexaweb UI (.nxml,.xu) ) 19
Nexaweb 4.4.3 Layout Wizard Layout Wizard Layout Manager Visual Editor 4.4.4 Properties Properties Visual Editor 4.4.5 Outline Outline Outline NXML XML MCO,Macro Outline 20
Nexaweb 4.5 Nexaweb Client Nexaweb Client WEB-INF nexaweb-client.xml nexaweb-client.xml General Session Advance Source Source XML XML 21
Nexaweb 4.6 Nexaweb Server Nexaweb Server WEB-INF nexaweb-server.xml nexaweb-server.xml General Resource Pool Source Source XML XML 22
Nexaweb 4.7 WebContent index.nxml Visual Editor Palette Properties index.nxml Visual Editor Palette Properties Hello World index.nxml Source index.nxml <nxml> <rootpane> <borderlayout/> <panel borderposition="center"> <freelayout/> <label fontsize="14" fontstyle="plain" height="20" text="- Drop components onto the white area to create a web style application." width="538" x="20" y="10"/> <label fontsize="14" fontstyle="plain" height="20" text="- Use the layout wizard to control component positioning and resizing." width="538" x="20" y="40"/> <button width="100" height="25" text="button" x="37" y="82"/> <label width="100" height="20" text="hello World" x="92" y="141"/> <combobox width="100" height="25" text="combobox" x="44" y="185"> <listbox> <listitem text="listitem #1"/> <listitem text="listitem #2"/> <listitem text="listitem #3"/> </listbox> </combobox> </panel> </rootpane> </nxml> 23
Visual Editor Nexaweb (.nxml,.xu) Nexaweb Nexaweb 24