JSP基本语法&表单提交方式

JSP基本语法&表单提交方式

  • 基本语法
  • 表单提交方式

JSP的本质是什么?

jsp是一个文件格式:

  • jsp=java + html + css +js

jsp本质上就是一个java文件:

  • 我们写的是jsp文件。

  • tomcat会把jsp文件变成java文件。

  • jvm(java编译器)会把java变成.class。

B/S结构与C/S结构的区别是什么?

B/S brower/server 浏览器,服务器

C/S client/server 客户端,服务器

URL的由几个部分组成?

url:由三个部分组成:

协议、主机、端口

如:(协议,一般是https)http://(主机)localhost:(端口)8080

常见的错误:

404 页面找不到(路径存在问题)

500 java代码有问题

基本语法

JSP基本语法&表单提交方式_第1张图片

JSP页面由5种元素组合而成:

  • HTML页面内容
  • JSP注释
  • JSP指令
  • JSP脚本元素
  • JSP动作元素

本节主要讲JSP指令。

JSP指令:

  • page指令称为页面指令,用来定义JSP页面的全局属性

图片来自百度图片

JSP基本语法&表单提交方式_第2张图片

  • include指令是文件加载指令,用于在JSP文件中插入一个包括文本或代码的文件。
<%@ include file="test.jsp"%>
<%@ include file="test.txt"%>
<%@ include file="test.html"%>
  • taglib指令用来引用标签库并设置标签库的前缀。

    • taglib有2个属性,url用来指定标签文件或标签库的存放位置,prefix用来指定标签库所使用的的前缀。
    <%@ taglib prefix="j" url="https://www.csdn.net"%>
    

表单提交方式

原理:

  1. 客户端发出请求
  2. 请求发到服务器
  3. 服务器处理请求(查询,插入)
  4. 服务器把响应给客户端

请求(request) 客户端—》服务器

响应(response) 服务器—》客户端

需要让项目添加到服务器的目录底下

JSP基本语法&表单提交方式_第3张图片

运行一次过后,项目会自动添加到服务器底下,然后就可以在网页上打开你的项目了。

例:http://localhost:8080/Web_Project/login.jsp

(http://localhost:8080(为本机地址)Web_Project(为项目目录)login.jsp(为项目名称))自行替换

输入:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




Insert title here


<%--
表单(form)
	action:表单提交的地址
	method:表单提交的方式
		* get(默认) 显示在地址栏上,数据长度有限制
		* post 不显示在地址栏上,且数据长度没有限制
必须携带name属性,不然接收不到数据
--%>

A B C D

效果如下(页面放大200%):

JSP基本语法&表单提交方式_第4张图片

接收:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

这里是处理登录请求的界面

<% //内置用户:sa 123 //获取用户提交过来的表单信息 //取到的数据全都是String类型,如果需要其他类型,需要自己手动转换 String username=request.getParameter("username");//从请求中取数据 String password=request.getParameter("password");//从请求中取数据 //接收多个具备相同name属性的值 //String[] ts=request.getParameterValues("habit"); String[] ts=request.getParameterValues("habit"); //遍历 String My_habit=""; for(String habits:ts){ System.out.println(habits);//这一行不会显示在页面上,而是显示在eclipse控制台上 My_habit+=habits+",";//字符串的拼接 } //保存到数据库中的数据应该是一个数据 out.print(My_habit);//这是打印到页面上(代替数据库存放) //做登录验证(使用内置用户进行验证) if("sa".equals(username)&&"123".equals(password)){ out.print("登录成功"); }else{ out.print("登录失败"); } %>

效果如下(页面放大200%):

JSP基本语法&表单提交方式_第5张图片
本文到此为止,接下来小编还会写一些关于JavaWeb内容的博客,如果有喜欢的话,希望可以给予小编三连(点赞+收藏+关注)

你可能感兴趣的:(笔记,eclipse,java,tomcat)