hello.jsp
＜%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> ＜!DOCTYPE html> ＜html> ＜head> ＜meta charset="UTF-8"> ＜title>Hello 10 times＜/title> ＜/head> ＜body> ＜%-- カウンタ --%> ＜%!int count = 0;%> ＜% count++; %> カウンタ：＜%=count%> ＜br> ＜%-- Helloを10回表示 --%> ＜% for (int i = 1; i ＜= 10; i++) { %> ＜%=i%>回目：Hello ＜br> ＜% } %> ＜/body> ＜/html>
menu.jsp
＜%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> ＜!DOCTYPE html> ＜html> ＜head> ＜meta charset="UTF-8"> ＜title>会員専用ページメニュー＜/title> ＜/head> ＜body> ＜%@ include file="header.jsp"%> ＜h2>メニュー＜/h2> ＜a href="member-page_1.jsp">会員専用ページ1へ＜/a>＜br> ＜a href="member-page_2.jsp">会員専用ページ2へ＜/a>＜br> ＜/body> ＜/html>
header.jsp
＜%@ page pageEncoding="UTF-8"%> 【こちらは会員専用ページです】
member-page_1.jsp
＜%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> ＜!DOCTYPE html> ＜html> ＜head> ＜meta charset="UTF-8"> ＜title>会員専用ページ1＜/title> ＜/head> ＜body> ＜%@ include file="header.jsp"%> ＜h2>会員専用ページ1＜/h2> ＜a href="member-page_2.jsp">会員専用ページ2へ＜/a> ＜/body> ＜/html>
member-page_2.jsp
＜%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> ＜!DOCTYPE html> ＜html> ＜head> ＜meta charset="UTF-8"> ＜title>会員専用ページ1＜/title> ＜/head> ＜body> ＜%@ include file="header.jsp"%> ＜h2>会員専用ページ2＜/h2> ＜a href="member-page_1.jsp">会員専用ページ1へ＜/a> ＜/body> ＜/html>
accept.jsp
＜%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> ＜!DOCTYPE html> ＜html> ＜head> ＜meta charset="UTF-8"> ＜title>依頼受付完了＜/title> ＜/head> ＜body> ＜% request.setCharacterEncoding("UTF-8"); %> 依頼を受け付けました＜br> 名前：＜%=request.getParameter("name")%>＜br> 連絡方法：＜%=request.getParameter("contact")%>＜br> 依頼内容： ＜% String[] strAry = request.getParameterValues("apply"); for (String str : strAry) { %> ＜%=str %> ＜% } %> ＜/body> ＜/html>
enter.html
＜%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> ＜!DOCTYPE html> ＜html> ＜head> ＜meta charset="UTF-8"> ＜title>会員専用ページ＜/title> ＜/head> ＜body> ＜form action="menu.jsp" method="POST"> ユーザ名：＜input type="text" name="name">＜br> ＜input type="submit" value="会員専用ページへ">＜input type="reset" value="取消"> ＜/form> ＜/body> ＜/html>
exit.jsp
＜%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> ＜!DOCTYPE html> ＜html> ＜head> ＜meta charset="UTF-8"> ＜title>会員専用ページ退出＜/title> ＜/head> ＜body> ＜% session.invalidate(); %> 会員専用ページを退出しました。＜br> ＜a href="enter.html">最初のページに戻る＜/a> ＜/body> ＜/html>
member-page_1.jsp
＜%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> ＜!DOCTYPE html> ＜html> ＜head> ＜meta charset="UTF-8"> ＜title>会員専用ページ1＜/title> ＜/head> ＜body> ＜%=session.getAttribute("name")%>さん＜br> こちらは会員専用ページ1です。＜br> ＜a href="member-page_2.jsp">会員専用ページ2へ＜/a> ＜form action="exit.jsp" method="post"> ＜input type="submit" value="会員専用ページを退出する"> ＜/form> ＜/body> ＜/html>
member-page_2.jsp
＜%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> ＜!DOCTYPE html> ＜html> ＜head> ＜meta charset="UTF-8"> ＜title>会員専用ページ2＜/title> ＜/head> ＜body> ＜%=session.getAttribute("name")%>さん＜br> こちらは会員専用ページ2です。＜br> ＜a href="member-page_1.jsp">会員専用ページ1へ＜/a> ＜form action="exit.jsp" method="post"> ＜input type="submit" value="会員専用ページを退出する"> ＜/form> ＜/body> ＜/html>
menu.jsp
＜%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> ＜!DOCTYPE html> ＜html> ＜head> ＜meta charset="UTF-8"> ＜title>会員専用ページメニュー＜/title> ＜/head> ＜body> ＜% request.setCharacterEncoding("UTF-8"); String name = request.getParameter("name"); session.setAttribute("name", name); %> ようこそ、＜%=name%>さん ＜br> ＜a href="member-page_1.jsp">会員専用ページ1へ＜/a>＜br> ＜a href="member-page_2.jsp">会員専用ページ2へ＜/a>＜br> ＜/body> ＜/html>
employee-name-list.jsp
＜%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" import="java.util.List" %> ＜!DOCTYPE html> ＜html> ＜head> ＜meta charset="UTF-8"> ＜title>従業員名 一覧＜/title> ＜/head> ＜body> ＜% List＜String> nameList = (List) request.getAttribute("nameList"); for(String name : nameList){ %> ＜%=name %>＜br> ＜%} %> ＜/body> ＜/html>
menu.html
＜!DOCTYPE html> ＜html> ＜head> ＜meta charset="UTF-8"> ＜title>メニュー＜/title> ＜/head> ＜body> ＜form action="employee-name-list-servlet" method="POST"> ＜input type="submit" value="従業員名の一覧を表示"> ＜/form> ＜/body> ＜/html>
contents.jsp ＜%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" errorPage="error_page.jsp" import="java.util.List, java.util.ArrayList" %> ＜!DOCTYPE html> ＜html> ＜head> ＜meta charset="UTF-8"> ＜title>JSPタグ＜/title> ＜/head> ＜body> ＜h3>JSP＜/h3> ＜% List＜String> list = new ArrayList＜String>(); list.add("JSP基本タグ"); list.add("ディレクティブタグ"); list.add("アクションタグ"); %> ＜% for (int i = 0; i ＜= list.size(); i++) { %> ＜%=list.get(i) %>＜br> ＜% } %> ＜/body> ＜/html>
error_page.jsp ＜%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isErrorPage="true"%> ＜!DOCTYPE html> ＜html> ＜head> ＜meta charset="UTF-8"> ＜title>エラーページ＜/title> ＜/head> ＜body> JSPによるページ書き出し中に例外が発生しました。＜br> エラーメッセージ：＜%=exception.getMessage()%> ＜/body> ＜/html>
employee-alter-confirm.jsp ＜%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%＞ ＜%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%＞ ＜!DOCTYPE html> ＜html> ＜head> ＜meta charset="UTF-8"> ＜title>従業員情報-変更確認＜/title> ＜/head> ＜body> ＜% request.setCharacterEncoding("UTF-8"); %> 従業員情報を以下の内容に変更します。よろしいですか？＜br> ＜c:set target="${employee}" property="name" value="${param.name}" /> ＜c:set target="${employee}" property="age" value="${param.age}"/> ＜c:set target="${employee}" property="section" value="${param.section}"/> コード：${employee.code}＜br> 氏名：${employee.name}＜br> 年齢：${employee.age}＜br> 部署：${employee.section}＜br> ＜form action="employee-alter-servlet" method="POST"> ＜input type="submit" value="変更する"> ＜/form> ＜form action="employee-alter-form-servlet" method="POST"> ＜input type="submit" value="変更フォームに戻る"> ＜/form> ＜/body> ＜/html>
employee-alter-form.jsp ＜%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> ＜!DOCTYPE html> ＜html> ＜head> ＜meta charset="UTF-8"> ＜title>従業員情報-変更入力フォーム＜/title> ＜/head> ＜body> ＜form action="employee-alter-confirm-servlet" method="post"> コード：${employee.code}＜br> 氏名：＜input type="text" name="name" value="${employee.name}">＜br> 年齢：＜input type="text" name="age" value="${employee.age}">＜br> 部署：＜input type="text" name="section" value="${employee.section}">＜br> ＜input type="submit" value="変更する"> ＜/form> ＜form action="employee-detail-servlet" method="POST"> ＜input type="hidden" name="code" value="${employee.code}"> ＜input type="submit" value="詳細表示画面に戻る"> ＜/form> ＜/body> ＜/html>
employee-alter-result.jsp ＜%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> ＜%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> ＜!DOCTYPE html> ＜html> ＜head> ＜meta charset="UTF-8"> ＜title>従業員情報-変更登録結果＜/title> ＜/head> ＜body> ＜c:choose> ＜c:when test="${processingNumber > 0}"> 次のデータを変更登録しました。＜br> ＜/c:when> ＜c:otherwise> 次のデータを変更登録できませんでした。＜br> ＜/c:otherwise> ＜/c:choose> コード：${employee.code}＜br> 氏名：${employee.name}＜br> 年齢：${employee.age}＜br> 部署：${employee.section}＜br> ＜form action="menu.html" method="POST"> ＜input type="submit" value="メニュー画面に戻る"> ＜/form> ＜% session.invalidate(); %> ＜/body> ＜/html>
employee-detail.jsp ＜%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> ＜!DOCTYPE html> ＜html> ＜head> ＜meta charset="UTF-8"> ＜title>従業員情報-詳細＜/title> ＜/head> ＜body> コード：${employee.code}＜br> 氏名：${employee.name}＜br> 年齢：${employee.age}＜br> 部署：${employee.section}＜br> ＜form action="employee-alter-form-servlet" method="POST"> ＜input type="submit" value="変更する"> ＜/form> ＜form action="employee-list-servlet" method="POST"> ＜input type="submit" value="一覧表示"> ＜/form> ＜/body> ＜/html>
employee-list.jsp ＜%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> ＜%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> ＜!DOCTYPE html> ＜html> ＜head> ＜meta charset="UTF-8"> ＜title>従業員情報-一覧＜/title> ＜/head> ＜body> ＜table> ＜tr> ＜th>コード＜/th> ＜th>氏名＜/th> ＜th>＜/th> ＜/tr> ＜c:forEach var="employee" items="${employeeList}"> ＜tr> ＜td>${employee.code}＜/td> ＜td>${employee.name}＜/td> ＜td> ＜form action="employee-detail-servlet" method="POST"> ＜input type="hidden" name="code" value="${employee.code}"> ＜input type="submit" value="詳細表示"> ＜/form> ＜/td> ＜/tr> ＜/c:forEach> ＜/table> ＜/body> ＜/html>
web.xml ＜?xml version="1.0" encoding="UTF-8"?> ＜web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1"> ＜display-name>WebApp_jsp_UseBean_withELandJSTL＜/display-name> ＜welcome-file-list> ＜welcome-file>index.html＜/welcome-file> ＜welcome-file>index.htm＜/welcome-file> ＜welcome-file>index.jsp＜/welcome-file> ＜welcome-file>default.html＜/welcome-file> ＜welcome-file>default.htm＜/welcome-file> ＜welcome-file>default.jsp＜/welcome-file> ＜/welcome-file-list> ＜/web-app>