Search⌘ K
AI Features
Home
Courses
Software Architecture in Java: Design & Development

Develop the Mock User Interface

Explore how to develop a mock user interface for single table inheritance using JavaScript in JSP pages. Understand methods for loading data, generating table grids, and performing create, update, edit, view, and delete actions within a REST-integrated application.

We'll cover the following...

Let’s create the user interface shown in Figure 14-2.

JSP page

Let’s look at the JSP fragment that constitutes the body of the page.

HTML
<body onload="loadObjects()">
	<div id="container">
		<div>
			<p><b>Protocol Manager:</b></p>
		</div>
		<form method="post" id="protocolForm">
			<table>
				<tbody>
					<tr>
						<td>Choose Protocol</td>
						<td>
							<select name="protocolChooser" id="protocolChooser">
								<option value="">Select Protocol Type</option>
								<option value="tcp">TCP</option>
								<option value="snmp">SNMP</option>
							</select>
						</td>
					</tr>
					<tr>
						<td>Name:</td>
						<td>
						<input name="protocolid" id="protocolid" type="hidden">
						<input name="protocolname" id="protocolname" type="text">
						</td>
						<td><input type=submit value="Create" id="subButton" onclick="return methodCall()"></td>
					</tr>
				</tbody>
			</table>
		</form>
		<div id="protocolFormResponse"></div>
	</div>
</body>

loadObjects method

First, we will see the JavaScript method, which is called when the page is ...