{"id":12035,"date":"2014-07-25T15:30:21","date_gmt":"2014-07-25T12:30:21","guid":{"rendered":"http:\/\/examples.javacodegeeks.com\/?p=12035"},"modified":"2014-07-25T15:20:01","modified_gmt":"2014-07-25T12:20:01","slug":"eclipse-jsp-editor-example","status":"publish","type":"post","link":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/eclipse-jsp-editor-example\/","title":{"rendered":"Eclipse JSP Editor Example"},"content":{"rendered":"

In this example, we will learn to use the JSP Editor available through the Web Tools Platform (WTP) within Eclipse.<\/p>\n

JavaServer Pages (JSP)<\/a> technology, (part of Java Enterprise Edition – JEE), provides a simplified way for rapid development of web-based applications that are server- and platform-independent. It helps Java<\/b> developers to create dynamically generated web pages based on HTML, XML, or other document types with embedded java code through scriplets.<\/p>\n

JSP contains the JSP Standard Tag Library<\/a> (JSTL), which is a collection of tag libraries that implement general-purpose functionality common to many Web applications.<\/p>\n

The JSP editor provides a number of compelling features to ease JSP Development within eclipse. <\/p>\n

Validate the editor availability<\/h2>\n

The first step is to validate whether the JSP editor is available for your Eclipse Installation. If you have already installed Eclipse IDE for Java EE Developers, you may skip the section below.<\/p>\n

Go to Menu –> Window –> Preferences.<\/p>\n

Browse to Web –> JSP Files –> Editor<\/p>\n

\"JSP<\/a>
JSP Editor availability<\/figcaption><\/figure><\/p>\n

In case, you do not find Web under Preferences, you may need to go back and install the Web Tools Platform (WTP) in your eclipse. The WTP is available by default for Eclipse 4.3 JEE and above. For versions prior to 4.3, please follow the New Software Installation instructions here<\/a><\/p>\n

The update site repository links for webtools for specific eclipse releases can be found here<\/a><\/p>\n

Features of the JSP Editor<\/h2>\n

The JSP Editor provides some great features to ease JSP development like searching, templating, encoding, code\/content assists, syntax coloring, code typing and validations. <\/p>\n

    \n
  1. General Options for JSP<\/li>\n

    As seen below, the first option specifies default file extensions while you create a new JSP file. There is also an option to select the default encoding and whether (or not) to include JSP files for text searches.<\/p>\n

    \"JSP<\/a>
    JSP Editor – Basic Options<\/figcaption><\/figure><\/p>\n
  2. Content Assist<\/li>\n

    Here, one can customize the content assist in the JSP editor. The options include enabling and prioritizing proposal categories on shortcuts for code auto-complete using (Ctrl + space) command. As screen below, we have changed the priority of JSP Template proposals to the first one before HTML templates. <\/p>\n

    \"JSP<\/a>
    JSP Editor – Content Assist<\/figcaption><\/figure>
    <\/div> <\/div><\/p>\n
  3. Syntax coloring<\/li>\n

    In this option, one can edit the color of the code in the editor.<\/p>\n

    \"JSP<\/a>
    JSP Editor – Syntax Color<\/figcaption><\/figure><\/p>\n
  4. Create \/ Edit JSP Templates<\/li>\n

    In this option, one can edit existing templates or create new ones. <\/p>\n

    \"JSP<\/a>
    JSP Editor – Templates<\/figcaption><\/figure><\/p>\n

    For this example, we will create a new template named “New JSP with JSTL” and have the template include the core JSTL library with the appropriate taglib prefix.<\/p>\n

    \"JSP<\/a>
    JSP Editor – Create new template<\/figcaption><\/figure><\/p>\n
  5. Typing and Validation<\/li>\n

    Finally, as part of the JSP Editor, one can set-up any of the code typing properties and classify incorrect code to be alerted as Error OR Warning in the editor.<\/p>\n

    \"JSP<\/a>
    JSP Editor – Validation<\/figcaption><\/figure>\n<\/ol>\n

    JSP Editor in Action<\/h2>\n

    After reviewing the editor features and configuration, let us know see the JSP editor in action.<\/p>\n

    Create a new “Dynamic Web Project”. <\/p>\n

    Go to Menu –> New –> Dynamic Web Project.
    \nPlease select the appropriate webapp archetype in case you are creating a new Maven project.<\/i><\/p>\n

    Once the web project is created, we can now create a new JSP file. Right click on the project context, and click New.
    \nSelect JSP file and provide a name to the JSP File. Click Next<\/b>.<\/p>\n

    \"New<\/a>
    New JSP File<\/figcaption><\/figure><\/p>\n

    Select the new JSP Template – “New JSP with JSTL” as created in step 4 above.<\/p>\n

    \"New<\/a>
    New JSP File using Template<\/figcaption><\/figure><\/p>\n

    Notice the include for the JSTL Core in the new created JSP as per our template created in Step 4 above.<\/i><\/b>
    \nYou can now press Ctrl + Space (and type jsp) to view the available source options for the Editor.<\/p>\n

    \"JSP<\/a>
    JSP Editor – code assist in the editor<\/figcaption><\/figure><\/p>\n

    Let us know, use the content assist in the editor and create the following:<\/p>\n