jsp新代码第252课

最新推荐文章于 2023-06-12 22:39:50 发布
最新推荐文章于 2023-06-12 22:39:50 发布
阅读量116 收藏
点赞数 1
分类专栏： Java 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/modern358/article/details/124058539
版权

new252.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>bootstrap的使用</title>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<script src="https://fastly.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
<style type="text/css">
	aside{
		border: 1px solid #cccccc;
	}
	
	aside ul li{
		padding: 5px 5px;
	}
	
	.content{
		border:  1px solid #cccccc;
	}
	
	section{
		padding: 5px 10px;
	}
	
	footer{
		background-color: #f8f8f8;
		height: 50px;
		border: 1px solid #e7e7e7;
		border-radius: 4px;
		margin-top:20px;
		padding: 15px 0px;
	}
	
	h5{
		font-weight: bold;
		font-size: 15px;
	}
</style>
</head>
<body>
<div class="container">
	<%-- 页头 --%>
	<div class="row">
		<div class="col-sm-7">
			<img alt="招商银行logo" src="img/logo.jpg" class="img-responsive">
		</div>
		<div class="col-sm-5">
			<div class="row">
				<div class="col-sm-12" style="padding-top: 20px;">
					<input type="text">
					<button class="btn">搜索</button>
				</div>
			</div>
		</div>
	</div>
	<%-- 导航栏 --%>
	<nav class="navbar navbar-default">
		<div class="navbar-header">
			<a class="navbar-brand" href="#"></a>
		</div>
		<ul class="nav navbar-nav">
			<li class="active"><a href="#">主页</a></li>
			<li><a href="#">个人业务</a></li>
			<li><a href="#">公司业务</a></li>
			<li><a href="#">小企业</a></li>
			<li><a href="#">i理财</a></li>
			<li><a href="#">商旅预订</a></li>
			<li><a href="#">今日招行</a></li>
			<li><a href="#">在线服务</a></li>
		</ul>
	</nav>
	<%-- 页面内容 --%>
	<div class="row">
		<div class="col-sm-3">
			<aside>
				<h5>在线服务</h5>
				<ul>
					<li><a href="#">生意贷</a></li>
					<li><a href="#">生意一卡通</a></li>
					<li><a href="#">特色创新功能</a></li>
					<li><a href="#">住房贷款</a></li>
					<li><a href="#">购房专享装修贷款</a></li>
					<li><a href="#">个人消费贷款</a></li>
					<li><a href="#">信用贷款</a></li>
					<li><a href="#">工资贷款</a></li>
					<li><a href="#">个人汽车贷款</a></li>
					<li><a href="#">商业用房贷款</a></li>
					<li><a href="#">个人留学贷款</a></li>
				</ul>
			</aside>
		</div>
		<div class="col-sm-9 content">
			<h4>个人消费贷款</h4>
			<section>
				<h5>适用客户</h5>
				<p>所有需要申请个人消费贷款的客户</p>
				<p>购车、装修、旅游、留学……各种用途任你选择！贷款金额最高可达1000万元！30年超长期限，全方位满足你各种消费需求！把你的房产变成提款机，尽情享用！</p>
				<p>期限：授信期限最长可达30年</p>
				<p>成数：最高7成</p>
			</section>
			<section>
				<h5>办理流程</h5>
				<p>距你成功贷款，只有三步！</p>
				<p>第一步：提交申请</p>
				<p>第二步：银行审批</p>
				<p>第三步：提款消费</p>
			</section>
			<section>
				<h5>你需要装备的贷款申请资料</h5>
				<p>1.身份证、婚姻证明</p>
				<p>2、房产证</p>
				<p>3、住址证明【至少任选其一】：水、电、气、电话或物业管理费用账单</p>
				<p>4、收入证明【至少任选其一】：工资证明、银行流水、所得税税单、社保记录、其他收入证明</p>
				<p>5、用途证明：提供相应的交易证明材料</p>
			</section>
		</div>
	</div>
	<%-- 页脚部分 --%>
	<div class="row">
		<div class="col-sm-12">
			<footer class="text-center"><p>招商银行 版权所有ICP许可证 粤B2-20200497</p></footer>
		</div>
	</div>
</div>
</body>
</html>

虾米大王
关注
专栏目录
2022年Servlect第十九课——案例实战
qq_56248592的博客
11-19 591
Servlect的注册. <!-- 注册oneServlet --> <!-- 第一部分 注册OneServlet--> <servlet> <!-- srvlet 增加名字 --> <servlet-name>OneServlet</servlet-name> <!--注册servlet地址 --> <servlet-class>com.servlet.......
2022年课时九——第7次课Servlect对象（HttpServlet对象）
qq_56248592的博客
10-18 464
HttpServletRequest对象常见的方法 //获得浏览器的请求，得到请求信息 //得到请求的URL地址 String a=request.getRequestURL().toString(); System.out.println(a); //得到请求的数据 String b=request.getRequestURI(); System.out.println(b); //得到请求的URL地址中附带的参数 String c=request.ge.
jsp基础语法
最新发布
2301_77162163的博客
06-12 1862
JSP（JavaServer Pages）是一种用于创建动态Web页面的技术，它允许开发者通过在HTML中嵌入Java代码来生成动态内容。该页面由HTML标签和JSP脚本构成。其中，<%= ... %>表示输出表达式的结果，而<% ... %>则表示执行一段Java代码。：定义文档类型为HTML。<html><head>和<title>：常规HTML标签，用于定义页面的结构和标题。<body>：包含了页面的主要内容。<h1>和<p>：用于定义标题和段落的HTML标签。
Java web学习day11 jsp（二）jsp
weixin_45627369的博客
10-10 170
jsp九大内置对象 jsp中的内置对象,是指Tomcat在翻译jsp页面成为Servlet源代码后，内部提供的九大对象 exception需要把page指令中的isErrorPage设置为true jsp四大域对象 四个域对象分别是： ①pageContext (PageContextImpl 类) 当前 jsp 页面范围内有效 ②request (HttpServletRequest 类) 一次请求内有效 b.jsp直接请求c.jsp转发为一次，先到b.jsp后到c.jsp为两次 ③session (
JSP的基础使用及应用案例
Willing卡卡的博客
07-20 3624
本文主要分享了有关JSP的相关知识，包括：JSP页面的格式、九个隐式对象、JSP三个页面的交互、JSP注释、输出语法、编译指令（导包、include）、JSP中调用类对象、遍历集合、使用JSP实现从数据库中拿到数据然后输出；
设置JSP页脚版权标识
ThinkPet
11-21 2614
若手动给所有页面都设置页脚版权，费时费力；现在有一个方法可以更便捷的设置页脚版权标识 方法：  1.首先把页脚版权标识放到web.xml中 &lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://x...
项目中，网页页脚的js实现方式
小付同学的博客
04-14 2960
最近，项目中需要给每个页面加入页脚，也就是一个网站由某某某公司开发什么的把，如下图，实现功能：出现纵滚动条时，页脚在页面内容的最下面；不出现纵滚动条时，固定在窗口的最最下面网上也有许多用CSS布局来实现页脚的，但是任然不够灵活，可能页面稍微变化下大小、比例、屏幕变化下分辨率什么的，这个CSS的布局可能就不起作用了，js才是万能的~简单介绍下js设置页脚的形式1、写一个共同的footer.jsp画面...
jsp大纲及总结
iiiamone的专栏
05-26 496
第一次课: 1. Web开发的特点(B/S) a) B/S对客户端要求低,有利于项目的升级的维护 b) Web项目可以跨平台 c) 界面不友好: html+js+css 但是extJS Flex 解决了界面简陋的问题 d) 对网络的依赖较大 2. Web开发的常用技术:JSP ASP.NET PHP a) JSP: Java在网络中的应用 开源 跨平台 功能强大 框
最新Java面试宝典pdf版
08-31
1. 判断第二个日期比第一个日期大 82 2. 用table显示n条记录，每3行换一次颜色，即1，2，3用红色字体，4，5，6用绿色字体，7，8，9用红颜色字体。 83 3、HTML 的 form 提交之前如何验证数值文本框的内容全部为数字? ...
web课程设计：HTML非遗文化网页设计题材【京剧文化】HTML+CSS+JavaScript
HTML网页设计
08-02 2414
🥇 关于作者: 💬历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！🍵茶文化网站、🏳️‍🌈中华传统文化题材、京剧文化🔏水墨风书画、中国民间年画文化艺术网站 、等网站的设计与制作。🏷️ 这个首页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒...
用jsp:include 包含分页导航、页脚等一些公共模块
山巅
11-21 7085
在应用中，我们经常碰到很多模块都要用到分页导航功能，特别是大数据量的应用，还有一些如个人消息、新闻头条、页脚等公共模块也一样，它们的实现代码几乎都一样，只是有个别参数不一样。如果我们在每个模块都COPY相同的代码，这样不但会造成生产效率的低下，而且还会提高维护成本，假设有一天，客户要求修改分页导航的风格，你就不得不去每个具有这种功能的页面去一一修改，那是很耗时间的。所以当我们碰到这种情况时，自然而
jsp中页码的实现
耀耀
11-26 1869
页码显示
jsp中将导航栏部分、主体部分、页脚部分分隔开
ych4513979的专栏
01-02 4257
通过以下方式可以将页面中的导航栏、网页主体内容、页脚分割成三个页面，有利于维护。 1 页面主体内容页面 body 2 导航栏页面 header 3 页脚页面 footer
如何将页脚（footer）保持在页面底部
热门推荐
码飞_CC的博客
08-24 1万+
文章目录1. 问题描述2. 解决方案2.1 使用position属性实现（兼容较老的浏览器）2.2 使用Flex实现2.3 使用Grid实现 1. 问题描述 将footer保持在视觉窗口的底部是常见的需求。当页面的内容主体高度较大（超出屏幕可视区域的高度）时，footer元素直接跟在内容后面即可。但是，当一个 HTML 页面包含少量的内容时，footer元素就会坐落在页面的中间，在下面留下空白，这看起来很糟糕，尤其是在大屏幕上。 如下图： 2. 解决方案 我们先给出基础的页面代码： <!DOCTYP
jsp代码实例第351课
虾米大王的学习历程
02-25 7692
code351.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body&
jsp新代码第285课
虾米大王的学习历程
05-28 3814
new285.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta
jsp代码实例第285课
虾米大王的学习历程
01-29 3098
code285.java package pack07; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest;
JSP登录界面示例代码
"这是一个简单的JSP登录界面的代码示例，适合初学者参考学习。它包含HTML表单以及与服务器端交互的JSP代码片段，用于验证用户输入的用户名和密码是否匹配。" 在Web开发中，JavaServer Pages (JSP) 是一种动态网页...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

虾米大王

有你的支持，我会更有动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值