Skip to content

Commit a58ac02

Browse files
mearvkmearvk
committed
Science Commit 5.
1 parent 2c8fa97 commit a58ac02

8 files changed

Lines changed: 788 additions & 3 deletions

File tree

‎modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/WEB-INF/web.xml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<display-name>Brarner.M.Alete</display-name>
88

99
<welcome-file-list>
10-
<welcome-file>index.xhtml</welcome-file>
10+
<welcome-file>index.jsp</welcome-file>
1111
</welcome-file-list>
1212

1313
<servlet>

‎modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/art.jsp‎

Lines changed: 108 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
2+
<%@ page import="java.sql.*" %>
3+
<!DOCTYPE html>
4+
<html lang="en">
5+
<head>
6+
<meta charset="UTF-8"/>
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
8+
<link rel="icon" type="image/png" href="images/favicon.png"/>
9+
<title>Art — Brarner.M.Alete™</title>
10+
<link rel="stylesheet" href="css/style.css"/>
11+
</head>
12+
<body>
13+
<nav class="nav"><div class="nav-inner">
14+
<a href="index.jsp" class="nav-brand"><img src="images/mearvk.ltd.logo.left.png" alt="" style="height:40px;vertical-align:middle;margin-right:8px;background:transparent;"/>Brarner.M.Alete™<img src="images/mearvk.ltd.logo.right.png" alt="" style="height:40px;vertical-align:middle;margin-left:8px;background:transparent;"/></a>
15+
<ul class="nav-links">
16+
<li><a href="index.jsp">Overview</a></li>
17+
<li><a href="species.jsp">Species</a></li>
18+
<li><a href="postal.jsp">Postal</a></li>
19+
<li><a href="art.jsp" class="active">Art</a></li>
20+
<li><a href="science.jsp">Science</a></li>
21+
<li><a href="status.jsp">Status</a></li>
22+
</ul>
23+
<div class="nav-actions"><a href="admin/login.xhtml" class="nav-cta">Admin →</a></div>
24+
</div></nav>
25+
26+
<section class="hero" style="padding:4rem 2rem;">
27+
<div class="hero-inner">
28+
<span class="hero-tag">Museum Collections</span>
29+
<h1>Art Database</h1>
30+
<p>Art museum collections indexer covering 22 major institutions with species-linked natural art references.</p>
31+
</div>
32+
</section>
33+
34+
<section class="section">
35+
<div class="section-inner">
36+
<%
37+
Connection conn = null;
38+
try {
39+
Class.forName("com.mysql.cj.jdbc.Driver");
40+
conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/BrarnerScience", "root", "");
41+
42+
String museum = request.getParameter("museum");
43+
if (museum != null && !museum.isEmpty()) {
44+
PreparedStatement ps = conn.prepareStatement(
45+
"SELECT title, artist, year_created, medium FROM art_works WHERE museum_name=? ORDER BY title LIMIT 200");
46+
ps.setString(1, museum);
47+
ResultSet rs = ps.executeQuery();
48+
%>
49+
<h3>Works at <%= museum %></h3>
50+
<p><a href="art.jsp">← Back to museums</a></p>
51+
<div class="table-wrap">
52+
<table>
53+
<thead><tr><th>Title</th><th>Artist</th><th>Year</th><th>Medium</th></tr></thead>
54+
<tbody>
55+
<%
56+
boolean hasRows = false;
57+
while (rs.next()) { hasRows = true; %>
58+
<tr>
59+
<td><%= rs.getString("title") != null ? rs.getString("title") : "" %></td>
60+
<td><%= rs.getString("artist") != null ? rs.getString("artist") : "" %></td>
61+
<td><%= rs.getString("year_created") != null ? rs.getString("year_created") : "" %></td>
62+
<td><%= rs.getString("medium") != null ? rs.getString("medium") : "" %></td>
63+
</tr>
64+
<% }
65+
if (!hasRows) { %>
66+
<tr><td colspan="4">No works found.</td></tr>
67+
<% } rs.close(); ps.close();
68+
%>
69+
</tbody>
70+
</table>
71+
</div>
72+
<%
73+
} else {
74+
PreparedStatement ps = conn.prepareStatement(
75+
"SELECT museum_name, COUNT(*) AS works FROM art_works WHERE museum_name IS NOT NULL GROUP BY museum_name ORDER BY museum_name");
76+
ResultSet rs = ps.executeQuery();
77+
%>
78+
<h3>Museums</h3>
79+
<div class="table-wrap">
80+
<table>
81+
<thead><tr><th>Museum</th><th>Works</th></tr></thead>
82+
<tbody>
83+
<%
84+
boolean hasRows = false;
85+
while (rs.next()) { hasRows = true; String m = rs.getString("museum_name"); %>
86+
<tr><td><a href="art.jsp?museum=<%= java.net.URLEncoder.encode(m, "UTF-8") %>"><%= m %></a></td><td><%= rs.getInt("works") %></td></tr>
87+
<% }
88+
if (!hasRows) { %>
89+
<tr><td colspan="2">No art data available.</td></tr>
90+
<% } rs.close(); ps.close();
91+
%>
92+
</tbody>
93+
</table>
94+
</div>
95+
<%
96+
}
97+
} catch (Exception e) { %>
98+
<p style="color:#ef4444;">Database error: <%= e.getMessage() != null ? e.getMessage().replace("<","&lt;") : "unknown" %></p>
99+
<% } finally { if (conn != null) try { conn.close(); } catch (Exception ignored) {} }
100+
%>
101+
</div>
102+
</section>
103+
104+
<footer class="footer"><div class="footer-bottom" style="border:none;padding:0;">
105+
<span>&#169; 2026 MEARVK LLC. All rights reserved.</span>
106+
</div></footer>
107+
</body>
108+
</html>

‎modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/dig.tik‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -58,6 +58,40 @@ Orientation:
5858
- Tables full-width within container
5959
- Buttons right-aligned in nav, centered in hero
6060

61+
Preferred Approach: JSP (Server-Side Rendering)
62+
================================================
63+
*** As of 2026-06-28, all pages use .jsp instead of .xhtml. ***
64+
*** Database lookups happen server-side via JDBC scriptlets. ***
65+
*** NO JavaScript fetch() calls for data. DB calls are crisp. ***
66+
67+
Why:
68+
- External JS files (js/*.js) were NOT served by the servlet container
69+
- JavaScript fetch → /api/species returned undefined or failed silently
70+
- JSP scriptlets execute on the server — data is rendered into HTML before
71+
the page ever reaches the browser
72+
- Null values handled at render time: rs.getString("x") != null ? val : ""
73+
- No "undefined" can ever appear — the HTML is fully formed on delivery
74+
75+
Pages:
76+
index.jsp — Static overview, roadmap, module components table
77+
species.jsp — Queries animalia/species tables; drill-down via ?kingdom=&class=&order=&family=
78+
postal.jsp — Queries postal table; browse by ?state=
79+
art.jsp — Queries art_works table; browse by ?museum=
80+
science.jsp — Queries publications table; browse by ?source=
81+
status.jsp — Live DB connectivity check, JVM info, servlet container info
82+
83+
DB Connection (all pages):
84+
Class.forName("com.mysql.cj.jdbc.Driver");
85+
conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/BrarnerScience", "root", "");
86+
87+
Navigation: Plain <a href="page.jsp?param=value"> links. No AJAX. No dynamic DOM.
88+
Error display: Inline red <p> with e.getMessage() if DB fails.
89+
CD1 pop-up: Kept on species.jsp only. Minimal inline JS for show/hide toggle.
90+
welcome-file: index.jsp (configured in WEB-INF/web.xml)
91+
92+
The .xhtml files remain in the webapp directory for reference but are no longer
93+
the active deployment. All nav links point to .jsp equivalents.
94+
6195
Interaction:
6296
- All transitions 0.2s ease (links, buttons, borders)
6397
- Hover on links: secondary → accent color

‎modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/index.jsp‎

Lines changed: 77 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,80 @@
1-
<html>
1+
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
2+
<!DOCTYPE html>
3+
<html lang="en">
4+
<head>
5+
<meta charset="UTF-8"/>
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
7+
<link rel="icon" type="image/png" href="images/favicon.png"/>
8+
<title>Brarner.M.Alete™ — Presidential Species/Postal/SSA/Art/Science Module</title>
9+
<link rel="stylesheet" href="css/style.css"/>
10+
</head>
211
<body>
3-
<h2>Hello World!</h2>
12+
<nav class="nav"><div class="nav-inner">
13+
<a href="index.jsp" class="nav-brand"><img src="images/mearvk.ltd.logo.left.png" alt="" style="height:40px;vertical-align:middle;margin-right:8px;background:transparent;"/>Brarner.M.Alete™<img src="images/mearvk.ltd.logo.right.png" alt="" style="height:40px;vertical-align:middle;margin-left:8px;background:transparent;"/></a>
14+
<ul class="nav-links">
15+
<li><a href="index.jsp" class="active">Overview</a></li>
16+
<li><a href="species.jsp">Species</a></li>
17+
<li><a href="postal.jsp">Postal</a></li>
18+
<li><a href="art.jsp">Art</a></li>
19+
<li><a href="science.jsp">Science</a></li>
20+
<li><a href="status.jsp">Status</a></li>
21+
</ul>
22+
<div class="nav-actions">
23+
<a href="register.jsp" class="nav-cta">Register</a>
24+
<a href="admin/login.xhtml" class="nav-cta">Admin →</a>
25+
</div>
26+
</div></nav>
27+
28+
<section class="hero">
29+
<div class="hero-inner">
30+
<span class="hero-tag">NC Socialist-College Block</span>
31+
<h1>Brarner.M.Alete™</h1>
32+
<p>Presidential species, postal, SSA, art and science module. Maven multi-module architecture with servlets, EJB, and EAR packaging — maintained by MEARVK LLC.</p>
33+
<div class="hero-actions">
34+
<a href="https://github.com/mearvk/Java.Web.Server.Telnet.Front.Java.21/releases/latest" class="btn btn-primary">Download Now</a>
35+
<a href="#roadmap" class="btn btn-ghost">View Roadmap →</a>
36+
</div>
37+
</div>
38+
</section>
39+
40+
<section class="section" id="roadmap">
41+
<div class="section-inner">
42+
<h2>Roadmap</h2>
43+
<p>Module release schedule and versioning. All releases LTS.</p>
44+
<div class="table-wrap">
45+
<table>
46+
<thead><tr><th>Release</th><th>GA Date</th><th>Tag</th><th>Min JDK</th><th>LTS</th></tr></thead>
47+
<tbody>
48+
<tr><td><code>US.Congress.Edition</code></td><td>Jun 2026</td><td>Mearvk-US.Congress.Edition</td><td><code>21</code></td><td>yes</td></tr>
49+
<tr><td><code>v9.9.1</code></td><td>May 2026</td><td>v9.9.1</td><td><code>21</code></td><td>yes</td></tr>
50+
<tr><td><code>Mearvk-3.0</code></td><td>May 2026</td><td>Mearvk-3.0</td><td><code>21</code></td><td>yes</td></tr>
51+
<tr><td><code>Mearvk-2.0</code></td><td>May 2026</td><td>Mearvk-2.0</td><td><code>21</code></td><td>yes</td></tr>
52+
</tbody>
53+
</table>
54+
</div>
55+
</div>
56+
</section>
57+
58+
<section class="section">
59+
<div class="section-inner">
60+
<h2>Module Components</h2>
61+
<div class="table-wrap">
62+
<table>
63+
<thead><tr><th>Component</th><th>Description</th><th>Link</th></tr></thead>
64+
<tbody>
65+
<tr><td>Species</td><td>Biological classification — animalia, plantae, fungi, protista</td><td><a href="species.jsp">Browse →</a></td></tr>
66+
<tr><td>Postal</td><td>US Postal code lookup and validation for all 50 states</td><td><a href="postal.jsp">Browse →</a></td></tr>
67+
<tr><td>Art</td><td>Art museum collections indexer — 22 institutions</td><td><a href="art.jsp">Browse →</a></td></tr>
68+
<tr><td>Science</td><td>Scientific publication indexer with DOI resolution</td><td><a href="science.jsp">Browse →</a></td></tr>
69+
<tr><td>Status</td><td>Real-time module health monitoring</td><td><a href="status.jsp">View →</a></td></tr>
70+
</tbody>
71+
</table>
72+
</div>
73+
</div>
74+
</section>
75+
76+
<footer class="footer"><div class="footer-bottom">
77+
<span>&#169; 2026 MEARVK LLC. All rights reserved.</span>
78+
</div></footer>
479
</body>
580
</html>

‎modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/postal.jsp‎

Lines changed: 120 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
2+
<%@ page import="java.sql.*" %>
3+
<!DOCTYPE html>
4+
<html lang="en">
5+
<head>
6+
<meta charset="UTF-8"/>
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
8+
<link rel="icon" type="image/png" href="images/favicon.png"/>
9+
<title>Postal — Brarner.M.Alete™</title>
10+
<link rel="stylesheet" href="css/style.css"/>
11+
</head>
12+
<body>
13+
<nav class="nav"><div class="nav-inner">
14+
<a href="index.jsp" class="nav-brand"><img src="images/mearvk.ltd.logo.left.png" alt="" style="height:40px;vertical-align:middle;margin-right:8px;background:transparent;"/>Brarner.M.Alete™<img src="images/mearvk.ltd.logo.right.png" alt="" style="height:40px;vertical-align:middle;margin-left:8px;background:transparent;"/></a>
15+
<ul class="nav-links">
16+
<li><a href="index.jsp">Overview</a></li>
17+
<li><a href="species.jsp">Species</a></li>
18+
<li><a href="postal.jsp" class="active">Postal</a></li>
19+
<li><a href="art.jsp">Art</a></li>
20+
<li><a href="science.jsp">Science</a></li>
21+
<li><a href="status.jsp">Status</a></li>
22+
</ul>
23+
<div class="nav-actions"><a href="admin/login.xhtml" class="nav-cta">Admin →</a></div>
24+
</div></nav>
25+
26+
<section class="hero" style="padding:4rem 2rem;">
27+
<div class="hero-inner">
28+
<span class="hero-tag">Address Standardization</span>
29+
<h1>Postal Database</h1>
30+
<p>US Postal code lookup and validation for all 50 states and territories.</p>
31+
</div>
32+
</section>
33+
34+
<section class="section">
35+
<div class="section-inner">
36+
<%
37+
String stateFilter = request.getParameter("state");
38+
Connection conn = null;
39+
try {
40+
Class.forName("com.mysql.cj.jdbc.Driver");
41+
conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/BrarnerScience", "root", "");
42+
43+
if (stateFilter != null && !stateFilter.isEmpty()) {
44+
PreparedStatement ps = conn.prepareStatement(
45+
"SELECT zip_code, city, state, county FROM postal WHERE state=? ORDER BY zip_code LIMIT 200");
46+
ps.setString(1, stateFilter);
47+
ResultSet rs = ps.executeQuery();
48+
%>
49+
<h3>ZIP Codes in <%= stateFilter %></h3>
50+
<p><a href="postal.jsp">← Back to all states</a></p>
51+
<div class="table-wrap">
52+
<table>
53+
<thead><tr><th>ZIP</th><th>City</th><th>State</th><th>County</th></tr></thead>
54+
<tbody>
55+
<%
56+
boolean hasRows = false;
57+
while (rs.next()) {
58+
hasRows = true;
59+
%>
60+
<tr>
61+
<td><%= rs.getString("zip_code") != null ? rs.getString("zip_code") : "" %></td>
62+
<td><%= rs.getString("city") != null ? rs.getString("city") : "" %></td>
63+
<td><%= rs.getString("state") != null ? rs.getString("state") : "" %></td>
64+
<td><%= rs.getString("county") != null ? rs.getString("county") : "" %></td>
65+
</tr>
66+
<% }
67+
if (!hasRows) { %>
68+
<tr><td colspan="4">No records found for state <%= stateFilter %>.</td></tr>
69+
<% }
70+
rs.close(); ps.close();
71+
%>
72+
</tbody>
73+
</table>
74+
</div>
75+
<%
76+
} else {
77+
// Show state summary
78+
PreparedStatement ps = conn.prepareStatement(
79+
"SELECT state, COUNT(*) AS zip_count FROM postal WHERE state IS NOT NULL AND state!='' GROUP BY state ORDER BY state");
80+
ResultSet rs = ps.executeQuery();
81+
%>
82+
<h3>States</h3>
83+
<div class="table-wrap">
84+
<table>
85+
<thead><tr><th>State</th><th>ZIP Codes</th></tr></thead>
86+
<tbody>
87+
<%
88+
boolean hasRows = false;
89+
while (rs.next()) {
90+
hasRows = true;
91+
String st = rs.getString("state");
92+
%>
93+
<tr><td><a href="postal.jsp?state=<%= java.net.URLEncoder.encode(st, "UTF-8") %>"><%= st %></a></td><td><%= rs.getInt("zip_count") %></td></tr>
94+
<% }
95+
if (!hasRows) { %>
96+
<tr><td colspan="2">No postal data available.</td></tr>
97+
<% }
98+
rs.close(); ps.close();
99+
%>
100+
</tbody>
101+
</table>
102+
</div>
103+
<%
104+
}
105+
} catch (Exception e) {
106+
%>
107+
<p style="color:#ef4444;">Database error: <%= e.getMessage() != null ? e.getMessage().replace("<","&lt;") : "unknown" %></p>
108+
<%
109+
} finally {
110+
if (conn != null) try { conn.close(); } catch (Exception ignored) {}
111+
}
112+
%>
113+
</div>
114+
</section>
115+
116+
<footer class="footer"><div class="footer-bottom" style="border:none;padding:0;">
117+
<span>&#169; 2026 MEARVK LLC. All rights reserved.</span>
118+
</div></footer>
119+
</body>
120+
</html>

0 commit comments

Comments
 (0)