axios-身体质量测试

1.新建首页index.html

在 resources 目录下 static 中新建

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><h1>axios异步请求测试</h1><div><a href="/bmi.html">身体质量指数测试</a></div>

2.新建 bmi.html

在 resources 目录下 static 中新建

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<div><h1>身体质量指数测试</h1><!--form同步请求 submit 他俩结合使用的--><input type="text" v-model="h" placeholder="请输入身高(米)"><input type="text" v-model="w" placeholder="请输入体重(公斤)"><input type="button" value="开始测试" @click="f()"><h2>测试结果:{{result}}</h2>
</div><script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script><script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script><script>let v = new Vue({el:"body>div",data:{result:"",h:"",w:""},methods:{f(){axios.get("/bmi?h="+ v.h +"&w="+v.w).then(function (response) {v.result = response.data;})}}})</script>
</body>
</html>

3.新建BMIController

controller 包下新建 控制层

package cn.detu.boot07.controller;import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;@RestController
public class BMIController {@RequestMapping("/bmi")public String bmi(Double h,Double w){double BMI= w / (h * h);if(BMI < 18.4){return "消瘦";}if(BMI < 23.9){return "正常";}if(BMI < 27.9){return "超重";}return "肥胖";}
}

4.页面效果

axios-身体质量测试相关推荐

C语言计算身体质量质数BMI,Python需如何计算身体质量指数BMI从而来判断体型
Python需如何计算身体质量指数BMI从而来判断体型发布时间:2020-09-10 15:31:18 来源:亿速云阅读:86 作者:Leah Python需如何计算身体质量指数BMI从而来判断体 ...
视频测试软件+视频测试硬件=视频质量测试解决方法+视频测试的重要性
随着视频设备变得更复杂以及上市周期的变短,质量保证(QA)和质量控制(QC)测试人员要在更短的时间内测试更多的功能.通常测试人员而只是杂乱地测试一些基本功能.视频质量测试结果到底怎么样?你是否知道你的 ...
数据质量测试：测试数据有效性和准确性的方法
以下为作者观点,来看看你认同吗? 如果西西弗斯(编者注:希腊神话中的人物)是一个数据分析师或数据科学家,他在山上滚动的巨石将是他的数据质量保障.即使所有获取.处理和建模的工程流程都无懈可击,但在数据管 ...
网络质量测试器 v1.0 下载
Welcome to my blog! <script language="javascript" src="http://avss.b15.cnwg.cn/cou ...
Windows 7 网络质量测试
Windows 7 网络质量测试保证网络稳定性,建议最大数据包延迟 200ms 以内,数据包最大和最小延迟差 100ms 以内,丢包率最好不丢包或 5% 以内. 1. 调出运行 (快捷键 Win ...
voip语音质量测试国际电信联盟标准E-mode
voip语音质量测试新方法E-model 摘要本文介绍了新的语音质量测量方法E-model(ITU-T G.107)[1],探讨了VoIP在现有网络实施时的语音质量问题.基于VoIP语音特性对网络 ...
智能音箱之音频通路质量--测试与参数
一.概述当将语音识别算法接入到设备时,务必要保证设备的音频通路具有足够的质量.因此对设备进行音频测试,以评估能够影响语音识别性能的音频前端的音频参数.如下要点对语音识别至关重要: 自然声音合适的增 ...
实时音视频质量测试
在对实时音视频的质量进行测试时,通常可以关注以下几个指标: 1,流畅度主要受帧率(FPS)的影响. 帧率:画面每秒传输的帧数,每秒钟显示的帧数愈多,所显示的动作就越流程. 2,清晰度单位面积的画面 ...
基于android的个人健康身体检测测试软件app
健康生活的记录软件,正是受了国外一些品牌的研究的启发,例如耐克配套自己的跑鞋开发的nike+running软件记录用户跑步的里程,以及NTC耐克训练营,为用户提供了全身与局部的训练计划,使毫无运动经验 ...
网络带宽和质量测试小工具.iPerf3
网络图片最近在做监控视频系统建设和运维相关工作,其中有队友提出缺乏对网络线路带宽和质量的检查和监控手段.作为从业20多年的"资深"工程师,怎么能受得了"没办法" ...

axios-身体质量测试

1.新建首页index.html

2.新建 bmi.html

3.新建BMIController

4.页面效果

axios-身体质量测试相关推荐

最新文章

热门文章