网站建设 zzit6,python代码自动生成器,如何建设钓鱼网站,江东网站制作1. 需求 输入两个整数#xff0c;点击 “点击相加” 按钮#xff0c;显示计算结果。 2.准备工作 创建Spring Boot项目#xff0c;引入Spring Web依赖#xff0c;把前端代码放入static目录下。
2.1 前端代码
!DOCTYPE html
html langen
h…1. 需求 输入两个整数点击 “点击相加” 按钮显示计算结果。 2.准备工作 创建Spring Boot项目引入Spring Web依赖把前端代码放入static目录下。
2.1 前端代码
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodyform actioncalc/sum methodposth1计算器/h1数字1input namenum1 typetextbr数字2input namenum2 typetextbrinput typesubmit value 点击相加 /form
/body/html
目录结构如下所示 2.2 约定前后端交互接口
2.2.1概念介绍 约定 “前后端交互接口” 是进行Web开发中的关键环节。接口又叫 APIApplication Programming Interface我们一般讲到接口或者API指的都是同一个东西。 这里的接口是指应用程序对外提供的服务的描述用于交换信息和执行任务与JavaSE阶段学习的 [类和接口] 中的接口不一样两个不同的概念。即就是允许客户端给服务器发送哪些 HTTP 请求并且每种请求预期获取什么样的HTTP响应。 当前由于“前后端分离” 模式开发前端和后端代码通常由不同的团队负责开发。双方在开发之前会提前约定好交互的方式。如下 客户端发起请求 — 服务器提供对应的服务。服务器提供的服务种类有很多客户端按照双方约定指定选择哪一个服务。 接口就是前面网络模块讲的 “应用层协议”。把约定的内容写在文档上就是 “接口文档”接口文档也可以理解为应用程序的“操作说明书”。 2.2.2 需求分析 加法计数器功能对两个整数进行相加需要客户端提供参与计算的两个数服务端返回这两个整数计算的结果。
2.2.3 接口定义 请求路径calculate / sum 请求方式GET/POST 接口描述计算机计算结果 请求参数 示例num111num222
响应数据 Content-Typetext/html 响应内容相加计算结果为33同时 服务器给计算机返回计算结果。
3. 服务器代码
RestControllerRequestMapping(/calculate)public class UserController{RequestMapping(/sum)public String calculate(Integer num1,Integer num2) {int sum num1 num2;return h1后端返回的计算结果 sum h1;}} 4. 运行测试
1、访问127.0.0.1:8080/calc.html.如下所示 2、输入结果开始测试 ps本次的内容就到这里了如果对你有所帮助的话就请一键三连哦
本文的封面来自bilibili苏杉杉的pv侵权删 urlhttps://www.bilibili.com/video/BV1vo4y167eh/?spm_id_from333.999.0.0vd_source866da5be2ef0ddd213b053523da53138 ————————————————
电子签名上嘉路