JSP 简单入门与 IDEA 开发环境配置

JSP 简单入门与 IDEA 开发环境配置

在学 Java 连接数据库时老师提到过 JSP，刚好这个学期有 JSP 的课程，现做一些基础以及环境配置的介绍。

什么是 JSP？

动态网页技术标准
能把 Java 代码嵌入静态的页面中
JSP 编译器把 JSP 文件编译成 Java 写的 Servlet(服务器端程序)，再交由 Java 编译器

1
2
3
4
5
6


<html>
    <title>Hello world!</title>
    <body>
        <%=out.println("Hello world!")%>
    </body>
</html>

环境配置

语言环境：JDK
网页服务器：Tomcat，安装教程
IDE：IntelliJ IDEA / Eclipse

前两点非常简单不再赘述。

老师竟然说 JSP 没什么好用的编辑器只能在 Eclipse 中写（黑人问号

明明 IDEA 就很好….

这里记录一下 IDEA 如何配置 JSP 的开发环境

IntelliJ IDEA Configuration

新建一个 Java Enterprise 项目，下面 Application Server 选择新建，

选择 Tomcat Server，设置 Tomcat Home (安装目录)

1
2
3
4
5


这里需要注意 IDEA 可能会没有权限访问 Tomcat 的目录，导致无法读取 Tomcat，需要手动访问一次该目录提权：

* Windows：资源管理器直接访问，会提示需要管理员权限，点继续就 OK 了

* Linux：chmod 777

下面 Additional Libraries and Frameworks 选择 Web Application，

点 Next，改名创建，得到如下图所示结构的项目
打开 index.jsp

打开右上角 Edit Configuration

选择 Application server

URL 一般是：http://localhost:8080/demo_war_exploded/

其中 demo 为项目名字，_war_exploded 为自动生成的后缀，需要保留
打开 Deployment，界面应如下图

如果这个 war_exploded 没有出现在里面的话点击右边加号自己加进去
简单写一下 index.jsp

比如下面实现了一个简单的 Hello world 的页面

1
2
3
4
5
6


<html>
    <title>Hello world!</title>
    <body>
        <%=out.println("Hello world!")%>
    </body>
</html>

点击右上角 Run，开始运行 update：21.9.22

切回至“Server”，在“Open Browser”设置里，

建议勾选上“After Launch”，意思为当启动TomCat后，自动打开浏览器并运行项目，此时同样可以在别的浏览器手动输入地址进行访问。

建议将“On 'Update' action”和“On frame deactivation”设置为“Update classes and resources”，这样当修改项目内容时会自动更新字节码文件和资源文件，避免反复重启TomCat服务器：

Question & Solution

运行之后会大概率出现以下问题，不要问我怎么知道的…

端口超界，不能为 - 1

原因：Tomcat 安装的默认 Shutdown 端口为 - 1，需要修改一下

解决：打开 Tomcat 安装目录下的 server.xml，类似如下路径

1

C:\Program Files\apache-tomcat-8.5.71-windows-x64\apache-tomcat-8.5.71\conf\server.xml

修改shutdown port为任一未被占用的端口 (1024 - 65535)，如8005位置

端口 8080 已被占用

原因：Tomcat 运行中并占用了 8080 端口

解决：打开刚才的 Edit Configuration，修改 Tomcat Server Settings 中的 HTTP port 为任一未被占用的端口 (1024 - 65535)，如”8088”，同时别忘修改上面的 URL 的端口

output 输出乱码

原因：Tomcat 根据你的操作系统默认语言使用了 GBK 编码

解决：打开 Tomcat 安装目录下的 logging.properties，类似如下路径

1

C:\Program Files\apache-tomcat-8.5.71-windows-x64\apache-tomcat-8.5.71\conf\logging.properties

修改大约第 47 行的

1

java.util.logging.ConsoleHandler.encoding = UTF-8

为

1

java.util.logging.ConsoleHandler.encoding = GBK

打开网页 404

原因：URL 写错了，定位不到文件

解决：Edit Configuration 中检查一下 URL 是否与端口设置一致，是否正确定位了文件路径

输出一堆红色字

正常现象，开发者选色鬼才

网页调试的方法

运行之后修改了代码，怎么才能重新看到修改后的网页呢？

无需终止 Tomcat 重新运行，只需在左下这个位置点击 Deploy，然后刷新网页就可以啦

20210917213934

如果没有问题此时应该可以正确运行啦，开始在 IDE 中愉快的写 JSP 吧（雾

基本语法

因为了解不深，详细的就不多说了。

除了特别的这几个，其他的都和 HTML 与 Java 语法规则差不多。

脚本

1
2
3


<%
	//在这里编写你的Java代码
%>

任何文本、HTML 标签、JSP 元素必须写在脚本程序的外面

声明

1
2
3


<%!
    //Java
%>

用于声明变量、方法，要写函数只能在这里面

必须先声明才可以使用

表达式

1

<%= //Java %>

表达式里面的代码可以不写分号

注释

1
2
3


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

<!-- 该部分注释在网页源代码中会被显示 --> 

指令

1
2
3


<%@ page 页面属性 %>
<%@ include 包含文件 %>
<%@ taglib 标签 %>

模板

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24


<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!--导入的Java包-->
<html>
<head>
    <title>网页标题</title>
</head>
<body>

<%!
    //定义变量
%>

<%!
    //定义函数
%>

<%
    //脚本
%>

<!-- 在这里定义其他网页上展示的组件 -->

</body>
</html>

示例：计算 N 的阶乘

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Calc</title>
</head>
<body>
<div style="text-align: center;"/>
<h1>
  Calculate N!
</h1>
<!--*.jsp-->
<form action="index.jsp"/>
<input type="number" name="num"/><br/><br/>
<input type="submit"/><br/><br/>
<form/>

<%!
    private int n = -1;
%>
<%!
    public int fac(int n) {
        if (n < 0) {
            return n;
        } else if (n == 0) {
            return 1;
        } else {
            int product = 1;
            for (int i = 1; i <= n; i++) {
                product *= i;
                if (product < 0) {
                    break;
                }
            }
            return product;
        }
    }
%>
<%
    try {
        int n = fac(Integer.parseInt(request.getParameter("num")));
        if (n < 0) {
            out.print("<h2>invalid</h2>");
        } else {
            out.print("<h2>"+n+"</h2>");
        }
    } catch (Exception e) {
        //ignore java.lang.NumberFormatException: null
    }
%>

</body>
</html>

示例：数据库查询系统

依赖包：mysql-connector-java-5.1.*.jar
可能需要将 jar 包拷贝到项目路径下的 WEB-INF/lib 中（不存在就新建）

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="java.sql.*" %>
<%@ page import="java.io.*" %>
<html>
<head>
    <title>Database Query System</title>
</head>
<body>
<div style="text-align: center;">
    <h1>Database Query System</h1>
    <h2>powered by bipy</h2><br/>
    <form method="post">
        <textarea name="SQL_statement" rows=10 cols=100></textarea><br/>
        <input type="submit" name="Submit"/>
        <input type="reset" name="Clear"/>
    </form>
</div>
<br/>
</body>
<%!
    private Statement statement;
    private String sql_input;
    private Connection connection;
    private boolean status = false;
%>
<%!
    //判断SQL语句类型，并返回结果（影响个数/报错/结果集）
    public Object process(String sql) {
        try {
            if (sql.toLowerCase().matches("^(update|create|use|drop|delete|insert).*$")) {
                return statement.executeUpdate(sql);
            } else if (sql.toLowerCase().matches("^(show|select).*$")) {
                return statement.executeQuery(sql);
            } else {
                return "Not Supported";
            }
        } catch (SQLException e) {
            e.printStackTrace();
            return "SQL syntax error";
        }
    }
%>
<%
    try {
        //避免重新建立连接而丢弃前面步骤
        if (!status) {
            Class.forName("com.mysql.jdbc.Driver");
            connection = DriverManager.getConnection("jdbc:mysql://localhost", "root", "123");
            statement = connection.createStatement();
            status = true;
        }
    } catch (Exception e) {
        e.printStackTrace();
    }
%>
<div style="text-align: center">
    <%
    	//结果输出
        sql_input = request.getParameter("SQL_statement");
        if (sql_input != null) {
            Object rt = process(sql_input);
            if (rt instanceof String) {
                out.print("<h2>" + rt.toString() + "</h2>");
            } else if (rt instanceof Integer) {
                out.print("<h2>" + "Query OK. " + rt + " effected." + "</h2>");
            } else {
                ResultSet rs = (ResultSet) rt;
                ResultSetMetaData rsmd = rs.getMetaData();
                out.println("<table align=\"center\" border=\"1\">");
                out.println("<tr>");
                for (int i = 1; i <= rsmd.getColumnCount(); ++i)
                    out.println("<th>" + rsmd.getColumnName(i) + "</th>");
                out.println("<tr>");
                while (rs.next()) {
                    out.println("<tr>");
                    for (int i = 1; i <= rsmd.getColumnCount(); ++i)
                        out.println("<td>" + rs.getString(i) + "</td>");
                    out.println("</tr>");
                }
                out.println("</table>");
            }
        }
    %>
</div>
</html>

一个额外的问题

如果不能对jsp文件进行test，三角形标符不能使用，

使用要配置Tomcat服务器，如图点击进去

点加号 +，找到Tomcat Server目录下的local 点击

在 Desployment 中点加号+ ，就可以添加选择项目了

点击ok就配置成功了，这样就可以test了