web JSP的动态交互 cs与bs结构的区别， bs结构的超详细解释，jsp的表单验证

哈喽大家好，今天给大家分享一下bs结构和一个表单按理，还有一些基操

一，bs结构

1,bs结构与cs结构区别

cs client/server 客户端，服务器
bs brower/server 浏览器，服务器

2，bs结构、特点

3，JSP是什么？

JSP (Java Server Pages)是指：在HTML中嵌入Java脚本代码
由应用服务器中的JSP引擎来编译和执行嵌入的Java脚本代码然后将生成的整个页面信息返回给客户端

4，web容器的处理jsp三个阶段

翻译阶段
编译阶段
执行阶段

5，jsp的页面元素

6，page指令

7，request对象常用方法

二，基本操作

1更改端口

如果说我们的端口号被占用了，会报“mar already be runing in another”出现在报错当中，这说明我们需要手动更改我们的端口号，栓剂我们的服务器，打开这个页面

更改我们的html1这个端口号就行了

2、jsp文件本质

说一下.jsp的文件，jsp是一个文件格式它支持 java + html + css +js ，但jsp本质上就是一个java文件，我们写的是jsp文件，使用tomcat会把jsp文件变成java文件，然后我们的 jvm(java编译器)会把java变成.class文件。其实呢，我们所写的jsp文件，都会被编译程java文件，如果java文件需要运行就会被编译程class文件

3,表单的提交方式

method ，分为get，post两种， get【默认，显示在地址栏上，数据长度有限】
post 【不显示在地址栏上，数据长度无限】
post的name和pwd相似在网咯里 (f12）
如果要上传文件，照片头像，都是用post，因为它数据长度没有限制

三，表单案例

1，新建两个项目页面 login和dologin

2，login放html页面排版代码
dologin放java获取数据操作代码
login代码

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>login</title>
</head>
<body><form action="dologin.jsp" method="post"><p><font size="5" color="black">账号：</font> <input type="text"name="userName" placeholder="请输入账号" /></p><p><font size="5" color="black">密码：</font> <input type="password"name="userPwd" placeholder="请输入密码" /></p><p><font size="5" color="black">密码：</font> <input type="number"name="age" placeholder="请输入年龄" /></p><p><input type="checkbox" name="habit" vaule="看书">A <inputtype="checkbox" name="habit" vaule="打游戏">B <inputtype="checkbox" name="habit" vaule="打篮球">C <inputtype="checkbox" name="habit" vaule="打妹妹">D <inputtype="checkbox" name="habit" vaule="打哥哥">E <inputtype="checkbox" name="habit" vaule="大气球">F</p><p><button>登录</button><button>注册</button></p></form>
</body>
</html>

dologin代码

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<%
//内置用户 sa 123
//使用 request.getParament()
String username = request.getParameter("userName");//从请求中获取数据
String userpwd = request.getParameter("userPwd");
//数据类型不一致，需要强转
String age = request.getParameter("age");Integer.parseInt(age);//拿爱好String[]ts = request.getParameterValues("habit");//存入数据库的一个拼接操作
// out.print(ts);String my_habit ="";for (String habit:ts ){![在这里插入图片描述](https://img-blog.csdnimg.cn/4eb7112fd1d544fbb474b76e88ef1ee9.png#pic_center)my_habit+=habit+",";}//out.print(my_habit);//根据 ， 切割my_habit.split(",");
//
if ("sa".equals(username) && "123".equals(userpwd)) {out.print("登陆成功");
} else {out.print("sb 登录失败");}
%>

成功演示：

好了，上面就是今天带给大家的内容了，都看到这了，不留个赞在离开吗？

web JSP的动态交互 cs与bs结构的区别， bs结构的超详细解释，jsp的表单验证相关推荐

创建一个简单的后台教务管理系统,包含动态增删改查学生,年级和课程信息及查看登录日志等功能,包含表单验证.
创建一个简单的后台教务管理系统,包含动态增删改查学生,年级和课程信息及查看登录日志等功能,包含表单验证. 一.显示页面新建一个登录页面,即login.jsp <%--Created by In ...
【修真院web小课堂】angular js常用指令 ng-blur、ng-change、ng-focus、ng-disabled是如何运用到表单验证中的？
大家好,我是IT修真院武汉分院web第16期的学员孟晨,一枚正直纯洁善良的web程序员今天给大家分享一下,修真院官网js(职业)任务八,深度思考中的知识点--angular js常用指令 ng-bl ...
bootstrap-table之通用方法（时间控件，导出，动态下拉框，表单验证，选中与获取信息）
1.bootstrap-table 单击单行选中 $('#gzrwTable').on('click-row.bs.table', function(e, row, $element) { $('.s ...
配置web.xml和glassfish容器实现javaEE表单验证
web.xml配置:  <security-role><role-name>ReimUser</role-name&g ...
vue el-form表单验证，多表单验证及动态数据项表单验证
form表单验证是几乎所有web项目或者APP都会遇到的,那么通常遇到的表单验证情况主要分为以下三种: 1.form表单中的表单项项都是写死的意思是说,表单项不是根据动态数据加载出来的.那么只需要写 ...
JavaScriptBOM、数据交互JSON、表单验证
Java学习打卡:第88天 javaWeb - Javascript收尾和JSP以及制作内容导航获取文本框的value 获取下拉列表选中项的value change事件显示网页时钟 setine ...
antd 验证动态 required_3分钟短文：十年窖藏，Laravel告诉你表单验证的正确姿势
引言上一章我讲到了使用FormBuilder让后端开发者快速构建前端表单页面,而为了示例, 直接在store方法内把表单数据一股脑存到了数据库. 这!很!危!险! 本文教你正确地验证用户表单提交的数 ...
JavaScript学习笔记07【6个经典案例——电灯开关、轮播图、自动跳转首页、动态表格、表格全选、表单验证】
Java后端学习路线笔记汇总表[黑马程序员] w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符. ...
组件库实战 | 教你如何设计Web世界中的表单验证
教你如何设计Web世界中的表单验证