JavaWeb--小白笔记07:servlet对表单数据的简单处理

news2024/9/24 8:28:28

这里的servlet对表单数据的处理是指使用IDEA创建web工程,再创建html和class文件进行连接,实现html创建一个表单网页,我们对网页中的表单进行填充,可以通过class文件得到网页我们填充的内容进行打印到控制台。

一登录系统页面---html

使用html文件在IDEA写一个登录的大致页面类似

1.在web文件下创建一个login.html文件选择html5,现在使用的是5.使用html4可能出现乱码在网页。

▲补充知识:post 和get获取响应的两种方式

GET方法通常用于请求数据。它用于从指定的资源获取数据,并将数据作为响应返回给客户端。GET请求可以被缓存,并且可以在浏览器历史中保留。

POST方法则主要用于提交数据。它通常用于向服务器发送数据,如提交表单数据。POST请求不会在浏览器历史中保留,并且不能被缓存。

所以我们这里使用的是Post响应----登录界面是四行两列

以下是具体代码:

将网页的头标签设置为"登录” ---网页的标签显示

然后在<body></body>身体里编写代码: 

<center></center>居中,但是在Html5被淘汰了

<form> </form>标签用于创建供用户输入的 HTML 表单。

<table></table> 标签定义 HTML 表格,且在Html5中的属性只支持 "border" 属性,并且只允许使用值 "1" 或 ""。

<tr></tr> 元素定义表格---表示定义了表格的一行

<td></td> 元素定义表格单元---将表格的一行分成了几个表格单元

关于<td>的属性

        colspan 属性定义单元格应该横跨的列数

        align 属性:位置,默认居左 left |center|right

所以这里的colspan=2----表格是两列,align=center是指居中

"<tr><td colspan="2" align="center">登录  </td></tr>"---将第一行设置为"登录"横跨两列居中

<input> 标签规定了用户可以在其中输入数据的输入字段,这里使用了input标签的属性---type属性的text,submit和passeword以及一个value属性

input 有一个type属性这里时使用了type属性的text,password和submit;

text:文本属性 ,

password:定义密码字段(字段中的字符会被遮蔽)

submit:定义提交按钮。

name 属性规定 <input> 元素的名称。

value属性指定 <input> 元素 value 的值。

<tr><td>用户名:</td> <td><input type="text" name="username"></td></tr>---这一行是指一个单元表格的内容是"用户名:" 然后另一个单元表格是一个单行文本字段---这个文本框的元素名字就是usernamduer

同理第三行的代码解读:

<tr><td>密码:</td><td><input type="password" name="password"></td></tr>---第一个单元表格内容:"密码:"第二个单元表格是指一个密码字段---这个密码字段的名字是password

第四行代码的解读:

<tr><td colspan="2" align="center"><input type="submit" value="login"><input type="reset"value="重置">  </td></tr>---第一个<td>是包含到最后的就是说里面的内容横跨2列且居中,里面的内容为第一个单元表格是一个名为"login"的提交按钮,第二个单元表格就是名为"重置"的提交按钮

所以最终效果为:

已经配置好了Html文件,可以在浏览器打开,现在需求就是将浏览器上输入的内容反映到Idea的控制中心打印内容

二.class文件的书写:

在src创建一个文件夹,在文件夹创建一个class文件:ServletDemo1 ,这个类需要继承或者实现HttpServlet,响应网页的请求

因为是从网页提取内容,所以这里使用的是request:请求 而不是repouse:响应,且要让请求使用utf-8编码 :request.setCharacterEncoding("UTF-8"); 然后获取输入的账号以及密码:

request.getParameter("username");request.getParameter("password");最后打印,以下就是具体的代码:

@WebServlet("/ServletDemo1")----Servlet注解

三.开始读取:

1.运行Html文件login.html 在打开的网页login界面

2.运行ServletDemo1

▲注意:要先在右上角选择Tomcat 9.0.94点击右边的运行案件

3.在网页的登录界面输入账号:thdll  密码:030429 然后点击login

4.点击login后可以在IDEA的控制中心看到打印的内容:thdll ,030429

感谢各位大佬的观看,求免费赞和点赞关注呀!!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2159898.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

[vulnhub] w1r3s.v1.0

https://www.vulnhub.com/entry/w1r3s-101,220/ 思路&#xff1a;红队笔记 主机发现端口扫描 使用nmap扫描网段类存活主机 因为靶机是我最后添加的&#xff0c;所以靶机IP是133 nmap -sP 192.168.75.0/24 // Starting Nmap 7.93 ( https://nmap.org ) at 2024-09-20 09:09 CST…

MySQL 数据库安装(详细教程)

文章目录 一、前言二、下载 MySQL2.1 安装包方式2.2 压缩包方式&#xff08;推荐&#xff09; 三、安装 MySQL3.1 解压 MySQL 文件3.2 配置环境变量3.3 初始化 data 目录3.4 安装 MySQL 服务3.5 开启 MySQL 服务3.6 修改 MySQL 密码 四、卸载 MySQL4.1 停止 MySQL 服务4.2 删除…

MySQL record 08 part

数据库连接池&#xff1a; Java DataBase Connectivity&#xff08;Java语言连接数据库&#xff09; 答&#xff1a; 使用连接池能解决此问题&#xff0c; 连接池&#xff0c;自动分配连接对象&#xff0c;并对闲置的连接进行回收。 常用的数据库连接池&#xff1a; 建立数…

【WRF运行第三期】服务器上运行WRF模型(官网案例-Hurricane Matthew)

【WRF运行第三期】运行WRF模型&#xff08;官网案例-Hurricane Matthew&#xff09; 官网案例-Hurricane Matthew介绍0 创建DATA文件夹1 WPS预处理1.1 解压GRIB数据&#xff08;ungrib.exe&#xff09;1.1.1 解压GRIB数据---GFS&#xff08;Matthew案例研究数据&#xff09;1.1…

Bytebase 2.22.3 - 一键回滚 PostgreSQL DML 变更

&#x1f680; 新功能 支持一键回滚 PostgreSQL DML 变更。 &#x1f384; 改进 优化 DML 事前备份和回滚体验&#xff1a; 引导用户创建 bbdataarchive 数据库。如果没有 bbdataarchive 数据库&#xff0c;无法开启备份功。用户现在可以在创建工单之后开启或关闭备份功能&a…

PyCharm远程连接AutoDL服务器实现程序调试

本文详细介绍了如何在Pycharm中配置SSH和SFTP&#xff0c;以便于在AOTUDL服务器上进行代码修改、调试。步骤包括新建工程、配置SFTP连接、设置Rootpath和Mapping&#xff0c;以及实现自动上传和下载文件的功能。远程服务器编辑调试只是试用于专业版本的pycharm&#xff0c;我的…

【LLM学习之路】9月22日 第九天 自然语言处理

【LLM学习之路】9月22日 第九天 直接看Transformer 第一章 自然语言处理 自然语言处理发展史 只要看的足够多&#xff0c;未必需要理解语言 统计语言模型发展史 统计语言模型&#xff1a; 判断一个句子是否合理&#xff0c;就计算这个句子会出现的概率 缺点是句子越长越…

微软推迟在MDM设备上启用OOBE强制更新 因为IT管理员反馈称缺乏控制

微软很久之前就计划在 Windows 10/11 OOBE 期间强制下载更新&#xff0c;即若检测到系统本身属于旧版本例如并未安装最新累积更新&#xff0c;则在 OOBE 期间强制下载最新累积更新并自动安装。这种更新方式已经在面向消费者的设备上启用&#xff0c;而上周微软则是在适用于企业…

盘点那些功能强大的思维导图在线工具,你用过几个

如果我们日常遇到比较繁杂的信息需要梳理&#xff0c;那我比较推荐使用思维导图在线工具进行梳理。这些工具可以通过图形化的方式展示各种信息之间的关系。这篇文章我将要介绍几款好用的思维导图工具帮我们更好的组织思维。 1.福晰思维导图 链接一下&#xff1a;https://www.…

GPIO与MIO控制LED——ZYNQ学习笔记2

一、GPIO简介 ZYNQ 分为 PS 和 PL 两部分&#xff0c;那么器件的引脚&#xff08; Pin&#xff09;资源同样也分成了两部分。 ZYNQ PS 中的外设可以通过 MIO&#xff08; multiplexed I/O&#xff0c;多路复用 I/O&#xff09;模块连接到 PS 端的引脚上&#xff0c;也可以通过 …

HTML讲解(三)通用部分

目录 1.空格标记 2.特殊文字的标记 3.注释语句 4.对文字字体的设置 5.修改文字形态 6.换行标记 7.居中标记 8.水平线标记 9.设置滚动弹幕 1.空格标记 在HTML中&#xff0c;我们想打印空格并不能直接敲一个空格键&#xff0c;因为如果是敲空格键&#xff0c;那无论你敲…

【JUC并发编程系列】深入理解Java并发机制:Volatile从底层原理解析到高级应用技巧(六、Volatile关键字、JMM、重排序、双重检验锁)

文章目录 【JUC并发编程系列】深入理解Java并发机制&#xff1a;Volatile从底层原理解析到高级应用技巧(六、Volatile关键字、JMM、重排序、双重检验锁)1. Volatile的特性2. Volatile的用法3. CPU多核硬件架构剖析4. JMM内存模型4.1 主要特性4.2 JMM 的工作原理4.3 实现机制 5.…

Leetcode面试经典150题-39.组合总数进阶:40.组合总和II

本题是扩展题&#xff0c;真实考过&#xff0c;看这个题之前先看一下39题 Leetcode面试经典150题-39.组合总数-CSDN博客 给定一个候选人编号的集合 candidates 和一个目标数 target &#xff0c;找出 candidates 中所有可以使数字和为 target 的组合。 candidates 中的每个数…

Docker:解决开发运维问题的开源容器化平台

云计算de小白 Docker是一个开源的容器化平台&#xff0c;可以将应用程序及其依赖的环境打包成轻量级、可移植的容器。 Docker为什么这么受欢迎呢?原因很简单&#xff1a;Docker可以解决不同环境一致运行的问题&#xff0c;而且占用资源少&#xff0c;速度快。 所以好的东西…

链式队列操作

文章目录 &#x1f34a;自我介绍&#x1f34a;概述&#x1f34a;链式队列代码linkstack.clinkstack.hmain.c 你的点赞评论就是对博主最大的鼓励 当然喜欢的小伙伴可以&#xff1a;点赞关注评论收藏&#xff08;一键四连&#xff09;哦~ &#x1f34a;自我介绍 Hello,大家好&…

OmniPeek 空口抓包软件安装指导

OmniPeek 空口抓包软件安装指导 1 双击omnp75安装包---Unzip解压缩 生成install包 2 进入install文件夹点击setup开始进入安装界面 3 点击install Omnipeek 4 点击next,勾选手动安装

云原生虚拟化kubevirt安装

kubevirt 介绍 Kubevirt 是 Redhat 开源的一套以容器方式运行虚拟机的项目&#xff0c;通过 kubernetes 云原生方式来管理虚拟机生命周期。它通过使用自定义资源&#xff08;CRD&#xff09;和其它 Kubernetes 功能来无缝扩展现有的集群&#xff0c;以提供一组可用于管理虚拟机…

9.23作业

仿照string类&#xff0c;自己手动实现 My_string 代码如下 MyString.h #ifndef MYSTRING_H #define MYSTRING_H #include <iostream> #include <cstring>using namespace std;class My_string { private:char *ptr; //指向字符数组的指针int size; …

socket.io-client实现实前后端时通信功能

这里我使用的后端 基于node.js的koa框架 前端使用的是vite {"name": "hou","version": "1.0.0","description": "","main": "app.js","scripts": {"test": "echo …

Pointnet++改进59:全网首发MogaBlock(2024最新模块)|用于在纯基于卷积神经网络的模型中进行判别视觉表示学习,具有良好的复杂性和性能权衡

简介:1.该教程提供大量的首发改进的方式,降低上手难度,多种结构改进,助力寻找创新点!2.本篇文章对Pointnet++特征提取模块进行改进,加入MogaBlock,提升性能。3.专栏持续更新,紧随最新的研究内容。 目录 1.理论介绍 2.修改步骤 2.1 步骤一 2.2 步骤二 2.3 步骤三 1.…