当前位置：首页 > news >正文

准备我们心爱的IDEA写Jsp

news 2026/2/10 21:26:03

JSP学习

一、准备我们心爱的IDEA

在这里插入图片描述

new一个项目：New Project --> Next -->Next -->Finsh

在这里插入图片描述

二、配置好服务器Tomcat-9.0.30

在这里插入图片描述

1.> 在WEB-INF下创建一个Lib包

将jsp-api.jar复制进去，并使其生效

在这里插入图片描述

未生效前：

在这里插入图片描述

生效过程：

在这里插入图片描述

2.> 用锤子配置汤姆猫TomCat

点击+ 号选择本地的汤姆猫
在这里插入图片描述

在Deployment中的 + 号选择Artifat

在这里插入图片描述

将多余的名称删去，为了方便找到

在这里插入图片描述

三、编写JSP文件

1.> 在web包下创建以.jsp为后缀名的文件

在这里插入图片描述

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html><head><title>$Title$</title></head><body>$END$</body>
</html>

2.>语法

JSP注释：为代码作注释以及将某段代码注释掉。

<%-- 该部分注释在网页中不会被显示--%>

<%-- 注释 --%> JSP注释，注释内容不会被发送至浏览器甚至不会被编译

脚本程序的语法格式：

<% 代码片段 %>

JSP表达式

<%= 表达式 %>

四、写个代码爽一下

运行–前提网址正确

1.>求字符串的长度

<%--Created by IntelliJ IDEA.User: 86156Date: 2023/9/4Time: 10:28To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>案例1--求字符串的长度</title>
</head>
<body><%--java代码在下面的标识里面写入<%%>中--%>
<%String str = "hello";out.println("字符串长度为：" + str.length() + "，字符串：" + str);%>
</body>
</html>

运行结果：

网络：http://localhost:8080/FirstWeb2_war_exploded/strlen.jsp

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

2.>计算数组平均值

<%--Created by IntelliJ IDEA.User: 86156Date: 2023/9/18Time: 9:15To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>计算平均值</title>
</head>
<body>
<%int arraySize = 5;int[] numbers = new int[arraySize];numbers[0] = 10;numbers[1] = 20;numbers[2] = 30;numbers[3] = 40;numbers[4] = 50;int sum = 0;for (int i = 0; i < arraySize; i++) {sum += numbers[i];}double average = (double) sum / arraySize;
%>平均值是：<%= average %>
</body>
</html>

http://localhost:8080/FirstWeb2_war_exploded/IntARRay.jsp

在这里插入图片描述

3.>九九乘法表

方式一：

<%--Created by IntelliJ IDEA.User: 86156Date: 2023/9/11Time: 11:16To change this template use File | Settings | File Templates.
--%><%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head><style>table {border-collapse: collapse;}th, td {border: 1px solid black;padding: 10px;text-align: center;}.odd {background-color: lightblue;}.even {background-color: lightgreen;}</style>
</head>
<body>
<table><tr><th></th><% for (int i = 1; i <= 9; i++) { %><th><%= i %></th><% } %></tr><% for (int i = 1; i <= 9; i++) { %><tr><th><%= i %></th><% for (int j = 1; j <= 9; j++) { %><% int result = i * j; %><td class="<%= (i + j) % 2 == 0 ? "even" : "odd" %>"><%= i %> * <%= j %> = <%= result %></td><% } %></tr><% } %>
</table>
</body>
</html>

http://localhost:8080/FirstWeb2_war_exploded/multitable1.jsp

在这里插入图片描述

方式二：

<%--Created by IntelliJ IDEA.User: 86156Date: 2023/9/11Time: 10:55To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html lang="en">
<head><style>table {border-collapse: collapse;}th, td {border: 1px solid black;padding: 10px;text-align: center;}.odd {background-color: lightblue;}.even {background-color: lightgreen;}</style>
</head>
<body>
<table><tr><th></th><% for (int i = 1; i <= 9; i++) { %><th><%= i %></th><% } %></tr><% for (int i = 1; i <= 9; i++) { %><tr><th><%= i %></th><% for (int j = 1; j <= 9; j++) { %><% int result = i * j; %><% if (j >= i) { %><td class="<%= (i + j) % 2 == 0 ? "even" : "odd" %>"><%= i %> * <%= j %> = <%= result %></td><% } else { %><td></td><% } %><% } %></tr><% } %>
</table>
</body>
</html>

http://localhost:8080/FirstWeb2_war_exploded/multitalbe2.jsp

在这里插入图片描述

4.>获取圆的面积：

STEP1：编写一个圆的类

在src下，new一个包，包下new一个class文件为circle

如图：

在这里插入图片描述

写好私有域的r，利用ptg快速生成JavaBean (ptg可以在插件中下载）

在这里插入图片描述

package cn.heima.circle2;public class Circle {private  double r;public Circle() {}public Circle(double r) {this.r = r;}/*** 获取* @return r*/public double getR() {return r;}/*** 设置* @param r*/public void setR(double r) {this.r = r;}public String toString() {return "Circle{r = " + r + "}";}public  double getAreacIR(){return  Math.PI*this.r*this.r;}
}

STEP2：在JSP文件下导入Circle文件：

导入方法

<%@ page import="cn.heima.circle2.Circle" %>

<%--Created by IntelliJ IDEA.User: 86156Date: 2023/9/11Time: 11:27To change this template use File | Settings | File Templates.
--%>
<%--Created by IntelliJ IDEA.User: 86156Date: 2023/9/11Time: 11:27To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="cn.heima.circle2.Circle" %>
<html>
<head><title>CircleDemo</title>
</head>
<body>
<%Circle c = new Circle(1.0);out.print(c.getAreacIR());
%>
</body>
</html>

结果

在这里插入图片描述

准备我们心爱的IDEA写Jsp

JSP学习一、准备我们心爱的IDEA new一个项目：New Project --> Next -->Next -->Finsh 二、配置好服务器Tomcat-9.0.30 1.> 在WEB-INF下创建一个Lib包将jsp-api.jar复制进去，并使其生效未生效前： 生效过程： 2.>…...

编程日记 2023/9/21 13:40:43

将近 5 万字讲解 Python Django 框架详细知识点（更新中）

Django 框架基本概述 Django 是一个开源的 Web 应用后端框架，由 Python 编写。它采用了 MVC 的软件设计模式，即模型（Model）、视图（View）和控制器（Controller）。在 Django 框架中&am…...

编程日记 2023/9/21 13:39:42

Arcgis提取每个像元的多波段反射率值

Arcgis提取每个像元的多波段反射率值数据预处理数据预处理阶段需要对遥感图像进行编辑传感器参数、辐射定标、大气校正、正射校正，具体流程见该文章裁剪研究区对于ENVI处理得到的tiff影像，虽然是经过裁剪了，但是还存在黑色的背景值&a…...

编程日记 2023/9/21 13:38:41

JavaScript面试题整理（一）

数据类型篇 1、JavaScript有哪些数据类型，它们的区别是什么？ 基本数据类型：number、string、boolean、undefined、NaN、BigInt、Symbol 引入数据类型：Object NaN是JS中的特殊值，表示非数字，NaN不是数字…...

编程日记 2023/9/21 13:37:40

数据结构：树和二叉树之-堆排列 (万字详解)

目录树概念及结构 1.1树的概念 1.2树的表示编辑2.二叉树概念及结构 2.1概念 2.2数据结构中的二叉树：编辑 2.3特殊的二叉树： 编辑 2.4 二叉树的存储结构 2.4.1 顺序存储： 2.4.2 链式存储： 二叉树的实现及大小堆…...

编程日记 2023/9/21 13:36:38

爬虫入门基础：深入解析HTTP协议的工作过程

目录一、HTTP协议简介二、HTTP协议的工作过程三、请求方法与常见用途四、请求头与常见字段五、状态码与常见含义六、进阶话题和注意事项总结在如今这个数字化时代，互联网已经成为我们获取信息、交流和娱乐的主要渠道。而在互联网中，HTTP协…...

编程日记 2023/9/21 13:35:38

k8备份与恢复-Velero

简介 Velero 是一款可以安全的备份、恢复和迁移 Kubernetes 集群资源和持久卷等资源的备份恢复软件。 Velero 实现的 kubernetes 资源备份能力，可以轻松实现 Kubernetes 集群的数据备份和恢复、复制 kubernetes 集群资源到其他kubernetes 集群或者快速复制生产环境…...

编程日记 2023/9/21 13:34:37

基于Python开发的火车票分析助手(源码+可执行程序+程序配置说明书+程序使用说明书)

一、项目简介本项目是一套基于Python开发的火车票分析助手，主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的Python学习者。包含：项目源码、项目文档等，该项目附带全部源码可作为毕设使用。项目都经过严格调试，…...

编程日记 2023/9/21 13:33:36

旺店通·企业奇门与金蝶云星空对接集成订单查询连通销售订单新增(旺店通销售-金蝶销售订单-小红书)

旺店通企业奇门与金蝶云星空对接集成订单查询连通销售订单新增(旺店通销售-金蝶销售订单-小红书) 接通系统：旺店通企业奇门慧策最先以旺店通ERP切入商家核心管理痛点——订单管理，之后围绕电商经营管理中的核心管理诉求，先后布局流量获取、会…...

编程日记 2023/9/21 13:32:35

卡尔曼滤波应用在数据处理方面的应用

卡尔曼滤波应用到交通领域滤波器介绍核心思想核心公式一维卡尔曼滤波器示例导入所需的库滤波器介绍卡尔曼滤波器是一种用于估计系统状态的数学方法，它以卡尔曼核心思想为基础，广泛应用于估计动态系统的状态和滤除测量中的噪声。以下是卡尔曼滤波器的核…...

编程日记 2023/9/21 13:31:34

PROFIBUS主站转ETHERCAT协议网关

产品介绍 JM-DPM-ECT是自主研发的一款PROFIBUS-DP主站功能的通讯网关。该产品主要功能是将各种PROFIBUS-DP从站接入到ETHERCAT网络中。本网关连接到PROFIBUS总线中作为主站使用，连接到ETHERCAT总线中作为从站使用。产品参数技术参数 ◆ PROFIBUS-DP/V0 协议符…...

编程日记 2023/9/21 13:30:33

Vue路由的使用及node.js下载安装和环境搭建

目录一、Vue路由 1.1 简介 ( 1 ) 特点 ( 2 ) 作用 1.2 实例 ( 1 ) 引入 ( 2 ) 组件 ( 3 ) 关系 ( 4 ) 路由 ( 5 ) 事件 ( 6 ) 锚点二、nodeJS 2.1 下载 2.2 安装 2.3 环境搭建新增添加测试配置运行一、Vue路由 1.1 简介 Vue路由是Vue.…...

编程日记 2023/9/21 13:29:32

【算法训练-二叉树三】【最大深度与直径】求二叉树的最大深度、求二叉树的直径

废话不多说，喊一句号子鼓励自己：程序员永不失业，程序员走向架构！本篇Blog的主题是【求二叉树的直径】，使用【二叉树】这个基本的数据结构来实现，这个高频题的站点是：CodeTop，筛选条件…...

编程日记 2023/9/21 13:28:31

查看linux是centos还是Ubuntu

查看linux是centos还是Ubuntu 命令：cat /etc/os-release...

编程日记 2023/9/21 13:26:29

win10怎么关闭自动更新，这个方法你知道吗？

Windows 10 操作系统自动更新是确保系统安全性和性能的关键功能。然而，有时用户可能希望手动控制更新，因此关闭自动更新可能是一个有用的选项。在本文中，我们将介绍win10怎么关闭自动更新的两种方法，以满足用户不同的需求。方法1…...

编程日记 2023/9/21 13:25:28

「语音芯片」常见的OTP芯片故障分析

OTP语音芯片是指一次性可编程语音芯片,语音只能烧写一次，适合应用在不需要修改语音、语音长度短的场合，从放音的长度上可以分为20秒、40秒、80秒、170秒、340秒。语音芯片的特点是单芯片方案、价格便宜，适合批量生产，即便是小数量…...

编程日记 2023/9/21 13:24:27

孩子写作业买什么样台灯合适？适合孩子读写台灯推荐

现在孩子的普遍都存在视力问题，而导致孩子近视的原因可能跟光线太强或太弱、不用的用眼习惯、长时间的过度用眼等因素有关，根据数据表明目前中国近视患者人数达到6亿多，其中儿童青少年的视力不良率甚至高达八成，所以在孩子的学习道…...

编程日记 2023/9/21 13:22:25

DBAPI插件开发指南

DBAPI插件开发指南插件市场您可以去插件市场下载插件插件的作用 DBAPI的插件分4类，分别是数据转换插件、缓存插件、告警插件、全局数据转化插件缓存插件对执行器结果进行缓存，比如SQL执行器，对查询类SQL，sql查询结果进…...

编程日记 2023/9/21 13:19:22

线程池使用之自定义线程池

目录一：Java内置线程池原理剖析二：ThreadPoolExecutor参数详解三：线程池工作流程总结示意图四：自定义线程池-参数设计分析 1:核心线程数(corePoolSize) 2:任务队列长度(workQueue) 3:最大线程数(maximumPoolSize) 4:最…...

编程日记 2023/9/21 13:18:21

Puppeteer无头浏览器：开启自动化之门，掌握浏览器世界的无限可能

大概还是入门期，我曾用Puppeteer做爬虫工具以此来绕过某网站的防爬机制。近期有需求要做任意链接网页截图，像这种场景非常适合用Puppeteer完成。无头浏览器我已知的还有Selenium。完成截图需求踩的最大的坑不是具体的逻辑代码，而是Docker部…...

编程日记 2023/9/21 13:17:19

日语AI面试高效通关秘籍：专业解读与青柚面试智能助攻

在如今就业市场竞争日益激烈的背景下，越来越多的求职者将目光投向了日本及中日双语岗位。但是，一场日语面试往往让许多人感到步履维艰。你是否也曾因为面试官抛出的“刁钻问题”而心生畏惧？面对生疏的日语交流环境，即便提前恶补了…...

编程新知 2026/2/8 4:37:01

stm32G473的flash模式是单bank还是双bank？

今天突然有人stm32G473的flash模式是单bank还是双bank？由于时间太久，我真忘记了。搜搜发现，还真有人和我一样。见下面的链接：https://shequ.stmicroelectronics.cn/forum.php?modviewthread&tid644563 根据STM32G4系列参考手…...

编程新知 2026/2/8 20:41:51

Nginx server_name 配置说明

Nginx 是一个高性能的反向代理和负载均衡服务器，其核心配置之一是 server 块中的 server_name 指令。server_name 决定了 Nginx 如何根据客户端请求的 Host 头匹配对应的虚拟主机（Virtual Host）。 1. 简介 Nginx 使用 server_name 指令来确定…...

编程新知 2025/9/6 16:47:17

（转）什么是DockerCompose?它有什么作用？

一、什么是DockerCompose? DockerCompose可以基于Compose文件帮我们快速的部署分布式应用，而无需手动一个个创建和运行容器。 Compose文件是一个文本文件，通过指令定义集群中的每个容器如何运行。 DockerCompose就是把DockerFile转换成指令去运行。 …...

编程新知 2026/1/31 22:59:12

laravel8+vue3.0+element-plus搭建方法

创建 laravel8 项目 composer create-project --prefer-dist laravel/laravel laravel8 8.* 安装 laravel/ui composer require laravel/ui 修改 package.json 文件 "devDependencies": {"vue/compiler-sfc": "^3.0.7","axios": …...

编程新知 2025/10/15 0:25:46

在Ubuntu24上采用Wine打开SourceInsight

1. 安装wine sudo apt install wine 2. 安装32位库支持，SourceInsight是32位程序 sudo dpkg --add-architecture i386 sudo apt update sudo apt install wine32:i386 3. 验证安装 wine --version 4. 安装必要的字体和库（解决显示问题） sudo apt install fonts-wqy…...

编程新知 2025/10/14 0:47:25