Get started with Web Scripts

1. Creating a Web Application
with JavaScript + jQuery
(C) 2016 MintJams Inc.

2. Tools: 2
Content Repository 5.10.1
Content Management Tools Standard 5.1.3
Hello App 2.0

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. 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. 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. 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. 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
Demo

9. Content Repository
https://www.mintjams.jp/products/contentrepository.html
9

10. MintJams
https://www.mintjams.jp/
10