Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Creating a Web Application with JavaScript + jQuery

638 views

Published on

Get started with Web Scripts

Published in: Technology

Creating a Web Application with JavaScript + jQuery

  1. 1. Creating a Web Application with JavaScript + jQuery (C) 2016 MintJams Inc.
  2. 2. Tools: 2 Content Repository 5.10.1 Content Management Tools Standard 5.1.3 Hello App 2.0
  3. 3. Installing: 3 Content Repository 5.10.1: Download a distribution of MintJams Content Repository 5 from link below. http://downloads.sourceforge.net/project/morpho/cr5/cr5-5.10.1-tomcat-nojre-appincluded.zip UNZIP into a directory of your choice. DO NOT unzip onto the Desktop (because its path is hard to locate). Take note of your installed directory. Hereafter, I shall refer to the installed directory as <TOMCAT_HOME>. Launch a shell. Set the current directory to "<TOMCAT_HOME>/bin", and run "startup.sh".
  4. 4. Installing: 4 Content Management Tools Standard 5.1.3: Download and install the Content Management Tools Standard using the following Eclipse Update Site: Open Help -> Install New Software... . Enter "http://www.mintjams.co.jp/releases/kepler/" in the text box labeled "Work with" at the top of the dialog. Select “MintJams Content Management Tools Standard” from the list below. Click "Next". Eclipse guides you through the remaining installation steps.
  5. 5. Installing: 5 Hello App 2.0: Download a Hello example application from link below. http://downloads.sourceforge.net/project/morpho/examples/helloapp_2.0.zip
  6. 6. Code: index.html 6 jQuery: <!-- jQuery JS --> <script runat="both" src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256- BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> • The jQuery script runs on both client and server.
  7. 7. Code: index.html 7 App: <!-- Server side JS --> <script runat="server"> var hello = WebAPI.getParameter('hello').defaultString(); if (hello) { hello = 'Hello, ' + hello; } else { hello = 'Enter a text'; } $('#message').text(hello); </script> • The script runs only on the server. Gets the HTTP parameter Sets the message using jQuery
  8. 8. 8 Demo
  9. 9. Content Repository https://www.mintjams.jp/products/contentrepository.html 9
  10. 10. MintJams https://www.mintjams.jp/ 10

×