假期作业9
评估功能：
点击查看代码
<%@ page import="java.util.Objects" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page isELIgnored="false" %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>能力评估</title>
<style>
/* 全局样式 */
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #f4f9fd;
color: #333;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
}
h1 {
color: #007BFF;
font-size: 32px;
margin-bottom: 30px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
/* 按钮容器样式 */
.button-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
/* 按钮样式 */
.button-container button {
background-color: #007BFF;
color: white;
padding: 15px 30px;
border: none;
border-radius: 8px;
font-size: 18px;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
/* 按钮悬停效果 */
.button-container button:hover {
background-color: #0056b3;
transform: translateY(-3px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
/* 按钮激活效果 */
.button-container button:active {
transform: translateY(1px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
</style>
<script>
function daily() {
window.location.href = "addDaily.jsp";
}
function mental() {
window.location.href = "addMental.jsp";
}
function perception() {
window.location.href = "addPerception.jsp";
}
function socialParticipation() {
window.location.href = "addSocialParticipation.jsp";
}
</script>
</head>
<body>
<h1>能力评估</h1>
<div class="button-container">
<button onclick="daily()">日常生活活动评估</button>
<button onclick="mental()">精神状态评估</button>
<button onclick="perception()">感知觉与沟通评估</button>
<button onclick="socialParticipation()">社会参与评估</button>
</div>
</body>
</html>
点击查看代码
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page isELIgnored="false" %><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>日常生活活动评估</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
padding: 20px;
}
h1 {
text-align: center;
color: #333;
}
form {
background-color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
max-width: 600px;
margin: 0 auto;
}
label {
display: block;
margin-bottom: 5px;
}
select,
input {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 3px;
}
input[type="submit"] {
background-color: #007BFF;
color: #fff;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: #0056b3;
}
#message {
text-align: center;
margin-top: 20px;
color: green;
}
</style>
</head>
<body>
<h1>日常生活活动评估</h1>
<form id="addAssessmentForm" action="${pageContext.request.contextPath}/addDailyServlet" method="post">
<!-- 进食 -->
<label for="eatingScore">进食：</label>
<select id="eatingScore" name="eatingScore">
<option value="10">10 分，可独立进食（在合理的时间内独立进食准备好的食物）</option>
<option value="5">5 分， 需部分帮助（进食过程中需要一定帮助，如协助把持餐具）</option>
<option value="0">0 分， 需极大帮助或完全依赖他人，或有留置营养管</option>
</select><br>
<!-- 洗澡 -->
<label for="bathingScore">洗澡：</label>
<select id="bathingScore" name="bathingScore">
<option value="5">5 分， 准备好洗澡水后，可自己独立完成洗澡过程</option>
<option value="0">0 分， 在洗澡过程中需他人帮助</option>
</select><br>
<!-- 修饰 -->
<label for="groomingScore">修饰：</label>
<select id="groomingScore" name="groomingScore">
<option value="5">5 分， 可自己独立完成</option>
<option value="0">0 分， 需他人帮助</option>
</select><br>
<!-- 穿衣 -->
<label for="dressingScore">穿衣：</label>
<select id="dressingScore" name="dressingScore">
<option value="10">10 分，可独立完成</option>
<option value="5">5 分， 需部分帮助（能自己穿脱，但需他人帮助整理衣物、系扣/鞋带、拉拉链）</option>
<option value="0">0 分， 需极大帮助或完全依赖他人</option>
</select><br>
<!-- 大便控制 -->
<label for="bowelControlScore">大便控制：</label>
<select id="bowelControlScore" name="bowelControlScore">
<option value="10">10 分，可控制大便</option>
<option value="5">5 分， 偶尔失控（每周<1 次），或需要他人提示</option>
<option value="0">0 分， 完全失控</option>
</select><br>
<!-- 小便控制 -->
<label for="bladderControlScore">小便控制：</label>
<select id="bladderControlScore" name="bladderControlScore">
<option value="10">10 分，可控制小便</option>
<option value="5">5 分， 偶尔失控（每天<1 次，但每周>1 次），或需要他人提示</option>
<option value="0">0 分， 完全失控，或留置导尿管</option>
</select><br>
<!-- 如厕 -->
<label for="toiletingScore">如厕：</label>
<select id="toiletingScore" name="toiletingScore">
<option value="10">10 分，可独立完成</option>
<option value="5">5 分， 需部分帮助（需他人搀扶去厕所、需他人帮忙冲水或整理衣裤等）</option>
<option value="0">0 分， 需极大帮助或完全依赖他人</option>
</select><br>
<!-- 床椅转移 -->
<label for="movingScore">床椅转移：</label>
<select id="movingScore" name="movingScore">
<option value="15">15 分，可独立完成</option>
<option value="10">10 分，需部分帮助（需他人搀扶或使用拐杖）</option>
<option value="5">5 分， 需极大帮助（较大程度上依赖他人搀扶和帮助）</option>
<option value="0">0 分， 完全依赖他人</option>
</select><br>
<!-- 平地行走 -->
<label for="walkingScore">平地行走：</label>
<select id="walkingScore" name="walkingScore">
<option value="15">15 分，可独立在平地上行走 45m</option>
<option value="10">10 分，需部分帮助（因肢体残疾、平衡能力差、过度衰弱、视力等问题，在一定程度上需他人地搀扶或使用拐杖、助行器等辅助用具）</option>
<option value="5">5 分， 需极大帮助（因肢体残疾、平衡能力差、过度衰弱、视力等问题，在较大程度上依赖他人搀扶，或坐在轮椅上自行移动）</option>
<option value="0">0 分， 完全依赖他人</option>
</select><br>
<!-- 上下楼梯 -->
<label for="climbingScore">上下楼梯：</label>
<select id="climbingScore" name="climbingScore">
<option value="10">10 分，可独立上下楼梯（连续上下 10 - 15 个台阶）</option>
<option value="5">5 分， 需部分帮助（需他人搀扶，或扶着楼梯、使用拐杖等）</option>
<option value="0">0 分， 需极大帮助或完全依赖他人</option>
</select><br>
<input type="submit" value="提交">
</form>
<div id="message"></div>
</body>
</html>
浙公网安备 33010602011771号