idea配置jsp开发环境

准备工作

教育邮箱，学生证，代理工具（可选），watt toolkit （可选，用于在没有代理工具的情况下访问 github），tomcat 二进制分发（此处使用的为 tomcat10.2.3)。

具体配置

教育认证

如果你已完成了 jetbrains 的教育认证，跳过这一部分。

  1. （可选）进行 github 学生包认证，需要教育邮箱和学生证照片，不要使用代理，学生认证会根据 ip 判断位置。（注：除本项外其余均建议在代理环境下完成，外网的连接通畅对查找资料和下载安装资源有很大的帮助。）
  2. 使用学生包认证 jetbrains 教育认证，如果没有做 1，可以直接使用教育邮箱认证。
  3. 下载 toolbox 并登录你注册的 jetbrains 账户，安装 IntelliJ IDEA Ultimate 版本，当你认证了学生身份后，你能够免费的使用这些付费 ide 。

新建项目

打开 idea，然后按照下图新建项目，位置选择一个你喜欢的且不包含特殊字符的就行。 配置图

生成器使用 jakarta ee，模板 web 应用程序，构建系统 maven 。

应用程序服务器首次创建项目需要手动导入，选择新建 tomcat 服务器，然后地址选择 tomcat 解压后所在的地址。

jdk 则不用预先安装，在项目配置里选择下载 jdk 后找到 1.8 版本的 jdk 就可以了，idea 会自动处理好，推荐 openjdk 或者 azul 。

项目配置

下图是项目的文件结构，接下来我们写的 jsp 文件均保存在 webapp 目录或其子目录内。

用 idea 打开项目，你的界面应该和下图类似。

右上角的绿色三角和红色虫子分别是运行和调试，点击绿色三角，idea 会自动构建并通过浏览器打开，如下图所示。

在 webapp 目录中新建 ex1 目录，然后在 ex1 中新建 inputWord.jsp 和 showDictionary.jsp 文件，文件内容如下。

inputWord.jsp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
</head>

<body>
<div style="font-size: small">
    <form action="showDictionary.jsp" method="get" name=form>
        <label>
            请输入单词（用空格分隔）：
            <input type="text" name="word">
        </label>
        <input type="submit" value="送出" name="submit">
    </form>
</div>
</body>
</html>

showDictionary.jsp

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 contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="java.util.*" %>

<!DOCTYPE html>
<html>
<body style="background-color: white">
<div style="font-size: medium">
    <%!
        TreeSet<String> dictionary = new TreeSet<>();
        public void addWord(String s) {
            dictionary.addAll(Arrays.asList(s.split(" ")));
        }
    %>

    <%
	    String str = request.getParameter("word");
        addWord(str);
        for (String si: dictionary) {
            out.print("" + si + "<br/>");
        }
    %>
</div>
</body>
</html>

运行后应该如下图所示。

也可以在 idea 中打开，按下图第一个按钮即可。

继续测试，打开页面输入内容后点击送出。

到此，大致配置已经完成。

疑难解惑

idea 无法自动补全部分函数，报错且提示找不到方法调用 out.print()

打开 文件/项目结构/模块 然后点击加号选择 jar 或目录，然后选择你安装的 tomcat 中的 lib 目录，应用配置并重启 idea。

tomcat 日志乱码

idea 设置里打开文件编码选项，里面所有选择全部修改为 utf-8，bom 选项为不带 bom。

使用 out.print 后 jsp 页面乱码

创建如下函数

1
2
3
static String toUTF8(String s) {
    return new String(s.getBytes(), StandardCharsets.UTF_8);
}

非常典型的 utf-8 编码问题，使用 out.print 或类似函数时调用上述静态方法包装你的字符串。

中文/界面/字体...etc

设置选项中点击插件，搜索 chinese，安装中文语言包。

主题我使用的是 material theme 插件的 one dark pro，字体为 fira code nerd font 。

其余推荐插件：

  1. rainbow brackets (彩虹括号)
  2. Atom Material Icons (material design 风格的图标包)
  3. copilot (github 的 ai 代码补全工具，需要 github 学生包才能免费使用)
环境配置
#配置记录
idea配置jsp开发环境
https://ooj2003.github.io/2022/09/02/idea配置jsp开发环境/
作者
OOJ2003
发布于
2022年9月2日
更新于
2022年9月10日
许可协议