初次实现前后端交互---计算器

初次实现前后端交互—计算器

本篇博客会带你去实现前后端交互，也就是简单的做一个计算器。

首先我们是按照之前的步骤配置好了我们的servlet，下来再我们的idea上找到红框里的这个选项，点开它：

按照这个步骤找到这个tomcat，接下来会是这样：


配置好之后是这样子：

别急着点OK，先点击这个Deploymrnt

然后点击第一个var包：

完成之后点击OK，会出现这个样子：

接下来是在webapp下创建我们的html文件

注意这块的type是submit！，此处的calc使我们servlet申请的接口路径名称。
接下来要配置好我们的web.xml文件：

这块的calc前面一定要加一个\，接下来创建我们的mycalc类：

response.setCharacterEncoding("utf-8");这是防止乱码用的！

response.setContentType("text/html");前段显示是html,所以显示文本为html

注意：这一块的String num1=request.getParameter("num1");这块用的是name，后段使用id是获取不到前端的信息。
下来我们点击运行：

如果弹出这个页面：

我们在这个后面加上我们的那个html文件的名称，就像这样：

回车后就可以看见我们的计算器了：

点击提交：

我们这个简单的计算器就完成了！
感谢阅读！