一、程序功能需求
在页面文本输入框内输入连个加数,点击求和按钮,返回结果页面。 二、操作步骤(在上一项目基础上编写代码)
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文件中的代码如下: 至此,整个程序完成。 测试一下: 浏览器地址栏输入:http://localhost/回车,显示页面: 点击计算器链接,显示页面: 在两个文本输入框中分别输入加数,点击计算按钮,显示结果页面: 因篇幅问题不能全部显示,请点此查看更多更全内容请输入加数:
计算结果是:${sum}
如图: