java-Web（项目）部分

最新推荐文章于 2024-07-25 08:14:42 发布
最新推荐文章于 2024-07-25 08:14:42 发布
阅读量196 收藏
点赞数
文章标签： html5 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jxcncb/article/details/108597077
版权

实现代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>角色管理</title>
	</head>
	<body>
		<div style="background-color: cornflowerblue;">
			<form>
				<table style="background-color: bisque;">
					<tr>
						<td style="font-size: small; color:darkmagenta ;">挂号管理</td>
						<td style="font-size: small; color:darkmagenta ;">角色管理</td>
						<td style="font-size: small; color:darkmagenta ;">用户管理</td>
					</tr>
				</table>
			</form>
		</div>
		<div>
			<form action="../reg.html" method="post">
				<table width="100%">
					<tr>
						<td>
							角色名称：<input type="text" name="rolename" size="40" style="border-style: solid;" />
							<input type="image" src="../img/search.png" height="25px" style="padding-top: 5px; text-align: center;" />
						</td>
					</tr>
				</table>
			</form>
		</div>
		
		<div>
			<form>
				<table width="100%" border="1">
					<tr style="text-align: left; background-color: gainsboro">
						<th>
							<input type="checkbox" name="check2" />
						</th>
						<th>角色名称</th>
						<th>状态</th>
						<th>操作</th>
					</tr>
					
					<tr>
						<td>
							<input type="checkbox" name="check2" />
						</td>
						<td>管理员</td>
						<td>应用</td>
						<td>
							<span style="color: blue;">编辑&nbsp;删除</span>
						</td>
					</tr>
				</table>
			</form>
		</div>
		
		<div>
			<form>
				<table style="background-color: darkgray;" width="100%">
					<tr>
						<td colspan="3">
							<a href="roleMessage1.html" target="right" ><img src="../img/addrole.png" /></a>&nbsp;&nbsp;
							<input type="image" src="../img/deletecheck.png" />
						</td>
						<td style="text-align: right;" align="right"><span style="font-size: smaller; color: blueviolet;">第一页&nbsp;上一页&nbsp;</span>1<span style="font-size: smaller; color: blueviolet;">
							&nbsp;2&nbsp;3&nbsp;4&nbsp;5&nbsp;下一页&nbsp;最后一页&nbsp;</span>共32条记录&nbsp;1/33&nbsp;页
						</td>
					</tr>
				</table>
			</form>
		</div>
	</body>
</html>

实现效果：
在这里插入图片描述

实现代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>角色管理</title>
		<style>
			.td{
				background-color: gainsboro;
			}
		</style>
	</head>
	<body>
		<div style="background-color: cornflowerblue;">
			<form>
				<table style="background-color: bisque;">
					<tr>
						<td style="font-size: small; color:darkmagenta ;">挂号管理</td>
						<td style="font-size: small; color:darkmagenta ;">用户管理</td>
						<td style="font-size: small; color:darkmagenta ;">角色管理</td>
					</tr>
				</table>
			</form>
		</div>
		
		<div>
			<form>
				<table border="1" width="100%">
					<tr>
						<td class="td">角色名称</td>
						<td>
							<input type="text" name="rolename" size="40" />
						</td>
					</tr>
					
					<tr>
						<td class="td">状态</td>
						<td>
							<input type="radio" name="state" value="启用" checked="checked" />启用
							<input type="radio" name="state" value="禁用" />禁用
						</td>
					</tr>
					
					<tr>
						<td class="td">权限</td>
						<td>
							<input type="checkbox" value="挂号信息管理" />挂号信息管理<br />
							<input type="checkbox" value="门诊医生管理" />门诊医生管理<br />
							<input type="checkbox" value="药品管理" />药品管理<br />
							<input type="checkbox" value="住院办理" />住院办理<br />
							<input type="checkbox" value="收费项目登记" />收费项目登记<br />
							<input type="checkbox" value="在院发药" />在院发药<br />
							<input type="checkbox" value="住院结算" />住院结算<br />
							<input type="checkbox" value="月营业额统计" />月营业额统计<br />
							<input type="checkbox" value="年营业额统计" />年营业额统计<br />
							<input type="checkbox" value="用户管理" />用户管理<br />
							<input type="checkbox" value="角色管理" />角色管理<br />
							<input type="checkbox" value="资源管理" />资源管理
						</td>
					</tr>
					
					<tr>
						<td class="td"></td>
						<td>
							<input type="image" src="../img/save.png" width="40px"  />
							<input type="image" src="../img/return.png" width="60px" />
						</td>
					</tr>
				</table>
			</form>
		</div>
	</body>
</html>

实现效果：
在这里插入图片描述

实现代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>用户管理</title>
		<style>
			.td{
				background-color: gray;
				width: 120px;
				height: 40px;
			}
			
			.td2{
				width: 1200px;
				border-style: solid;
			}
		</style>
	</head>
	<body>
		<div style="background-color: cornflowerblue;">
			<form>
				<table style="background-color: bisque;">
					<tr>
						<td style="font-size: small; color:darkmagenta ;">挂号管理</td>
						<td style="font-size: small; color:darkmagenta ;">用户管理</td>
					</tr>
				</table>
			</form>
		</div>
		
		<div>
			<form action="hospitalmedicine.html" method="post">
				<table border="1" align="center" width="100%">
					<tr>
						<td class="td">登录名</td>
						<td class="td2">
							<input type="text" name="loginname" size="40" />
						</td>
					</tr>
					
					<tr>
						<td class="td">密码</td>
						<td>
							<input type="password" name="pwd" size="40" />
						</td>
					</tr>
					
					<tr>
						<td class="td">真实姓名</td>
						<td>
							<input type="text" name="truename" size="40" />
						</td>
					</tr>
					
					<tr>
						<td class="td">邮箱</td>
						<td>
							<input type="text" name="mail" size="40" />
						</td>
					</tr>
					
					<tr>
						<td class="td">状态</td>
						<td>
							<input type="radio" name="state" value="启用" checked="checked" />启用
							<input type="radio" name="state" value="禁用" />禁用
						</td>
					</tr>
					
					<tr>
						<td class="td">角色</td>
						<td>
							<select name="drugname">
								<option value="" selected="selected">--请选择--</option>
								<option value="1">迪迦</option>
								<option value="2">泰罗</option>
								<option value="3">盖亚</option>
								<option value="4">艾斯</option>
							</select>
						</td>
					</tr>
					
					<tr>
						
						<td class="td"></td>
						<td>
							<input type="image" src="../img/update.png" width="50px" />
							<input type="image" src="../img/return.png" width="70px" height="28px" />
						</td>
					</tr>
				</table>
			</form>
		</div>
	</body>
</html>

实现效果：
在这里插入图片描述

实现代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>用户管理</title>
	</head>
	<body>
		<div style="background-color: cornflowerblue;">
			<form>
				<table style="background-color: bisque;">
					<tr>
						<td style="font-size: small; color:darkmagenta ;">挂号管理</td>
						<td style="font-size: small; color:darkmagenta ;">用户管理</td>
						<td style="font-size: small; color:darkmagenta ;">角色管理</td>
					</tr>
				</table>
			</form>
		</div>
		
		<div>
			<form action="../reg.html" method="post">
				<table width="100%">
					<tr>
						<td>
							用户名称：<input type="text" name="rolename" size="40" style="border-style: solid;" />
							<input type="image" src="../img/search.png" height="25px" style="padding-top: 5px; text-align: center;" />
						</td>
					</tr>
				</table>
			</form>
		</div>
		
		<div>
			<form>
				<table width="100%" border="1">
					<tr style="text-align: left; background-color: gainsboro">
						<th>
							<input type="checkbox" name="check2" />
						</th>
						<th>角色账户</th>
						<th>真实姓名</th>
						<th>角色</th>
						<th>操作</th>
					</tr>
					
					<tr>
						<td>
							<input type="checkbox" name="check2" />
						</td>
						<td>admin</td>
						<td>管理员</td>
						<td>管理员</td>
						<td>
							<span style="color: blue;">编辑&nbsp;删除</span>
						</td>
					</tr>
				</table>
			</form>
		</div>
		
		<div>
			<form>
				<table style="background-color: darkgray;" width="100%">
					<tr>
						<td colspan="3">
							<a href="userMessage.html" target="right" ><img src="../img/adduser.png" /></a>&nbsp;&nbsp;
							<input type="image" src="../img/deletecheck.png" />
						</td>
						<td style="text-align: right;" align="right"><span style="font-size: smaller; color: blueviolet;">第一页&nbsp;上一页&nbsp;</span>1<span style="font-size: smaller; color: blueviolet;">
							&nbsp;2&nbsp;3&nbsp;4&nbsp;5&nbsp;下一页&nbsp;最后一页&nbsp;</span>共32条记录&nbsp;1/33&nbsp;页
						</td>
					</tr>
				</table>
			</form>
		</div>
	</body>
</html>

实现效果：
在这里插入图片描述

实现代码：
框架：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<frameset rows="5%,*">
		<frame src="submit/mangertop.html" noresize="noresize" scrolling="no" />
		<frameset cols="12%,*">
			<frame src="submit/managerLeft.html" noresize="noresize" scrolling="no" />
			<frame src="manager.html" name="managerright" noresize="noresize" />
			
			
		</frameset>
	</frameset>
</html>

top：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>管理员顶部</title>
		<style>
			.td{
				color: white;
			}
			
			.table{
				background-color: black;
			}
		</style>
	</head>
	<body>
		<div>
			<form>
				<table class="table" width="100%">
					<tr>
						<td class="td">XXX市医疗资源系统&nbsp;v3.1&nbsp;&nbsp;&nbsp;&nbsp;✙新增﹀</td>
						<td style="text-align: right;" class="td">超级管理员，老贺</td>
					</tr>
				</table>
			</form>
		</div>
	</body>
</html>

left：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>导航栏</title>
		<style>
			td{
				line-height: 30px;
				font-family: "微软雅黑";
				font-size: small;
			}
			
			.txt{
				font-weight: bold;
				font-size: medium;
			}
			
			tr{
				text-align: center;
			}
			#div{
				background-color: gainsboro;
			}
		</style>
	</head>
	<body>
		<div id="div">
			<form>
				<table style="background-color: gainsboro; width: 100%;">
					<tr>
						<td><img src="../img/Q)NGJ)989FNF62P`HGPGAP8.png" />资讯管理</td>
					</tr>
					<tr>
						<td><img src="../img/PI@89Z9(ZCQ(T6HIVMWB}UI.png" />图片管理</td>
					</tr>
					<tr>
						<td><img src="../img/chanpin.png" />产品管理</td>
					</tr>
					<tr>
						<td><img src="../img/pinglun.png" />评论管理</td>
					</tr>
		
					<tr>
						<td><img src="../img/VNI}7309_F41~R_ZV5KKP_1.png" />会员管理</td>
					</tr>
					<tr>
						<td><img src="../img/guanliyuan.png" />管理员管理</td>
					</tr>
					<tr>
						<td>角色管理</td>
					</tr>
					<tr>
						<td>权限管理</td>
					</tr>
					<tr>
						<td><a href="../manager.html" target="managerright">管理员列表</a></td>
					</tr>
					<tr>
						<td><img src="../img/xitongtongji.png" />系统统计</td>
					</tr>
					<tr>
						<td><img src="../img/shezhi.png" />系统管理</td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
				</table>
			</form>
		</div>
	</body>
</html>

right：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>管理员列表</title>
		<style>
			td{
				text-align: center;
			}
		</style>
	</head>
	<body>
		<div>
			<form>
				<table>
					<tr>
						<td>我的桌面</td>
						<td>管理员列表</td>
					</tr>
				</table>
			</form>
		</div>
		
		<div>
			<form>
				<table width="100%">
					<tr>
						<td style="text-align: left; font-size: small;">首页&nbsp;>&nbsp;管理员管理&nbsp;>&nbsp;管理员列表</td>
						<td style="text-align: right;" align="right"><input type="image" src="img/symbol.png" /></td>
					</tr>
				</table>
			</form>
		</div>
		
		<div>
			<form>
				<table width="100%">
					<tr>
						<td style="text-align: center;">
							日期范围：<input type="text" name="date" size="10" />-
							<input type="text" name="date" size="10" />-
							<input type="text" name="date" size="20" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="image" src="img/serchuser.png" height="20px" />
						</td>
					</tr>
				</table>
			</form>
		</div>
		
		<div>
			<form>
				<table width="100%" border="1" bordercolor="gainsboro">
					<tr>
						<td colspan="8" style="text-align: left;">
							<input type="image" src="img/deletebatches.png" />
							<input type="image" src="img/addmanager.png" />
						</td>
						<td>
							共有数据：<span style="color: red;">54</span>条
						</td>
					</tr>
					
					<tr>
						<th colspan="9" style="text-align: left;">员工列表</th>
					</tr>
					
					<tr>
						<th>
							<input type="checkbox" name="check2" />
						</th>
						<th>ID</th>
						<th>登录名</th>
						<th>手机</th>
						<th>邮箱</th>
						<th>角色</th>
						<th>加入时间</th>
						<th>是否已启用</th>
						<th>操作</th>
					</tr>
					
					<tr>
						<td>
							<input type="checkbox" name="check2" />
						</td>
						<td>1</td>
						<td>admin</td>
						<td>13000000000</td>
						<td>admi@mail.com</td>
						<td>超级管理员</td>
						<td>2014-6-11&nbsp;11:11：42</td>
						<td>
							<img src="img/start.png" />
						</td>
						<td>☹&nbsp;✎&nbsp;×</td>
					</tr>
					
					<tr>
						<td>
							<input type="checkbox" name="check2" />
						</td>
						<td>2</td>
						<td>zhangsan</td>
						<td>13000000000</td>
						<td>admi@mail.com</td>
						<td>栏目编辑</td>
						<td>2014-6-11&nbsp;11:11：42</td>
						<td>
							<img src="img/stop.png" />
						</td>
						<td>☺&nbsp;✎&nbsp;×</td>
					</tr>
				</table>
			</form>
		</div>
	</body>
</html>

实现效果：
在这里插入图片描述以上均为个人所写，如有错误，欢迎指正，谢谢！

新时代的农民工
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JAVA-WEB项目报告.docx
07-02
【JAVA-WEB项目报告】 该项目报告详细介绍了基于JAVA-WEB技术构建个人博客系统的过程和设计。博客作为一种在线表达和分享的平台，体现了互联网时代的信息共享和互动精神。它不同于个人日记或网站，更注重对外的知识...
JAVA WEB各个组成部分功能以及基本流程
Turing_tomcat的博客
12-29 2370
JSP 所有的网页代码 js所有的javaScript代码 bo一般是java的类文件 dao一般是处理数据库方法的接口 impl是上述接口的实现 service 是 处理数据库逻辑的服务 action 是处理业务逻辑的 xml是配置文件 jsp得到请求到 structs的配置文件里找相应的配置方法，根据配置方法到action里找到处理的方法，然后执行，返回一个结果，再到刚才的配置
攻防世界 webj进阶
舞动的獾
08-01 1595
cat 攻防世界cat 原理: php cURL CURLOPT_SAFE_UPLOAD django DEBUG mode Django使用的是gbk编码，超过%F7的编码不在gbk中有意义 当 CURLOPT_SAFE_UPLOAD 为 true 时，如果在请求前面加上@的话phpcurl组件是会把后面的当作绝对路径请求，来读取文件。当且仅当文件中存在中文字符...
网上书店管理系统(java-web项目)
07-16
网上书店管理系统是一个基于Java-Web技术开发的项目，旨在实现线上图书销售、管理和服务功能。这个系统涵盖了用户注册登录、浏览图书、搜索书籍、购物车管理、订单处理、支付结算等多个核心模块，为读者提供了便捷的...
RS-JAVA-WEB
03-21
通过上述分析，我们可以看出RS-JAVA-WEB项目覆盖了Java Web开发的核心技术和实践，包括但不限于Servlet、JSP、MVC架构、数据库交互、RESTful API设计、前端技术应用以及持续集成与测试。对于想要深入理解和学习Java ...
Vod.rar_vod_vod-java-web
09-20
【标题】"Vod.rar_vod_vod-java-web" 提示我们这是一个与视频点播（Video On Demand，简称VOD）相关的项目，且主要使用Java技术实现Web端的应用。这可能是一个开源或共享的代码库，作者认为它具有实用性和经典性，...
java-web-project
02-17
【标题】"java-web-project" 是一个典型的Java Web项目，它是基于Java技术栈构建的Web应用程序。这个项目可能包含了从后端服务器逻辑到前端用户界面的所有组成部分，旨在提供全面的Web服务解决方案。 【描述】"java...
探索WebKit的画布世界：HTML5 ＜canvas＞ 元素的深度解析
2401_85743969的博客
07-24 1152
canvas>是一个HTML元素，用于通过脚本（通常是JavaScript）动态渲染图形。它提供了一个矩形区域，可以用于线条、曲线、文字和图像的绘制。
HTML5实现好看的天气预报网站源码
xcLeigh
07-18 1384
HTML5实现好看的天气预报网站源码，天气预报大作业，网站源码，天气预报网站，天气预报网站源码，这里可以灵活配置要显示的省市区的天气预报，这里用的是北京、上海、广州、深圳、台湾五个地区的天气预报。免费的数据接口，数据API，童话故事API，笑话API，名言API，提供免费天气预报接口，各种新闻资讯类、生活服务类、趣味娱乐类、功能应用类、知识问答类、数据智能类等API接口数据提供。兼容手机端和PC网页端。各种风格都有，代码上手简单，代码独立，可以直接使用。也可直接预览效果。
Hype 4 Pro for Mac：专业级HTML5动画制作利器
m0_72489515的博客
07-24 384
除了强大的动画制作功能，Hype 4 Pro还具备出色的交互设计能力。总之，Hype 4 Pro for Mac是一款功能强大、操作简便的HTML5动画制作软件，无论是专业设计师还是动画制作爱好者，都能从中获得出色的使用体验。该软件拥有直观易用的界面和强大的功能，支持多种设计元素，如滚动、旋转、缩放等，让设计师可以轻松实现复杂的动画效果。Hype 4 Pro for Mac是一款专为Mac用户设计的专业级HTML5动画制作软件，它集动画制作、交互设计于一身，为用户提供了一种全新的、高效的动画制作体验。
网站基本布局CSS
m0_46608027的博客
07-24 762
* 滚动条轨道样式 *//* 滚动条样式 *//* 滑块样式 */
css 作业 2
最新发布
没有 bug 的代码是不完美的！
07-25 637
写完了
【css】flex布局父元素宽度或高度无法被子元素撑开-bug记录
qq_2511276124的博客
07-24 264
flex布局父元素宽度或高度无法被子元素撑开问题。 解决方案： ==**手动计算子元素内容所占宽高，手动赋值给父元素即可。**==
【前端 02】新浪新闻项目-初步使用CSS来排版
delepaste的博客
07-23 1285
在CSS中，页面上的每个元素都可以被看作是一个盒子，这个盒子由四个部分组成：内容区域（content）、内边距区域（padding）、边框区域（border）和外边距区域（margin）。这四个部分共同构成了元素的盒模型，决定了元素在页面上的位置和大小。内容区域（Content）：元素的实际内容区域，如文本、图片等。内边距区域（Padding）：内容区域与边框之间的空白区域，用于控制内容与边框的距离。边框区域（Border）：围绕内边距和内容区域的边界，可以设置颜色、宽度和样式。
WebKit的CSS Aspect Ratio Box：重塑响应式设计
2401_85760095的博客
07-24 734
的属性，它允许开发者为元素定义一个理想的宽高比。在WebKit中，这个属性得到了良好的支持，使得开发者可以轻松实现响应式设计。属性在大多数现代浏览器中得到了良好的支持，包括基于WebKit的浏览器如Safari。属性是一个强大的工具，它可以帮助开发者在WebKit和其他现代浏览器中轻松实现响应式设计。属性对性能的影响通常很小，但在一些极端情况下，如大量使用或在性能受限的设备上，过度使用可能会对性能产生一定影响。在这个例子中，所有图片都将保持16:9的宽高比，并且宽度为100%。随着Web技术的发展，
[微信小程序] css 解决纯数字或字母不自动换行的问题、控制文字行数
Lovely Ruby 的手账
07-24 331
作用：这个属性是一个非标准的Webkit特定属性，它使得元素使用弹性盒模型（Flexbox的前身）。这允许使用-webkit-line-clamp和-webkit-box-orient属性。示例场景：当你有一个固定宽度的容器，而其中的文本可能包含非常长的单词或URL时，这个属性可以防止文本溢出容器边界。作用：这个属性允许在单词内部进行换行，即使单词很长也不会溢出容器，而是会在必要的地方打断单词以适应容器宽度。示例场景：与-webkit-line-clamp一起使用，确保文本按垂直方向截断。
【CSS】盒子模型
小秀的博客
07-24 274
CSS 盒⼦模型中，盒⼦的总⼤⼩由这四个部分加起来决定，即 width + padding + border + margin。需要注意的是，CSS 盒⼦模型有两种，分别是标准盒⼦模型和怪异盒⼦模型。CSS 盒⼦模型将每个 HTML 元素表示为⼀个矩形的盒⼦，这个盒⼦包括内容（content）、内边距（padding）、边框（border）和外边距（margin）四个部分。
CSS（四）——CSS Text(文本）
m0_62701594的博客
07-24 1294
颜色属性被用来设置文字的颜色。
css快捷代码【超出一行文本显示省略号/超出三行显示省略号/超出n行...】
weixin_43811753的博客
07-24 245
css快捷代码【超出一行文本显示省略号/超出三行显示省略号/超出n行...】
Windows下JAVA-WEB开发环境搭建与MyEclipse实战
书中会介绍如何在Eclipse中安装MyEclipse插件，以便进行高效地Web项目开发。 4. MyEclipse的Web开发实践：这部分内容涵盖了如何使用MyEclipse创建、整合Tomcat服务器、部署项目等关键操作，确保读者能熟悉开发流程...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值