html阶段性小结1---简单的登录界面及跳转

最新推荐文章于 2024-07-25 11:52:08 发布
最新推荐文章于 2024-07-25 11:52:08 发布
阅读量343 收藏 4
点赞数
分类专栏： Java Web 文章标签： html web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43321732/article/details/112895766
版权

学完html的基本标记之后，做一小结，写一个简要的登录页面
内容包括表格和表单的使用，以及图片的导入和超链接标记
截图：
在这里插入图片描述
在这里插入图片描述

登录（html常用标记.jsp）

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>阶段性学习成果---登录</title>
</head>
<body>
<form action = "url" method = "post" name = "login">
	<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
		<tr>
    		<td><img src="images/01.jpg" width="1000" height="200"></td>
  		</tr>
	</table>
	<table width = "900" border = "0" align = "center" valign = "middle" cellpadding="0" cellspacing="0">
		<tr height = "30">
			<td width = "400" align = "right" valign = "middle">账&nbsp;号：</td>
			<td align = "left" valign = "middle">
				<input name = "username" type = "text" id = "username1" maxlength = "20">
			</td>
		</tr>
		<tr height = "30">
			<td width = "400" align = "right" valign = "middle">密&nbsp;码：</td>
			<td align = "left" valign = "middle">
				<input name = "password" type = "password" id = "password1" maxlength = "20">
			</td>
		</tr>
		<tr height = "30" width = "400" align = "center">
			<td width = "400" align = "right" valign = "middle"></td>
			<td align = "left" valign = "middle">
				<a href = "登录成功.jsp">
				<input name = "submit" type = "button" id = "submit1" value = "登录" style="width:165px;height:25px">
				</a>
			</td>
		</tr>
	</table>
</form>
</body>
</html>

登录成功跳转(登录成功.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>
登录成功！！！
</body>
</html>
♡-流浪孩
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue的动态组件keep-alive---组件的失活缓存 Vue的过渡与动画 Vue阶段小结
weixin_45343878的博客
08-09 1580
动态组件 动态组件keep-alive 过渡 选项卡效果可以通过 Vue 的 元素加一个特殊的 is 特性实现 Vue可以在不同组件之间进行动态切换，这种方法称为动态组件 ①绑定is特性 ②绑定计算属性 此时，切换activeTab便可以切换展示信息 动态组件keep-alive—失活缓存 失活缓存keep-alive： 重新创建动态组件的行为通常是非常有用的，但是在这个案例中，我们更希...
vue单页应用的内存泄露定位和修复问题小结
12-10
2. 使用原生事件监听器：类似于全局变量，当在组件的`mounted`阶段添加事件监听器，如`window.addEventListener('resize', this.func)`，若未在`destroyed`阶段移除，事件监听器将继续保留对组件方法的引用。...
移动办公微应用系统小程序 毕业设计-附源码51406
yuyuxun的博客
06-21 752
PHP是由一种使软件开发者可以响应客户端请求，而动态生成HTML、XML或其它格式文档的Web网页的技术标准。PHP技术是以PHP语言作为脚本语言的，PHP网页为整个服务器端的PHP库单元提供了一个接口来服务于HTTP的应用程序。 PHP使代码和特定的预定义动作可以嵌入到静态页面中，所以早期的PHP页面的控制都是通过页面里的PHP语言进行操作，但是这样代码的耦合度很高，不利于后期的开发与维护。通过PHP可以结合HTML网页、PHP指令和ActiveX元件建立动态、交互且高效的WEB服务器应用程序。
跳蚤市场网站 毕业设计-附源码83381
Vxin_CXSJ881的博客
06-19 1085
V8引擎本身使用了一些最新的编译技术。这使得用Javascript这类脚本语言编写出来的代码运行速度获得了极大提升，又节省了开发成本。对性能的苛求是Node的一个关键因素。 Javascript是一个事件驱动语言，Node利用了这个优点，编写出可扩展性高的服务器。Node采用了一个称为“事件循环(event loop）”的架构，使得编写可扩展性高的服务器变得既容易又安全。提高服务器性能的技巧有多种多样。Node选择了一种既能提高性能，又能减低开发复杂度的架构。这是一个非常重要的特性。
新能源汽车换电帮管理小程序的设计与实现 毕业设计-付源码40164
yuyuxun的博客
05-22 914
新能源汽车换电帮管理小程序的设计主要是对系统所要实现的功能进行详细考虑，确定所要实现的功能后进行界面的设计，在这中间还要考虑如何可以更好的将功能及页面进行很好的结合，方便用户可以很容易明了的找到自己所需要的信息，还有系统平台后期的可操作性，通过对信息内容的详细了解进行技术的开发。 新能源汽车换电帮管理小程序的开发利用现有的成熟技术参考，以源代码为模板，分析功能调整与新能源汽车换电帮管理小程序管理的实际需求相结合，讨论了新能源汽车换电帮管理小程序管理的使用。
关于学习uni-app的学习总结
weixin_71894870的博客
05-20 767
这个是学习了uni-app一点点的看法
小型超市管理系统的设计与实现 毕业设计-附源码011136
热门推荐
weixin_BYSJ1987的博客
11-07 4万+
本设计主要实现集人性化、高效率、便捷等优点于一身的小型超市管理系统 ，完成用户管理、分类信息、商品信息、商品销售、商品进货、客户管理、供应商管理、通知公告、商品利润等功能模块。系统通过浏览器与服务器进行通信，实现数据的交互与变更。只需通过一台电脑，动动手指就可以操作系统，实现数据通信管理。整个系统的设计过程都充分考虑了数据的安全、稳定及可靠等问题，而且操作过程简单。本系统通过科学的管理方式、便捷的服务提高了工作效率，减少了数据存储上的错误和遗漏。
跨平台应用开发进阶(三)： uni-app 实现资源在线升级/热更新
IT全栈 华强工作室
02-13 8495
文章目录一、前言二、wgt 资源升级包升级2.1 修改版本号2.2 发行2.3 安装资源升级包2.3.1 代码示例三、整包升级3.1 客户端实现3.2 服务端实现四、拓展阅读 一、前言 使用 uni-app 开发跨终端应用，可将代码编译到iOS、Android、微信小程序等多个平台，升级时也需考虑多平台同步升级。其中，uni-app发布为小程序的升级模式较简单，只需将开发完的代码提交小程序后台，待审核通过后用户将自动升级。 HBuilderX 1.6.5 起，uni-app 支持生成 App 资源升级包w
Servlet - JavaEE初阶 - 细节狂魔
DarkAndGrey的博客
06-03 2277
文章目录前言前置知识：Maven 前言 前文说到： 其实 web 开发主要的工作就是在 动态页面 这边。 因此接下来重点学习的，就是 动态页面的构造。 动态页面的构造：其实就是学习 Tomcat 给程序员提供的这组用来操作 HTTP 的 API。 我们给 这组 API，单独起了个名字：Servlet。 Servlet，可以说是在Java世界中，进行 web 开发的一个基石。 我们未来用到一些像 Spring 这样的框架，其实它也是基于 Servlet 这样的机制，进行了进一步的封装。   Servlet
Springboot蛋糕店预订及购买小程序-计算机毕业设计源码83646
Biye_Design的博客
06-02 884
使用MySQL数据库，对本Springboot蛋糕店预订及购买小程序的各个功能以及用户的需求做出了解释，然后根据用户蛋糕甜品交易的需求，再介绍了系统的总体设计以及其详细设计，给用户提供了Springboot蛋糕店预订及购买小程序的总体结构的搭建方法。从而满足用户自主交易的需求。
[纯C语言 + Win32 API]一步一步写个围棋程序之十六：sgf棋谱支持与小结
09-07
在项目的小结阶段，你应该回顾整个开发过程，检查代码的可读性、效率和维护性。确保所有功能都已实现并正常工作，同时对代码进行必要的重构和优化。此外，也要总结你在项目中学到的技术点，如C语言的深度应用、Win32...
J2EE电子商务系统开发从入门到精通--基于Struts和Hibernate技术实现
02-28
**4.5 小结** - 本章节详细介绍了如何利用J2EE技术栈构建一个企业级的在线综合信息管理系统，从需求分析到系统设计，再到具体实现和后期运维，涵盖了整个项目生命周期的关键环节。 #### 第五章 员工登录系统 **...
工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究
02-28
2.4 本章小结 15 第三章 跨域交互缓存处理设计 17 3.1 跨域交互缓存处理需求 17 3.1.1 缓存技术WebStorage 17 3.1.2 跨域交互缓存处理需求 17 3.1.3 页面回退管理需求 17 3.2 缓存处理机制 18 3.2.1 跨域缓存处理 18...
【HTML】iframe
小秀的博客
07-24 349
标签是 HTML 中的⼀个元素，⽤于在当前 HTML ⽂档中嵌⼊另⼀个 HTML ⽂档。它可以在⼀个 HTML ⻚⾯中嵌⼊另⼀个 HTML ⻚⾯或其他类型的⽂档，⽐如 PDF ⽂件或视频⽂件。其中 src 属性指定要嵌⼊的⽂档的 URL，可以是⼀个 HTML ⻚⾯、⼀个 PDF ⽂件或⼀个视频⽂件等等。通过设置 width 和 height 属性可以指定。
基于 HTML+ECharts 实现的大数据可视化平台模板（含源码）
柯晓楠
07-24 3326
大数据的可视化对于企业决策、市场分析和业务洞察至关重要。通过直观的数据展示，团队可以快速理解复杂的数据模式，发现潜在的业务机会。本文将详细介绍如何利用 HTML 和 ECharts 实现一个功能丰富的大数据可视化平台模板。
iframe 渲染请求到的 html (邮件预览), 避免样式污染 + 打印 iframe 邮件详情 + iframe 预览邮件时固定水平滚动条在视口底部
最新发布
汤一飞
07-25 1020
iframe 预览邮件 + 打印邮件 + 模拟滚动条
初识HTML文件，创建自己的第一个网页！
2301_79959126的博客
07-24 933
本文旨在初步介绍HTML（超文本标记语言），帮助读者理解HTML中的相关术语及概念，并使读者在完成本文的阅读后可以快速上手编写一个属于自己的简易网页。
vue-admin-template不登录跳转到一个新的界面
05-31
如果你想要在用户没有登录的情况下跳转到一个新的界面，可以在 `src/router/index.js` 文件中定义一个全局前置守卫（global beforeEach guard），检查用户是否已经登录。如果用户没有登录，则可以将其重定向到新的界面。 例如，如果你想要在用户没有登录的情况下跳转到 `/login` 路由，可以按照以下步骤实现： 1. 在 `src/router/index.js` 文件中导入 `store` 对象： ```javascript import store from '@/store' ``` 2. 在路由对象中定义一个全局前置守卫，检查用户是否已经登录： ```javascript const router = new VueRouter({ // ... }) router.beforeEach((to, from, next) => { if (to.path !== '/login' && !store.getters.isLoggedIn) { next('/login') // 如果用户没有登录，则重定向到 /login 路由 } else { next() } }) ``` 在这个守卫中，我们检查用户是否已经登录。如果用户已经登录或者正在尝试访问 `/login` 路由，则直接放行。否则，我们将其重定向到 `/login` 路由。 3. 在 `src/views/` 目录下创建一个 `Login.vue` 文件，作为登录界面。 4. 在 `src/router/index.js` 文件中添加一个 `/login` 路由： ```javascript const router = new VueRouter({ routes: [ // ... { path: '/login', name: 'login', component: () => import('@/views/Login.vue') } ] }) ``` 这样，当用户尝试访问需要登录才能访问的路由时，他们将被重定向到 `/login` 路由，以便进行登录操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值