老年人能力评估系统web端#4
对前端网页外观进行了设计优化，主要使用#00ACC1湖蓝色#0097A7深湖蓝色与白色为基调，整体页面美观大方
以下是参考图片
登陆界面
主菜单
基本信息录入
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@page isELIgnored="false" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>录入社会功能信息</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #E0F7FA; /* 浅湖蓝色背景 */
margin: 0;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
min-height: 100vh;
}
h2 {
color: #00796B; /* 深湖蓝色标题 */
margin-bottom: 20px;
}
form {
background-color: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
width: 400px;
}
label {
display: block;
margin-bottom: 8px;
color: #00796B; /* 深湖蓝色文字 */
font-weight: bold;
}
input[type="text"], input[type="number"], select {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
font-size: 14px;
}
input[type="submit"] {
background-color: #00ACC1; /* 湖蓝色按钮 */
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
width: 100%;
font-size: 16px;
transition: background-color 0.3s ease;
}
input[type="submit"]:hover {
background-color: #0097A7; /* 深湖蓝色悬停效果 */
}
</style>
</head>
<body>
<h2>录入社会功能信息</h2>
<form action="addSocial" method="post">
<input type="hidden" id="id" name="id" value="123456789123456789" required><br><br>
<label for="life_ability">生活能力:</label>
<select id="life_ability" name="life_ability" required>
<option value="0">能料理家务</option>
<option value="1">能做家务但欠好</option>
<option value="2">能自理生活，但家务欠缺</option>
<option value="3">基本生活事务能自理</option>
<option value="4">需帮助</option>
</select><br><br>
<label for="work_ability">工作能力:</label>
<select id="work_ability" name="work_ability" required>
<option value="0">能照常进行脑力或体力工作</option>
<option value="1">工作能力有所下降</option>
<option value="2">工作能力明显下降</option>
<option value="3">技能仅保留片段</option>
<option value="4">技能完全磨灭</option>
</select><br><br>
<label for="time_space_orientation">时间/空间定向:</label>
<select id="time_space_orientation" name="time_space_orientation" required>
<option value="0">时间观念清楚，可单独出远门</option>
<option value="1">时间观念轻微下降</option>
<option value="2">时间观念较差</option>
<option value="3">时间观念很差</option>
<option value="4">无时间观念</option>
</select><br><br>
<label for="person_orientation">人物定向:</label>
<select id="person_orientation" name="person_orientation" required>
<option value="0">知道周围人关系，能辨别陌生人的年龄和身份</option>
<option value="1">只知家中亲密亲人的关系</option>
<option value="2">只能称呼家人</option>
<option value="3">只能认识常住亲人</option>
<option value="4">只认识保护人</option>
</select><br><br>
<label for="social_interaction_ability">社会交往能力:</label>
<select id="social_interaction_ability" name="social_interaction_ability" required>
<option value="0">能适应社会环境</option>
<option value="1">能适应单纯环境</option>
<option value="2">脱离社会</option>
<option value="3">勉强交往</option>
<option value="4">难以接触他人</option>
</select><br><br>
<label for="total_score">社会参与总分:</label>
<input type="number" id="total_score" name="total_score" required><br><br>
<label for="participation_level">参与水平:</label>
<select id="participation_level" name="participation_level" required>
<option value="0">能力完好</option>
<option value="1">轻度受损</option>
<option value="2">中度受损</option>
<option value="3">重度受损</option>
</select><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@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: #E0F7FA; /* 浅湖蓝色背景 */
margin: 0;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
min-height: 100vh;
}
h2 {
color: #00796B; /* 深湖蓝色标题 */
margin-bottom: 20px;
}
form {
background-color: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
width: 400px;
}
label {
display: block;
margin-bottom: 8px;
color: #00796B; /* 深湖蓝色文字 */
font-weight: bold;
}
input[type="text"], input[type="date"], select {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
font-size: 14px;
}
input[type="submit"] {
background-color: #00ACC1; /* 湖蓝色按钮 */
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
width: 100%;
font-size: 16px;
transition: background-color 0.3s ease;
}
input[type="submit"]:hover {
background-color: #0097A7; /* 深湖蓝色悬停效果 */
}
</style>
</head>
<body>
<h2>评估基本信息</h2>
<form action="assessmentServlet" method="post">
<label for="id">评估编号:</label>
<input type="text" id="id" name="id" required /><br><br>
<label for="date">日期:</label>
<input type="date" id="date" name="date" required><br><br>
<label for="reason">评估原因:</label>
<select id="reason" name="reason" required>
<option value="1">接受服务前初评</option>
<option value="2">接受服务后的常规评估</option>
<option value="3">状况发生变化后的即时评估</option>
<option value="4">因评估结果有疑问进行的复评</option>
</select><br><br>
<input type="submit" value="提交" />
</form>
</body>
</html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@page isELIgnored="false" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>日常生活信息</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #E0F7FA; /* 浅湖蓝色背景 */
margin: 0;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
min-height: 100vh;
}
h2 {
color: #00796B; /* 深湖蓝色标题 */
margin-bottom: 20px;
}
form {
background-color: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
width: 400px;
}
label {
display: block;
margin-bottom: 8px;
color: #00796B; /* 深湖蓝色文字 */
font-weight: bold;
}
input[type="text"], select {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
font-size: 14px;
}
input[type="text"][readonly] {
background-color: #f0f0f0; /* 只读输入框背景色 */
cursor: not-allowed;
}
input[type="submit"] {
background-color: #00ACC1; /* 湖蓝色按钮 */
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
width: 100%;
font-size: 16px;
transition: background-color 0.3s ease;
}
input[type="submit"]:hover {
background-color: #0097A7; /* 深湖蓝色悬停效果 */
}
</style>
</head>
<body>
<h2>日常生活信息</h2>
<form action="addDaily" method="post">
<input type="hidden" id="id" name="id" value="123456789123456789" required><br><br>
<label for="eating">进食:</label>
<select id="eating" name="eating" required>
<option value="10">可独立进食</option>
<option value="5">需部分帮助</option>
<option value="0">需极大帮助或完全依赖他人</option>
</select><br><br>
<label for="bathing">洗澡:</label>
<select id="bathing" name="bathing" required>
<option value="5">可独立完成</option>
<option value="0">需他人帮助</option>
</select><br><br>
<label for="grooming">打理仪表:</label>
<select id="grooming" name="grooming" required>
<option value="5">可独立完成</option>
<option value="0">需他人帮助</option>
</select><br><br>
<label for="dressing">穿衣:</label>
<select id="dressing" name="dressing" required>
<option value="10">可独立完成</option>
<option value="5">需部分帮助</option>
<option value="0">需极大帮助或完全依赖他人</option>
</select><br><br>
<label for="bowel_control">排便控制:</label>
<select id="bowel_control" name="bowel_control" required>
<option value="10">可控制大便</option>
<option value="5">偶尔失控</option>
<option value="0">完全失控</option>
</select><br><br>
<label for="bladder_control">排尿控制:</label>
<select id="bladder_control" name="bladder_control" required>
<option value="10">可控制小便</option>
<option value="5">偶尔失控</option>
<option value="0">完全失控或留置导尿管</option>
</select><br><br>
<label for="toileting">如厕:</label>
<select id="toileting" name="toileting" required>
<option value="10">可独立完成</option>
<option value="5">需部分帮助</option>
<option value="0">需极大帮助或完全依赖他人</option>
</select><br><br>
<label for="bed_chair_transfer">床椅转移:</label>
<select id="bed_chair_transfer" name="bed_chair_transfer" required>
<option value="15">可独立完成</option>
<option value="10">需部分帮助</option>
<option value="5">需极大帮助</option>
<option value="0">完全依赖他人</option>
</select><br><br>
<label for="walking">行走:</label>
<select id="walking" name="walking" required>
<option value="15">可独立行走</option>
<option value="10">需部分帮助</option>
<option value="5">需极大帮助</option>
<option value="0">完全依赖他人</option>
</select><br><br>
<label for="stairs">上下楼梯:</label>
<select id="stairs" name="stairs" required>
<option value="10">可独立完成</option>
<option value="5">需部分帮助</option>
<option value="0">需极大帮助或完全依赖他人</option>
</select><br><br>
<label for="total_score">总分:</label>
<input type="text" id="total_score" name="total_score" readonly><br><br>
<label for="activity_level">活动水平:</label>
<select id="activity_level" name="activity_level" required>
<option value="0">能力完好</option>
<option value="1">轻度受损</option>
<option value="2">中度受损</option>
<option value="3">重度受损</option>
</select><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
<%--
Created by IntelliJ IDEA.
User: Administrator
Date: 2024/12/9
Time: 16:47
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@page isELIgnored="false" %>
<html>
<head>
<title>登录</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #E0F7FA; /* 浅湖蓝色背景 */
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
form {
background-color: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
width: 300px;
text-align: center;
}
input[type="text"], input[type="password"] {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
.button {
background-color: #00ACC1; /* 湖蓝色按钮 */
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
width: 100%;
font-size: 16px;
}
.button:hover {
background-color: #0097A7; /* 深湖蓝色悬停效果 */
}
a {
color: #00ACC1; /* 湖蓝色链接 */
text-decoration: none;
display: block;
margin-top: 10px;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<form action="/2025217/loginServlet" name="form" method="post">
<p>身份证号<input type="text" name="id" id="id"></p>
<p>密码<input type="password" name="password" id="password"></p>
<input type="submit" class="button" value="登录">
<a href="register.jsp">注册</a>
</form>
</body>
</html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@page isELIgnored="false" %>
<!DOCTYPE html>
<html lang="zh">
<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: #E0F7FA; /* 浅湖蓝色背景 */
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0;
padding: 20px;
}
form {
background-color: white;
padding: 30px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
width: 90%;
max-width: 800px;
text-align: left;
overflow-y: auto;
max-height: 90vh;
}
h2 {
color: #00ACC1; /* 湖蓝色标题 */
text-align: center;
}
label {
font-size: 16px;
margin-bottom: 5px;
display: block;
}
input[type="text"], select, textarea {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
textarea {
height: 100px;
}
button {
background-color: #00ACC1; /* 湖蓝色按钮 */
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
width: 100%;
}
button:hover {
background-color: #0097A7; /* 深湖蓝色悬停效果 */
}
.checkbox-group {
margin-bottom: 15px;
display: flex;
flex-wrap: wrap;
}
.checkbox-group label {
width: 100%;
}
.checkbox-group div {
width: 50%;
margin-bottom: 10px;
}
.checkbox-group input[type="checkbox"] {
margin-right: 10px;
}
select, input[type="text"], textarea {
margin-bottom: 15px;
}
</style>
</head>
<body>
<form action="InfoServlet" method="post">
<h2>信息录入表单</h2>
<input type="hidden" id="id" name="id" value="123456789123456789" required>
<label for="social_security_card">社会保障卡:</label>
<input type="text" id="social_security_card" name="social_security_card" maxlength="50" required>
<label for="ethnicity">民族:</label>
<select id="ethnicity" name="ethnicity" required>
<option value="0">汉族</option>
<option value="1">少数民族</option>
</select>
<label for="education_level">学历:</label>
<select id="education_level" name="education_level" required>
<option value="0">文盲</option>
<option value="1">小学</option>
<option value="2">初中</option>
<option value="3">高中/技校/中专</option>
<option value="4">大学专科及以上</option>
<option value="5">不详</option>
</select>
<label for="religion">宗教:</label>
<select id="religion" name="religion" required>
<option value="0">无</option>
<option value="1">有</option>
</select>
<label for="marital_status">婚姻状况:</label>
<select id="marital_status" name="marital_status" required>
<option value="1">未婚</option>
<option value="2">已婚</option>
<option value="3">丧偶</option>
<option value="4">离婚</option>
<option value="5">未说明的婚姻状况</option>
</select>
<label for="living_condition">生活状况:</label>
<select id="living_condition" name="living_condition" required>
<option value="0">独居</option>
<option value="1">与配偶/伴侣居住</option>
<option value="2">与子女居住</option>
<option value="3">与父母居住</option>
<option value="4">与兄弟姐妹居住</option>
<option value="5">与其他亲属居住</option>
<option value="6">与非亲属关系的人居住</option>
<option value="7">养老机构</option>
</select>
<div class="checkbox-group">
<label>医疗支付方式:</label><br>
<div><input type="checkbox" name="medical_payment_methods" value="0"> 城镇职工基本医疗保险</div>
<div><input type="checkbox" name="medical_payment_methods" value="1"> 城镇居民基本医疗保险</div>
<div><input type="checkbox" name="medical_payment_methods" value="2"> 新型农村合作医疗</div>
<div><input type="checkbox" name="medical_payment_methods" value="3"> 贫困救助</div>
<div><input type="checkbox" name="medical_payment_methods" value="4"> 商业医疗保险</div>
<div><input type="checkbox" name="medical_payment_methods" value="5"> 全公费</div>
<div><input type="checkbox" name="medical_payment_methods" value="6"> 全自费</div>
<div><input type="checkbox" name="medical_payment_methods" value="7"> 其他</div>
</div>
<div class="checkbox-group">
<label>经济来源:</label><br>
<div><input type="checkbox" name="economic_source" value="0"> 退休金/养老金</div>
<div><input type="checkbox" name="economic_source" value="1"> 子女补贴</div>
<div><input type="checkbox" name="economic_source" value="2"> 亲友资助</div>
<div><input type="checkbox" name="economic_source" value="3"> 其他补贴</div>
</div>
<label for="dementia">痴呆症:</label>
<select id="dementia" name="dementia" required>
<option value="0">无</option>
<option value="1">轻度</option>
<option value="2">中度</option>
<option value="3">重度</option>
</select>
<label for="psychiatric_disorder">精神障碍:</label>
<select id="psychiatric_disorder" name="psychiatric_disorder" required>
<option value="0">无</option>
<option value="1">精神分裂症</option>
<option value="2">双相情感障碍</option>
<option value="3">偏执性精神障碍</option>
<option value="4">分裂情感性障碍</option>
<option value="5">癫痫所致精神障碍</option>
<option value="6">精神发育迟滞伴发精神障碍</option>
</select>
<label for="chronic_diseases">慢性病:</label>
<textarea id="chronic_diseases" name="chronic_diseases"></textarea>
<button type="submit">提交</button>
</form>
</body>
</html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@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: #E0F7FA; /* 浅湖蓝色背景 */
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
form {
background-color: white;
padding: 30px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
width: 350px;
text-align: left;
box-sizing: border-box;
}
h2 {
text-align: center;
color: #00796B; /* 深湖蓝色 */
}
label {
font-size: 16px;
margin-bottom: 5px;
display: block;
color: #00796B;
}
input[type="text"], select {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
input[type="submit"] {
background-color: #00ACC1; /* 湖蓝色按钮 */
color: white;
padding: 12px;
border: none;
border-radius: 4px;
cursor: pointer;
width: 100%;
font-size: 16px;
}
input[type="submit"]:hover {
background-color: #0097A7; /* 深湖蓝色悬停效果 */
}
input[type="text"]:focus, select:focus {
border-color: #00ACC1; /* 聚焦时的湖蓝色边框 */
outline: none;
}
/* 让表单提交按钮与输入框更对齐 */
.form-group {
margin-bottom: 20px;
}
</style>
</head>
<body>
<form action="InfoProviderServlet" method="post">
<h2>信息提供者及联系人信息</h2>
<input type="hidden" id="id" name="id" value="123456789123456789" required>
<div class="form-group">
<label for="provider_name">信息提供者的姓名:</label>
<input type="text" id="provider_name" name="provider_name" required>
</div>
<div class="form-group">
<label for="relationship">关系:</label>
<select id="relationship" name="relationship" required>
<option value="1">配偶</option>
<option value="2">子女</option>
<option value="3">其他亲属</option>
<option value="4">雇佣照顾者</option>
<option value="5">其他</option>
</select>
</div>
<div class="form-group">
<label for="other_relationship">其他关系（如果选择“其他”时填写）：</label>
<input type="text" id="other_relationship" name="other_relationship">
</div>
<div class="form-group">
<label for="name">联系人姓名:</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="phone">联系人电话:</label>
<input type="text" id="phone" name="phone" required>
</div>
<input type="submit" value="提交">
</form>
</body>
</html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@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: #E0F7FA; /* 浅湖蓝色背景 */
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
form {
background-color: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
width: 300px;
text-align: center;
}
h2 {
color: #00796B; /* 湖蓝色 */
margin-bottom: 20px;
}
label {
display: block;
margin-bottom: 8px;
text-align: left;
color: #00796B; /* 湖蓝色 */
}
select, input[type="number"] {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #00ACC1; /* 湖蓝色边框 */
border-radius: 4px;
box-sizing: border-box;
}
input[type="submit"] {
background-color: #00ACC1; /* 湖蓝色按钮 */
color: white;
padding: 10px;
border: none;
border-radius: 4px;
cursor: pointer;
width: 100%;
font-size: 16px;
}
input[type="submit"]:hover {
background-color: #00796B; /* 深湖蓝色悬停效果 */
}
a {
color: #00ACC1; /* 湖蓝色链接 */
text-decoration: none;
display: block;
margin-top: 10px;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<form action="mentalServlet" method="post">
<h2>精神健康评估信息</h2>
<input type="hidden" id="id" name="id" value="${user.id}" required><br><br>
<label for="clock_test">画钟测验:</label>
<select id="clock_test" name="clock_test" required>
<option value="0">画钟正确</option>
<option value="1">画钟错误</option>
<option value="2">已确诊为认知障碍</option>
</select><br><br>
<label for="recall_words">回忆词语:</label>
<select id="recall_words" name="recall_words" required>
<option value="0">能回忆出2-3个词</option>
<option value="1">回忆出0-1个词</option>
<option value="2">已确诊为认知障碍</option>
</select><br><br>
<label for="aggression_behavior">攻击行为:</label>
<select id="aggression_behavior" name="aggression_behavior" required>
<option value="0">无攻击行为</option>
<option value="1">偶尔攻击</option>
<option value="2">频繁攻击</option>
</select><br><br>
<label for="depression_symptoms">抑郁症状:</label>
<select id="depression_symptoms" name="depression_symptoms" required>
<option value="0">无症状</option>
<option value="1">轻度抑郁</option>
<option value="2">自杀念头或自杀行为</option>
</select><br><br>
<label for="total_score">精神状态总分:</label>
<input type="number" id="total_score" name="total_score" required /><br><br>
<label for="mental_state_level">精神状态分级:</label>
<select id="mental_state_level" name="mental_state_level" required>
<option value="0">能力完好</option>
<option value="1">轻度受损</option>
<option value="2">中度受损</option>
<option value="3">重度受损</option>
</select><br><br>
<input type="submit" value="提交" />
</form>
</body>
</html>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
Created by IntelliJ IDEA.
User: Administrator
Date: 2024/12/9
Time: 17:51
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>主菜单</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #E0F7FA; /* 浅湖蓝色背景 */
margin: 0;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
min-height: 100vh;
}
h2 {
color: #00796B; /* 深湖蓝色标题 */
margin-bottom: 10px;
}
hr {
border: 1px solid #00ACC1; /* 湖蓝色分隔线 */
width: 100%;
margin-bottom: 20px;
}
a {
display: block;
width: 300px;
padding: 15px;
margin: 10px 0;
background-color: white;
color: #00796B; /* 深湖蓝色文字 */
text-align: center;
text-decoration: none;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: background-color 0.3s ease, transform 0.3s ease;
}
a:hover {
background-color: #00ACC1; /* 湖蓝色悬停背景 */
color: white;
transform: translateY(-2px);
}
</style>
</head>
<body>
<h2>主菜单</h2>
<hr>
<a href="assessment.jsp">填写评估基本信息表</a>
<a href="info.jsp">填写被评估者的基本信息表</a>
<a href="iprovider.jsp">填写信息提供者及联系人信息表</a>
<a href="daily.jsp">填写日常生活活动评估表</a>
<a href="mental.jsp">填写精神状态评估表</a>
<a href="sensory.jsp">填写感知觉与沟通评估表</a>
<a href="addSocial.jsp">填写社会参与评估表</a>
<a href="#">查看老年人能力评估报告</a>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户注册</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #E0F7FA; /* 浅湖蓝色背景 */
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
form {
background-color: white;
padding: 30px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
width: 300px;
text-align: center;
}
h2 {
color: #00ACC1; /* 湖蓝色标题 */
}
label {
display: block;
margin: 10px 0 5px;
color: #333;
text-align: left;
}
input[type="text"],
input[type="password"],
input[type="date"],
select {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
input[type="submit"] {
background-color: #00ACC1; /* 湖蓝色按钮 */
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
width: 100%;
font-size: 16px;
margin-top: 10px;
}
input[type="submit"]:hover {
background-color: #0097A7; /* 深湖蓝色悬停效果 */
}
</style>
</head>
<body>
<form action="register" method="post">
<h2>用户注册</h2>
<label for="id">用户ID:</label>
<input type="text" id="id" name="id" required><br>
<label for="name">用户名:</label>
<input type="text" id="name" name="name" required><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required><br>
<label for="birthday">生日:</label>
<input type="date" id="birthday" name="birthday" required><br>
<label for="gender">性别:</label>
<select id="gender" name="gender">
<option value="男">男</option>
<option value="女">女</option>
</select><br>
<input type="submit" value="注册">
</form>
</body>
</html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@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: #E0F7FA; /* 浅湖蓝色背景 */
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
h1 {
text-align: center;
color: #006064; /* 深湖蓝色 */
margin-bottom: 20px;
}
form {
background-color: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
width: 400px;
box-sizing: border-box;
}
label {
font-size: 16px;
margin-bottom: 5px;
color: #006064;
display: block;
}
select {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #006064;
border-radius: 5px;
font-size: 14px;
color: #006064;
background-color: white; /* 修改为白色背景 */
box-sizing: border-box;
}
select:focus {
outline: none;
border-color: #00ACC1; /* 聚焦时边框变为湖蓝色 */
}
button {
background-color: #00ACC1; /* 湖蓝色按钮 */
color: white;
padding: 12px 20px;
border: none;
border-radius: 5px;
width: 100%;
font-size: 16px;
cursor: pointer;
}
button:hover {
background-color: #0097A7; /* 深湖蓝色悬停效果 */
}
</style>
</head>
<body>
<form action="sensoryServlet" method="post">
<h1>感知觉与沟通评估表</h1>
<input type="hidden" id="id" name="id" value="123456789123456789" required><br><br>
<label for="consciousness_level">意识水平:</label>
<select id="consciousness_level" name="consciousness_level" required>
<option value="0">神志清醒</option>
<option value="1">嗜睡</option>
<option value="2">昏睡</option>
<option value="3">昏迷</option>
</select><br><br>
<label for="vision">视力:</label>
<select id="vision" name="vision" required>
<option value="0">能看清书报上的标准字体</option>
<option value="1">能看清楚大字体</option>
<option value="2">视力有限</option>
<option value="3">辨认物体有困难</option>
<option value="4">没有视力</option>
</select><br><br>
<label for="hearing">听力:</label>
<select id="hearing" name="hearing" required>
<option value="0">可正常交谈</option>
<option value="1">轻声听不清</option>
<option value="2">正常交流有困难</option>
<option value="3">大声说话才能听见</option>
<option value="4">完全听不见</option>
</select><br><br>
<label for="communication">沟通交流:</label>
<select id="communication" name="communication" required>
<option value="0">无困难</option>
<option value="1">能表达需要但需要帮助</option>
<option value="2">表达困难</option>
<option value="3">不能表达</option>
</select><br><br>
<label for="sensory_communication_level">感知觉与沟通分级:</label>
<select id="sensory_communication_level" name="sensory_communication_level" required>
<option value="0">能力完好</option>
<option value="1">轻度受损</option>
<option value="2">中度受损</option>
<option value="3">重度受损</option>
</select><br><br>
<button type="submit">提交</button>
</form>
</body>
</html>
浙公网安备 33010602011771号