Intellij 配置Tomcat, Jsp 示例。
环境:Intellij idea 2020。
超详细的教程
创建 Servlet 步骤 新建项目
jsp-1.png
选择java
jsp-2.png
然后next,再next
设置项目名称,点击finish
jsp-3.png
右键项目,添加框架支持
jsp-4.png
选择web application,勾选create web.xml,点击ok
jsp-5.png
之后会看到如图所示文件结构
jsp-6.png
在 web-inf 文件夹下创建classes和lib文件夹
jsp-7.png
如图打开project structure
jsp-8.png
设置成这样
jsp-9.png
按如下导入tomcat目录下servlet.jar包
jsp-12.png
jsp-13.png
点击add configurations
jsp-10.png
选择 tomcat server,local
jsp-11.png
点击fix,再点ok
jsp-14.png
src右键,创建 Servlet
jsp-15.png
jsp-16.png
简单的计算器示例 index.jsp 编写如下
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Web Calculater</title> </head> <body> <h1>Web Calculater</h1> <form action="cal" method="post" > <p> Input number A <input type="nubmer" name="a" > </p> <p> Input number B <input type="nubmer" name="b" > </p> <p> <input type="submit" value="RUN" > </p> </form> </body> </html>
calculator.java如下
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 package com.calculator;import jakarta.servlet.*;import jakarta.servlet.annotation.WebServlet;import jakarta.servlet.http.*;import javax.jws.WebService;import java.io.IOException;@WebServlet ("/cal" )public class calculator extends HttpServlet { @Override protected void doPost (HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { int a = Integer.parseInt(request.getParameter("a" )); int b = Integer.parseInt(request.getParameter("b" )); int sum = (a + b); response.getWriter().println("Sum of " + a + " and " + b + " is " + sum); } }
启动服务可以看到
jsp-17.png
随便输入几个数字即可看到成功计算
jsp-18.png
可按如下设置即可实现修改jsp页面和后端数据后,刷新页面实时更新
jsp-19.png
Ref:
https://cloud.tencent.com/developer/article/1633875