演習課題「レビューログ:レビュー一覧画面を作成しよう」
ここでは、マンガや動画などの感想を書き込むレビューログを作っています。
右の環境には、「myreview」というディレクトリに、Servlet・JSPを使用したWebアプリケーションの雛形が用意してあります。
このうちのListServlet.javaとlist.jspを修正して、レビュー一覧画面を作成してください。一覧画面の表示には、「id」と「title」を表示します。
採点して、すべてのジャッジに正解すれば、演習課題クリアです!
#04:メモ一覧を表示する - JSP
ここでは、先ほどに続いて、メモ帳のサンプルデータを一覧表示するプログラムを作成します。今回は、メモ一覧を表示するJSPを作成してましょう。
(tomcat/webapps/WEB-INF/views/list.jsp)<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
<title>Java - paiza</title>
<style>body {padding: 30px;}</style>
</head>
<body>
<h1>メモ一覧</h1>
<% String message = (String)request.getAttribute("message");%>
<p><%= message %></p>
<%
ArrayList<HashMap<String,String>> rows = (ArrayList<HashMap<String,String>>)request.getAttribute("rows");
%>
<table>
<tr>
<th>ID</th>
<th>タイトル</th>
</tr>
<%
for (HashMap<String,String> columns : rows) {
%>
<tr>
<td><%= columns.get("id") %></td>
<td><a href='show?id=<%= columns.get("id") %>'><%= columns.get("title") %></a></td>
</tr>
<% } %>
</table>
<p></p>
<p><a href="new">新規メモ</a></p>
</body>
</html>
- Javaの道>Servlet・JSP
https://www.javaroad.jp/servletjsp/index.html
- Servletアプリ開発:目次 - Web系開発メモ
http://web-dev.hatenablog.com/entry/java/servlet/dev-restful-app/table-of-contents