演習課題「特定のジョブの詳細画面を作る」
右の環境には、Servle+JSPでMySQLからjobsテーブルの特定ジョブの情報を表示するプログラムが作成してあります。このプログラムは、「/jobs?id=x」というアドレスで、指定のカラムを取り出します。
jobProfile.jspを修正して、箇条書き(ulタグ、liタグ)で表示してください。
- id
- jobName
- vitality
- strength
なお、このプログラムは、以下のアドレスでアクセスできます。
- /joblist
- /jobprofile?id=1
採点して、すべてのジャッジに正解すれば、演習課題クリアです！
＃12:具体例：特定のプレイヤーの詳細画面を作る
ここでは、先ほどに引き続き、ServletとJSP・データベースを使って、簡単なWebアプリケーションを作ります。今回は、特定のプレイヤーの詳細情報を表示する画面を作りましょう。
(tomcat/webapps/mydatabase/PlayerListServlet.java)// RPG Playerリスト
// Servlet-JSP間をArryaListで渡す
import java.io.*;
import java.util.*;
import javax.servlet.*;
import javax.servlet.http.*;
import java.sql.*;
public class PlayerListServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response) throws IOException, ServletException {
request.setAttribute("message", "Playerリスト");
String url = "jdbc:mysql://localhost/mydb";
String user = "root";
String password = "";
try {
Class.forName("com.mysql.jdbc.Driver");
} catch (Exception e) {
e.printStackTrace();
}
try (Connection connection = DriverManager.getConnection(url, user, password);
PreparedStatement statment = connection.prepareStatement("SELECT * FROM players LEFT JOIN jobs ON jobs.id = players.jobId");
ResultSet results = statment.executeQuery()) {
ArrayList<HashMap<String, String>> rows = new ArrayList<HashMap<String, String>>();
while (results.next()) {
HashMap<String, String> columns = new HashMap<String, String>();
String id = results.getString("id");
columns.put("id", id);
String name = results.getString("name");
columns.put("name", name);
String level = results.getString("level");
columns.put("level", level);
String jobId = results.getString("jobId");
columns.put("jobId", jobId);
String jobName = results.getString("jobName");
columns.put("jobName", jobName);
rows.add(columns);
}
request.setAttribute("rows", rows);
} catch (Exception e) {
request.setAttribute("message", "Exception:" + e.getMessage());
}
String view = "/WEB-INF/views/index.jsp";
RequestDispatcher dispatcher = request.getRequestDispatcher(view);
dispatcher.forward(request, response);
}
}
(tomcat/webapps/mydatabase/WEB-INF/views/playerList.jsp)<!-- ServletからArryaListでデータ渡し -->
<%@ 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><%= request.getAttribute("message") %></h1>
<%
ArrayList<HashMap<String,String>> rows = (ArrayList<HashMap<String,String>>)request.getAttribute("rows");
%>
<table>
<%
for (HashMap<String,String> columns : rows) {
%>
<tr>
<td><%= columns.get("id") %></td>
<td><%= columns.get("name") %></td>
<td><%= columns.get("level") %></td>
<td><%= columns.get("jobName") %></td>
<td><a href='playerprofile?id=<%= columns.get("id") %>'>表示</a></td>
</tr>
<% } %>
</table>
</body>
</html>
(tomcat/webapps/mydatabase/PlayerProfileServlet.java)// RPG Playerリスト
// Servlet-JSP間をArryaListで渡す
import java.io.*;
import java.util.*;
import javax.servlet.*;
import javax.servlet.http.*;
import java.sql.*;
public class PlayerProfileServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws IOException, ServletException {
int playerId = Integer.parseInt(request.getParameter("id"));
request.setAttribute("message", "Hello player " + playerId);
String url = "jdbc:mysql://localhost/mydb";
String user = "root";
String password = "";
try {
Class.forName("com.mysql.jdbc.Driver");
} catch (Exception e) {
e.printStackTrace();
}
try (Connection connection = DriverManager.getConnection(url, user, password);
PreparedStatement statment = connection.prepareStatement("SELECT * FROM players LEFT JOIN jobs ON jobs.id = players.jobId WHERE players.id = ?")) {
statment.setInt(1, playerId);
ResultSet results = statment.executeQuery();
while (results.next()) {
String id = results.getString("id");
request.setAttribute("id", id);
String name = results.getString("name");
request.setAttribute("name", name);
String level = results.getString("level");
request.setAttribute("level", level);
String jobId = results.getString("jobId");
request.setAttribute("jobId", jobId);
String jobName = results.getString("jobName");
request.setAttribute("jobName", jobName);
}
} catch (Exception e) {
request.setAttribute("message", "Exception:" + e.getMessage());
}
String view = "/WEB-INF/views/playerProfile.jsp";
RequestDispatcher dispatcher = request.getRequestDispatcher(view);
dispatcher.forward(request, response);
}
}
(tomcat/webapps/mydatabase/WEB-INF/views/playerProfile.jsp)<!-- ServletからArryaListでデータ渡し -->
<%@ 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><%= request.getAttribute("message") %></h1>
<p>名前:<%= request.getAttribute("name") %></p>
<p>職業:<%= request.getAttribute("jobName") %></p>
<p>レベル:<%= request.getAttribute("level") %></p>
<p></p>
<p><a href="playerlist">戻る</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
- JSP(formデータ)とJava Servletプログラムの連携 - はしくれエンジニアもどきのメモ
http://cartman0.hatenablog.com/entry/2015/12/08/181657
- データベース接続 - サーブレット入門
https://www.javadrive.jp/servlet/database/
- ServletファイルからJDBCによるMySQL接続 - Qiita
https://qiita.com/Guijun-Thurston/items/f3ef0a6164041793a4b3