您的当前位置:首页正文

Java web入门之二:简单计算器

2023-04-08 来源:好走旅游网
Java web入门之二:简单计算器

一、程序功能需求

在页面文本输入框内输入连个加数,点击求和按钮,返回结果页面。 二、操作步骤(在上一项目基础上编写代码)

1、在WebRoot目录下创建pages目录,在pages目录下创建index.jsp文件。如下图:

Index.jsp的body标签中编写如下代码:

欢迎访问


点击计算器,进行计算 如图:

2、配置首页(index.jsp)路由。在

DemoConfig类的public void

configRoute(Routes me)方法中添加如下代码: me.add(\"/\如图:

创建控制器,在demo包下创建IndexController类。如图:

IndexController类代码如下: package demo;

importcom.jfinal.core.Controller;

publicclassIndexControllerextends Controller { publicvoid index(){

render(\"/pages/index.jsp\"); } }

测试首页(index.jsp)显示效果,在浏览器地址栏输入:http://localhost/回车

显示如下页面:

3、创建加数输入页面。在pages目录下创建input.jsp文件。如下图:

input.jsp的body标签中编写如下代码:

请输入加数:


  +  

  

如图:

测试input.jsp页面:

点击index.jsp页面上的“计算器”链接,显示input.jsp对应的页面,如下图:

4、编写计算两数之和并将结果返回结果页面(result.jsp)的控制器。在demo包下新建CalculateController.java文件。如下图:

CalculateController类中的代码如下: package demo;

importservice.Calculate;

importcom.jfinal.core.Controller;

public class CalculateController extends Controller { public void result(){ String add1 = getPara(\"add1\"); String add2 = getPara(\"add2\"); int sum = Calculate.getSum(add1, add2); setAttr(\"sum\ render(\"/pages/result.jsp\"); } }

5、在service包中创建Calculate类,如图:

Calculate类中的代码如下:

package service; publicclass Calculate {

publicstaticintgetSum(int add1, int add2){ return add1 + add2; }

publicstaticintgetSum(String add1, String add2){ int add11 = Integer.parseInt(add1); int add22 = Integer.parseInt(add2); return add11 + add22; } }

6、配置路由。在demo包的

DemoConfig类中的public void

configRoute(Routes me)方法中添加如下代码:

me.add(\"/calculate\如图:

7、在pages目录中新建result.jsp文件。如图:

result.jsp文件中的代码如下:

计算结果是:${sum}

如图:

至此,整个程序完成。 测试一下:

浏览器地址栏输入:http://localhost/回车,显示页面:

点击计算器链接,显示页面:

在两个文本输入框中分别输入加数,点击计算按钮,显示结果页面:

因篇幅问题不能全部显示,请点此查看更多更全内容