准备我们心爱的IDEA写Jsp

最新推荐文章于 2024-06-26 08:47:27 发布
最新推荐文章于 2024-06-26 08:47:27 发布
阅读量1.1k 收藏 15
点赞数 10
文章标签： java intellij-idea ide
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74154295/article/details/133076620
版权
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: 86156
  Date: 2023/9/4
  Time: 10:28
  To 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: 86156
  Date: 2023/9/18
  Time: 9:15
  To 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: 86156
  Date: 2023/9/11
  Time: 11:16
  To 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: 86156
  Date: 2023/9/11
  Time: 10:55
  To 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: 86156
  Date: 2023/9/11
  Time: 11:27
  To change this template use File | Settings | File Templates.
--%>
<%--
  Created by IntelliJ IDEA.
  User: 86156
  Date: 2023/9/11
  Time: 11:27
  To 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>

结果

在这里插入图片描述

你会魔法吗✧(≖ ◡ ≖✿)
关注
  • 10
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
idea中创建jsp项目详细步骤
小东的博客
01-03 5万+
安装条件：idea软件、tomcat10、jdk11 1、打开idea，在file ->new ->project中新建一个普通的java项目 ​​​​​​ 2、在项目名右键Add Framework Support选项中，Web Application上打勾，点击OK。 3、项目列表->web->WEB-INF，在WEB-INF下新建两个文件夹，分别是classe...
完整版：Idea创建Jsp项目
m0_67929407的博客
04-16 2万+
解决办法 ：点击Tomate——EditConfigurations...——再点击右下角标红的Fix——之后再点击前面有蓝色标识的Build...——Apply——OK。10.此时还有一个小问题，发现搜索栏中的项目名称并不是自己建立的项目名称，而是在原有的基础上加了其他字母，更改步骤如下（如果不建议可以不更改）解决方法：此时需在搜索栏写入自己运行的jsp页面的名称，例如我的是1.jsp，这样就不会报错了。Tomcat——Deployment——更改项目名称。左下角出现如图下的即为成功导入Tomcat。
1410java jsp ssm图书籍推荐阅读系统（源码+数据库+文档）
最新发布
weixin_mrw479640的博客
06-26 113
项目技术：Spring+SpringMVC+MyBatis等等组成，B/S模式 管理等等。环境需要1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。2.IDE环境：IDEA，Eclipse,Myeclipse都可以。推荐IDEA;3.tomcat环境：Tomcat 7.x,8.x,9.x版本均可4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS；5.是否Maven项目: 否；查看源码目录中是否包含pom.xml；若包含，则为maven项目，
IDEA中创建编写JSP
热门推荐
qq_45668081的博客
04-28 2万+
一、安装Tmocat并配置环境 安装请参考：https://www.cnblogs.com/weixinyu98/p/9822048.html 安装请参考：https://www.cnblogs.com/zhanlifeng/p/14917777.html 注意：在安装成功Tomcat测试是否成功安装时，访问“http://localhost:8080”前不要关闭cmd和弹出的tomcat。 二、在IEDA中创建jsp项目 1、首先创建一个普通的java项目 2、创建后右击项目名选择——添加框架支持
IDEA搭建JSP环境
ldj0821的博客
01-03 1万+
一、前期准备 JDK11、Tomcat10、IDEA 二、操作步骤 1.打开IDEA->File->Project新建一个Java项目
手把手在idea创建jsp环境
m0_70409343的博客
10-13 4807
idea创建jsp环境
解决IDEA JSP没有代码提示问题的几种方法
10-16
在使用IntelliJ IDEA（IDEA）开发JSP（JavaServer Pages）时，有时可能会遇到一个令人困扰的问题：IDEA无法提供JSP页面中的代码提示。这种情况无疑会降低开发效率，因为开发者不得不依赖记忆来编写代码。本文将详细...
IntelliJ IDEA 2017配置JSP+tomcat
10-30
在使用IntelliJ IDEA 2017配置JSP以及Tomcat服务器的过程涉及到多个步骤和知识领域。首先，JSP（Java Server Pages）是一种用来开发动态网站的技术，它能够让开发者在HTML中嵌入Java代码。而Tomcat是一个开源的Web...
idea+MySQL jsp模拟售卖网站
07-19
【标题】"idea+MySQL jsp模拟售卖网站"是一个基于IntelliJ IDEA（简称Idea）集成开发环境，结合MySQL数据库和JavaServer Pages（JSP）技术构建的在线零售平台项目。这个项目主要目的是模拟一个球鞋销售的电子商务...
使用IDEA编写jsp时EL表达式不起作用的问题及解决方法
01-08
在使用IDEA开发maven+springMVC项目时遇到不加载EL表达式的问题，怎么处理呢？下面小编给大家带来了实现代码，一起看看吧 加载如下JSP代码： <%@ page contentType=text/html;charset=UTF-8 language=java %...
使用IDEA配置tomcat及创建JSP文件的方法
09-29
本文将详细介绍如何在IntelliJ IDEA中配置Tomcat服务器以及创建Java Server Pages（JSP）文件的方法。这些知识对初学者和希望进一步提升开发效率的程序员都非常有帮助。 首先，在开始配置之前，需要确认你的系统...
在idea上建立jsp
Cheer_RIO的博客
10-24 4951
idea中配置tomcat以及成功编写jsp程序。
手摸手教会你在idea中配置Tomcat进行servlet/jsp开发(多图超详）
piglite的专栏
11-25 8577
如果有注册的servelt映射，则servelt的配置会压制welcome-file-list的设置。但是需要注意的是窗口下方的Application Context，如果按照这个内容，那意味着我们项目部署后的根路径是http://localhost:port/webdemo_war_exploded/我使用的是Tomcat9。注意观察路径，我们现在的位于根路径/，别忘了这是在Deployment选项卡的Application context中设置的。
idea中实现jsp
ljfgyy0205的博客
01-03 8478
一. 安装必备条件 Jdk11版本 Tomcat10版本 Idea2021版本 电脑版本windows10版本 二.安装步骤 1. 打开Idea 创建一个Project文件 File-New-Project (自己起个名) 2: 选中文件右键 --- Add Frameworks Support 在Web Application上打勾，点击OK 3: 展开文件->web->WEB-INF，在WEB-INF下新建两个文件夹，分别是cl...
IDEA2023.1.4配置JavaWeb项目（JSP + Tomcat）
Sun的个人博客
10-12 2005
说明：“-”代表点击。
使用idea创建一个jsp项目
qq_45799101的博客
10-28 5630
JSP项目
如何用idea写jsp
06-02
使用 IntelliJ IDEA 编写 JSP 需要遵循以下步骤： 1. 创建一个新的 Web 项目。 2. 在项目中创建一个 JSP 文件。 3. 在 JSP 文件中编写代码。 4. 配置 Tomcat 服务器。 5. 运行项目并在浏览器中查看 JSP 页面。 下面是具体的步骤： 1. 打开 IntelliJ IDEA，创建一个新的 Web 项目。选择 "File" -> "New" -> "Project"，在弹出的对话框中选择 "Java Enterprise" -> "Web Application"。输入项目名称和路径，选择 "Java EE 7"，然后单击 "Next"。 2. 在项目中创建一个 JSP 文件。右键单击 "Web Pages" 目录，选择 "New" -> "JSP"。输入文件名和路径，然后单击 "Finish"。 3. 在 JSP 文件中编写代码。在 JSP 文件中可以使用 HTML 标签和 JSP 标签。HTML 标签用于页面布局和样式，而 JSP 标签用于嵌入 Java 代码。例如，可以使用 JSP 标签来获取请求参数、连接数据库、或者使用 JavaBean 等。 4. 配置 Tomcat 服务器。选择 "Run" -> "Edit Configurations"，在弹出的对话框中选择 "Tomcat Server" -> "Local"。在 "Server" 选项卡中，单击 "Configure" 按钮，选择 Tomcat 安装目录。在 "Deployment" 选项卡中，单击 "Add" 按钮，选择项目的 WAR 文件。在 "Server" 选项卡中，设置端口号和上下文路径，然后单击 "OK"。 5. 运行项目并在浏览器中查看 JSP 页面。选择 "Run" -> "Run"，选择 Tomcat 服务器，然后单击 "OK"。在浏览器中输入 URL，访问 JSP 页面。 以上就是使用 IntelliJ IDEA 编写 JSP 的基本步骤。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

你会魔法吗✧(≖ ◡ ≖✿)

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值