Spring Boot入门(9)网页版计算器

介绍

  在写了前八篇Spring Boot项目的介绍文章后,我们已经初步熟悉了利用Spring Boot来做Web应用和数据库的使用方法了,但是这些仅仅是官方介绍的一个例子而已。
  本次分享将介绍笔者自己的一个项目:网页版计算器,以这两篇博客为基础: Java之调用Python代码 和 Spring Boot入门(6)前端接受后台传参。因为在Java中并没有类似于Python的eval()函数的功能,所以,为了避免自己写一个计算数学表达式的java代码,我们的解决方法是:用Java调用Python代码来实现。
  话不多说,直接上项目!

项目

  网页版计算器的整个项目结构如下图:


整个项目结构

  Expression.java为实体类,用于页面中表单提交的数学表达式的处理,其代码如下:

package com.hello.operation.Controller;public class Expression {private String expr;public String getExpr() {return expr;}public void setExpr(String expr) {this.expr = expr;}}

  控制器文件ExpressionController.java的代码如下:

package com.hello.operation.Controller;import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.PostMapping;import java.util.Map;
import java.io.BufferedInputStream;
import java.io.BufferedReader;
import java.io.InputStreamReader;@Controllerpublic class ExpressionController {@GetMapping("/mathoper")public String greetingForm(Model model) {model.addAttribute("expression", new Expression());return "operation";}@PostMapping("/mathoper")public String greetingSubmit(@ModelAttribute Expression expression, Map<String, Object> map) throws Exception {System.out.println(expression.getExpr());// 定义传入shell脚本的参数,将参数放入字符串数组里String expr = expression.getExpr();String file_path = "D://eval.py";String command = String.format("python %s %s", file_path, expr);// 执行CMD命令System.out.println("\nExecuting python script file now ......");Process pcs = Runtime.getRuntime().exec(command);pcs.waitFor();// 定义shell返回值String result = null;// 获取shell返回流BufferedInputStream in = new BufferedInputStream(pcs.getInputStream());// 字符流转换字节流BufferedReader br = new BufferedReader(new InputStreamReader(in));// 这里也可以输出文本日志String lineStr = null;while ((lineStr = br.readLine()) != null) {result = lineStr;}// 关闭输入流br.close();in.close();System.out.println(result);if(result.indexOf("Error") == -1)map.put("answer", "The answer is "+result);elsemap.put("answer", "<mark>"+result+"</mark>");return "operation";}}

在该代码中,调用了D盘下的eval.py来处理网页表达提交的数学表达式。Java提供的runtime环境可以运行eval.py文件,并获取CMD中的输出结果,即为计算结果,并将其通过Map方式返回前端。eval.py的代码如下:

import sys
import mathoper = sys.argv[1]try:print(eval(oper))
except Exception as e:print('Error: ', end='')print(e)

代码处理十分简洁,并引入math模块,可以处理复杂的数学运算。
  接着是视图文件operation.html,其代码如下:

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head><title>Math Operation</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"><style>mark {background-color:#FF0000; font-weight:bold;}</style>
</head>
<body>
<center><br><br><h2 style="color:red">Math Operation</h2><br><br><form class="form-horizontal" role="form" action="#" th:action="@{/mathoper}" th:object="${expression}" method="post"><div class="form-group" style="width:500px"><label for="expression" class="col-sm-4 control-label">Math Expression:</label><div class="col-sm-8"><input type="text"  th:field="*{expr}" class="form-control" id="expression" placeholder="Enter a expression"></div></div><div class="form-group"><div><button type="submit" class="btn btn-primary" id="btn">Show Answer</button><input type="reset" class="btn btn-warning" value="Reset" /></div></div></form><p th:utext="${answer}"></p></center></body>
</html>

  整个项目的结构就是这样。

运行及测试

  启动Spring Boot项目,并在浏览器中输入http://localhost:8080/mathoper ,页面显示如下:


网页版计算器

  在输入框中输入(1+2)*3/4,点击“Show Answer”按钮,结果如下:


计算表达式1

  当然也可以处理更加复杂的数学表达式,但是要符合Python的语法,如下图:


计算表达式2

  当我们表达式出错时,也会提出Python的错误处理情况,如下图:


表达式输入错误

结束语

  本次项目的Github地址为: https://github.com/percent4/MathOperation , 欢迎大家参考~~接下来还会继续更新更多关于Spring Boot方面的内容,欢迎大家交流~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/451913.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

shell编程基础(七): 处理文件命令sed与awk

一、sed&#xff08;以行为单位处理文件&#xff09; sed意为流编辑器&#xff08;Stream Editor&#xff09;&#xff0c;在Shell脚本和Makefile中作为过滤器使用非常普遍&#xff0c;也就是把前一个程序的输出引入sed的输入&#xff0c;经过一系列编辑命令转换为另一种格式输…

数据结构与算法--6.二分查找

文章目录一. 二分查找二. 代码实现一&#xff1a;使用递归三. 代码实现二&#xff1a;非递归一. 二分查找 二. 代码实现一&#xff1a;使用递归 def binary_search(alist, item):"""二分查找&#xff1a;使用递归"""n len(alist)if n > 0:m…

SpringMVC请求处理流程、springMVC工作流程

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 页面请求到来 --> 前端控制器&#xff08;DispatcherServlet&#xff09;收到请求&#xff0c;请求 处理映射器&#xff08;Hanle…

Android的TextView在显示文字的时候,如果有段中文有英文,有中文,有中文标点符号,你会发现,当要换行的时候遇到中文标点, 这一行就会空出很多空格出来...

一、问题描述&#xff1a; Android的TextView在显示文字的时候&#xff0c;如果有段中文有英文&#xff0c;有中文&#xff0c;有中文标点符号&#xff0c;你会发现&#xff0c;当要换行的时候遇到中文标点&#xff0c; 这一行就会空出很多空格出来。原因是&#xff1a; 1&…

什么是IDE

集成开发环境&#xff08;IDE&#xff0c;Integrated Development Environment &#xff09;是用于提供程序开发环境的应用程序&#xff0c;一般包括代码编辑器、编译器、调试器和图形用户界面等工具。集成了代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件服务…

vue 学习

http://jspang.com/ vue 学习 vue 学习 转载于:https://www.cnblogs.com/qianjin888/p/9342031.html

策略模式-Strategy Pattern

解决问题 将算法按照策略或场景封装起来&#xff0c;以方便按照不同的场景执行不同的策略。它很好的解决了通过if...else 来决策行为而带来的代码和逻辑复杂性。 应用场景 一个经常被拿来举例的场景是收银员收银场景&#xff1a;它需要根据不同的场景&#xff08;是否为会员、有…

ssm框架下 tiles框架 的使用

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 tiles框架的工作 在springMVC工作流程中属于视图解析器 解析视图这一步。算是视图解析器的一个插件&#xff0c;作了视图解析这步的一部…

数据结构与算法--7.树的基础知识

文章目录一. 树的概念二. 树的术语三. 树的种类四. 树的存储和表示五. 常见的树的应用场景一. 树的概念 二. 树的术语 三. 树的种类 四. 树的存储和表示 五. 常见的树的应用场景

运用java 多线程模拟火车售票。。。。

public class Demo01 { public static void main(String[] args) { // TODO Auto-generated method stub //多线程并行时&#xff0c;会出现的问题 //同步&#xff1a; //买火车票&#xff0c;四个窗口A,B,C,D //创建任务 TicketTask task new TicketTask(); //四个窗口A,B,C,…

JQuery validate 各项验证规则讲解

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 使用样例见&#xff1a;http://blog.csdn.net/jiangyu1013/article/details/56014730 //定义中文消息 var cnmsg { required: “必选字…

数据结构与算法--8.二叉树的基础知识

文章目录一. 二叉树基本概念二. 二叉树的性质三. 二叉树的代码实现四. 二叉树的先序、中序、后序遍历一. 二叉树基本概念 二. 二叉树的性质 三. 二叉树的代码实现 class Node(object):"""二叉树节点"""def __init__(self,item):self.elem item…

ZooKeeper(二)ZooKeeper能做什么?

上一节介绍了ZooKeeper的一些基础知识&#xff0c;这一节主要讲ZooKeeper有哪些用途。命名服务&#xff08;Name Service&#xff09; 主要是作为分布式命名服务&#xff0c;通过调用zk的create node api&#xff0c;能够很容易创建一个全局唯一的path&#xff0c;这个path就可…

jquery vilidate 使用小例

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 // 修改$("#updForm").validate({submitHandler:function(form){new $.flavr({ content : 是否确认修改管理员?,dialog : co…

RedHat Linux 7.3基础环境搭建

文章目录1&#xff0e;更改主机名2&#xff0e;关闭selinux3&#xff0e;关闭火墙4&#xff0e;重启机器5&#xff0e;设置ip6&#xff0e;挂载yum源7&#xff0e;升级openssh8&#xff0e;安全基线9&#xff0e;时区10&#xff0e;时间同步11&#xff0e;安装Vmtools12&#x…

开源http协议库curl和wget的区别和使用

curl和wget基础功能有诸多重叠&#xff0c;如下载等。 在高级用途上的curl由于可自定义各种请求参数所以长于模拟web请求&#xff0c;用于测试网页交互&#xff08;浏览器&#xff09;&#xff1b;wget由于支持ftp和Recursive所以长于下载&#xff0c;用于下载文件&#xff08;…