【JavaWeb】

已于 2022-11-07 22:19:38 修改
阅读量90 收藏
点赞数
文章标签： java web安全 html5
于 2022-11-02 14:03:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_56724164/article/details/127623720
版权

Web第二次作业

一、制作用户注册页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户注册</title>
		<style type="text/css">
			textarea {
				border: 1;
				overflow: auto;
				width: 97%;
				height: 90%;
				float: left;
			}

			td {
				background-color: lightgray;
				border-color: white;
			}
		</style>
	</head>
	<body>
		<form action="#" method="get" enctype="multipart/form-data">
			<table border="1" width=300px cellspacing=0 cellpadding=2 align="left">
				<tr>
					<td align="center" colspan="2" style="background-color: gray;">用户注册</td>
				</tr>
				<tr>
					<td align="right" style="font-size: 3%; width: 30%;">用户名</td>
					<td><input type="text" name="UserName" size="15" maxlength="20" /></td>
				</tr>
				<tr>
					<td align="right" style="font-size: 3%;">密码</td>
					<td><input type="password" name="UserPass" size="15" maxlength="20" /></td>
				</tr>
				<tr>
					<td align="right" style="font-size: 3%;">性别</td>
					<td>
						<input type="radio" name="sex" checked="checked" />男
						<input type="radio" name="sex" />女
					</td>
				</tr>
				<tr>
					<td align="right" style="font-size: 3%;">爱好</td>
					<td>
						<input type="checkbox" name="like" value="写作" />写作
						<input type="checkbox" name="like" value="听音乐" />听音乐
						<input type="checkbox" name="like" value="体育" />体育
					</td>
				</tr>
				<tr>
					<td align="right" style="font-size: 3%;">省份</td>
					<td>
						<select name="province">
							<option value="shanxi" selected>陕西省</option>
							<option value="shanx">山西省</option>
						</select>
					</td>
				</tr>
				<tr>
					<td align="right" style="font-size: 3%; height: 50px;">自我介绍</td>
					<td style="height:5px;width:25px;"><textarea name="intro">这个家伙什么也没留下</textarea></td>
				</tr>
				<tr>
					<td colspan="2" align="center" style="background-color: gray;">
						<input type="submit" name="send" />
						<input type="reset" name="reset" />
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>

运行结果：
在这里插入图片描述

二、制作银行电子汇款单

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>工商银行电子汇款单</title>
	</head>
	<body>
		<form action="#" method="get" enctype="multipart/form-data">
			<h1>工商银行电子汇款单</h1>
			<table border="1" width=900px cellspacing=0 cellpadding=1 align="left">
				<tr>
					<td colspan="2" style="font-weight: bold;">回单类型</td>
					<td style="width:340px ;">网上转账汇款</td>
					<td colspan="2" style="font-weight: bold;">指令序号</td>
					<td style="width:380px ;">HQH0000000000000013878172</td>
				</tr>
				<tr>
					<td rowspan="4" style="width: 30px; font-weight: bold;" align="center">收款人</td>
					<td style="width: 60px;">户名</td>
					<td>老牟</td>
					<td rowspan="4" style="width: 30px; font-weight: bold;" align="center">付款人</td>
					<td style="width: 60px;">户名</td>
					<td>老刘</td>
				</tr>
				<tr>
					<td style="font-weight: bold;">卡号</td>
					<td>000000000001</td>
					<td style="font-weight: bold;">卡号</td>
					<td>000000000002</td>
				</tr>
				<tr>
					<td>地区</td>
					<td>南京</td>
					<td>地区</td>
					<td>杭州</td>
				</tr>
				<tr>
					<td style="font-weight: bold;">网点</td>
					<td>工商江苏南京业务处理中心</td>
					<td style="font-weight: bold;">网点</td>
					<td>江苏徐州业务中心</td>
				</tr>
				<tr>
					<td colspan="2" style="font-weight: bold;">币种</td>
					<td>人民币</td>
					<td colspan="2" style="font-weight: bold;">钞汇标志</td>
					<td><u>钞票</u></td>
				</tr>
				<tr>
					<td colspan="2" style="font-weight: bold;">金额</td>
					<td>1.00元</td>
					<td colspan="2" style="font-weight: bold;">手续费</td>
					<td>0.57元</td>
				</tr>
				<tr>
					<td colspan="2" style="font-weight: bold;">合计</td>
					<td colspan="4">人民币（大写）：壹圆整</td>
				</tr>
				<tr>
					<td colspan="2" style="font-weight: bold;">交易时间</td>
					<td><i>2017年6月1日</i></td>
					<td colspan="2" style="font-weight: bold;">时间戳</td>
					<td><i>2017-06-01-13.00.00，00000</i></td>
				</tr>
			</table>
		</form><br><br><br><br><br><br><br><br><br><br><br>
		<p>票据打印时间：2017-06-01 15:00:12</p>
		<p><del>票据打印单位：江苏徐州业务中心</del></p>
		操作员：大曾
	</body>
</html>

运行结果：
在这里插入图片描述

三、制作电影板块页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>热门电影</title>
		<style>
			img {
				width: 200px;
				height: 200px;
			}

			#tb1 td {
				width: 225px;
			}

			#tb2 td {
				width: 225px;
			}
		</style>
	</head>
	<body>
		<form action="#" method="get" enctype="multipart/form-data">
			<h2>热门电影板块</h2>
			<hr />
			<table border="0" width=100% cellspacing=0 cellpadding=7 align="left">
				<tr>
					<td style="width: 150px; font-size: 20px;"><b>最近热门电影<b></td>
					<td style="width: 40px;">热门</td>
					<td style="width: 40px;">最新</td>
					<td style="width: 80px;">豆瓣高分</td>
					<td style="width: 80px;">冷门佳片</td>
					<td style="width: 50px;">华语</td>
					<td style="width: 50px;">欧美</td>
					<td style="width: 50px;">韩国</td>
					<td style="width: 120px;">日本</td>
					<td>更多>></td>
				</tr>
			</table>
			<hr />
			<table border="0" width=900px cellspacing=1 cellpadding=0 align="left">
				<tr>
					<td><img src="https://p0.ssl.qhimgs1.com/sdr/400__/t01a3e391f4c3566a6a.webp" /></td>
					<td><img src="https://pic1.zhimg.com/v2-f4078ecdf2acd44afa0ccbf9b30069aa_qhd.jpg?source=57bbeac9" />
					</td>
					<td><img src="http://pc.wangpan.xycdn.n0808.com/aadf1e6472b68193564a427ee6a56777.jpg" /></td>
					<td><img src="https://p3.ssl.qhimgs1.com/sdr/400__/t01c82660b3b065691d.jpg" /></td>
				</tr>
			</table>
			<table border="0" width=900px cellspacing=1 cellpadding=3 align="left" id="tb1">
				<tr>
					<td>猜火车 8.1</td>
					<td>贝尔科实验 6.0</td>
					<td>加州公路巡警 6.8</td>
					<td>歌声不绝 6.3</td>
				</tr>
			</table>
			<table border="0" width=900px cellspacing=1 cellpadding=0 align="left">
				<tr>
					<td><img src="http://image11.m1905.cn/uploadfile/2020/0828/20200828104458695475.jpg" /></td>
					<td><img src="http://www.people.com.cn/mediafile/pic/20170310/2/9748471275926226538.jpg" /></td>
					<td><img src="https://so1.360tres.com/t01f29915ea5821137c.jpg" /></td>
					<td><img src="http://www.hnr.cn/hnr/3g/3gyule/201702/W020170222370864695597.jpg" /></td>
				</tr>
			</table>
			<table border="0" width=900px cellspacing=1 cellpadding=3 align="left" id="tb2">
				<tr>
					<td>明日的我与昨日的我</td>
					<td>速度与激情8</td>
					<td>极速特工</td>
					<td>金刚狼3 : 殊死一战</td>
				</tr>
			</table>
	</body>
</html>

运行结果：
在这里插入图片描述

四、利用课上所学，制作一个按钮

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			button {
				margin-left: 40px;
				margin-top: 40px;
				width: 120px;
				height: 70px;
				border: yellow dashed;
				border-radius: 15px;
				background-color: lightblue;
				font-family: monospace;
				font-size: 20px;
				font-weight: bold;
				font-style: italic;
				text-shadow: 2px 2px 2px orange,
					-2px -2px 2px orange;
				text-align: center;
				transition: 3s;
			}

			button:hover {
				background: url(https://c-ssl.duitang.com/uploads/item/202002/06/20200206220134_nvwyr.thumb.1000_0.jpeg);
				background-position: 50px 70px;
				text-decoration: underline;
				color: white;
				text-shadow: 2px 2px 2px crimson;
				border: solid purple;
				box-shadow: 4px 4px 4px plum,
					-4px -4px 4px plum;
			}
		</style>
	</head>
	<body>
		<div>
			<button>多样式按钮</button>
		</div>
	</body>
</html>

运行结果演示：
正常状态：
在这里插入图片描述

鼠标悬停后：
在这里插入图片描述

航沐忆
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaWeb
qq_61877487的博客
11-14 3216
参考自黑马JavaWeb课程笔记
javaweb项目实（含笔记与详细实现步骤）
07-20
JavaWeb项目实（含笔记与详细实现步骤） JavaWeb是一种基于Java技术的Web应用程序开发框架，它涵盖了服务器端编程、数据库交互、用户界面设计等多个方面。对于初学者来说，掌握JavaWeb开发是步入Web开发领域的关键...
html练习1(table的基本使用)
冰冰凉的博客
01-05 308
实现效果 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格练习</title> </head> <body> <h2>工商银行电子汇款单</h2> <div style="display: inline-block;width: 100%"> &
javaweb学习路线
qq_35218635的博客
07-03 8418
一、学习顺序 1、java语法，语法很重要，没有这个根本后面的也进行不下去，建议先学会应用了再去研究jdk源码，本身就是新手就想从原理开始了解，估计非常吃力，效果也不一定好。 2、数据库，首先学关系型数据库，通常的选择有mysql和oracle，我建议先学mysql，相比oracle要简单，同样 对于新手应用最重要，不要了解太深的。随便给个需求都能写出sql语句了再去研究深层次的也不晚。 3、jdbc，虽然现在没有企业用jdbc做开发了，但是我们仍然要学，因为其他的持久层框架都是对jdbc的...
JavaWeb专栏之(一)：什么是JavaWeb？
热门推荐
小Du猿的博客
02-01 21万+
JavaWeb专栏之(一)：什么是JavaWeb？ 前言： 关注：《遇见小Du说》微信公众号，分享更多Java知识，不负每一次相遇。更多内容请访问：www.dushunchang.top 本周小Du猿开始回炉JavaWeb相关的知识点，首次接触JavaWeb还是在大一，白驹过隙，日光荏苒，时隔三年，重炉javaweb仍然收获颇多。 实战开发中接触到Spring Boot后就很少再使用servlet，但仔细研究过Spring Boot底层源代码后，竟然发现Spring Boot竟让是servlet的封装迭代
JavaWeb搭建学生管理系统（手把手）
qq_52308536的博客
12-18 4万+
本文章仅供参考，适合新手搭建以及期末课设做JavaWeb，用到了mysql,tomcat,servlet+filter等 开发工具与环境 1.IntelliJ IDEA 2021.2.2 2.MySQL 8.0.20 3.jdk 1.8.0_144 ...
javaweb
jin_xinyu的博客
06-02 910
javaweb
javaweb概念
A_JOKER___的博客
11-07 639
什么是javaweb JavaWeb是指，所有通过Java语言编写可以通过浏览器访问的程序的总称，叫JavaWeb。 JavaWeb是基于请求和响应来开发的。 什么是请求 请求是指客户端给服务器发送数据，叫请求Request 什么是响应 响应是指服务器给客户端回传数据，叫响应Response ...
Javaweb框架 思维导图
qq_53551567的博客
10-09 850
javaweb知识点
JavaWeb 信息管理系统
flow
06-30 5500
InfoManagementSystem 项目地址 A simple student, teacher, class management system, based on JavaWeb and persistence layer handwritten ORM(simple MyBatis). 页面实现： Semantic-UI、Html、CSS（Less） JSP（EL表达式、JSTL标签库）:动态展示请求服务端获得的数据 JQuery、Ajax：异步访问、页面的局部更新 图1 登录页面 登录功能：
JavaWEB商城项目(包括数据库)
09-20
功能描述:包括用户的登录注册,以及个人资料的修改.商品的分类展示,详情,加入购物车,生成订单,到银行支付等!另外还有收货地址的和我的收藏等常用操作.环境(JDK 1.7 ,mysql 5.5,Eclipse mars2 ).
尚硅谷全新JavaWeb教程，企业主流javaweb技术栈 中代码
04-07
【JavaWeb教程详解】 JavaWeb开发是Java编程领域的一个重要分支，主要涉及构建基于Web的交互式应用程序。尚硅谷推出的全新JavaWeb教程聚焦于企业主流技术栈，旨在帮助开发者掌握实际工作中所需的关键技能。本教程...
教务管理系统javaweb项目
03-24
教务管理系统javaweb项目 运行环境：window系统，Apache Tomcat v7.0.84、JDK1.8 开发环境：J2EE eclipse、navicat for mysql 运用的技术：MVC设计模式、DAO模式、Servlet、JSP、Filter、MySQL数据库 该项目主要分为...
JavaWeb仿小米在线商城ShoppingMall
06-30
JavaWeb在线商城开发知识总结(java+jsp+servlet+MySQL+jdbc+css+js+jQuery) 可以实现浏览商品，查看商品详情，添加购物车，计算价格等功能 项目文章：...
javaweb操作数据库
绿色水杯
04-22 2742
🏫中北大学软件学院 🥇javaweb操作数据库 🥇2022/4/21 将jar包先导入到目录下。 导包 <%@ page import="java.sql.*" %> 整数据库的一套操作 <% Class.forName("com.mysql.jdbc.Driver"); // 这个是加载数据库驱动 Connection connection = DriverManager.getConnection("jdbc:mysql://localhost:3306/j.
启动Application 报错：no mapping for GET /（已解决）
qq_3512323979的博客
08-26 3708
no mapping for GET /因为我使用的是框架嘛，然后生成了一个SpringBoot项目后，resources下面就会有一个static的类，用于存放静态资源类，后面我把静态资源放在里面，但是启动启动类后，报错一直匹配不到。： 正常的话，我们使用SpringBoot框架，他会给我们提供许多便利，包括静态资源的自动服务，默认的话，他会去。报这个错可能还有其他原因，我的是因为这个，大家可以根据日志信息一步步检查，肯定可以解决的！类并覆盖其方法时，就会失去静态资源的自动服务
[C++规范] 访问类成员变量的方式：直接访问还是通过成员函数访问？
最新发布
Loewen丶的小窝
08-26 3751
在面向对象编程（OOP）中，通过成员函数（如`ME_HardwareTypeEnum Type() const;` 和 `int Id() const;`）来访问类的私有或受保护成员（如`m_hardwareType` 和 `m_id`），而不是直接通过公共成员访问，是一种更好的做法。
linux上datax 安装以及使用
寂夜了无痕的博客
08-24 4038
linux上datax 安装以及使用
JavaWeb基础与HTTP详解
JavaWeb技术是构建Web应用程序的一种核心方法，主要涵盖了使用Java语言和相关技术栈来开发动态网站。本篇文章将深入探讨JavaWeb开发中的基础知识，包括HTTP协议、静态与动态Web资源，以及HTTP请求和响应的工作机制。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值