web应用技术-第三次课后练习

已于 2024-04-27 11:53:59 修改
阅读量224 收藏
点赞数 1
分类专栏： Java-web练习 文章标签： 前端
于 2024-04-18 20:45:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2302_80868896/article/details/137936047
版权

一、springboot入门程序撰写并启动

网址1：https://start.aliyun.com/
网址2：https://start.spring.io/

启动类

package edu.wust;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

//启动类 -- 启动springboot工程
@SpringBootApplication
public class SpringbootWeb01Application {

    public static void main(String[] args) {
        SpringApplication.run(SpringbootWeb01Application.class, args);
    }

}

请求处理类

package edu.wust.controller;

import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

//请求处理类
@RestController
public class HelloController {
    @RequestMapping("/myhello")
    public String myhello(){
        System.out.println("Hello World");
        return "Hello World";
    }
}

启动界面

二、使用postman练习参数的获取

1、postman工具

2、请求--简单参数

原始方式

RequestController

package edu.wust.controller;


import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import javax.servlet.http.HttpServletRequest;

/**
 * 测试请求参数接收
 */
@RestController
public class RequestController {

    //原始方式
    @RequestMapping("/simpleParam")
    public String simpleParam(HttpServletRequest request){
        //获取请求参数
        String name = request.getParameter("name");
        String ageStr = request.getParameter("age");

        if (ageStr == null){  //由于不考虑age为null值时进行数值转换总是报错，于是采用条件判断解决
            return"info = null";
        }else {
            int age = Integer.parseInt(ageStr);
        System.out.println(name+":"+age);
        return "OK";

        }
    }
}

浏览器运行

postman--请求参数

springboot方式

RequestController

package edu.wust.controller;


import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import javax.servlet.http.HttpServletRequest;

/**
 * 测试请求参数接收
 */
@RestController
public class RequestController {

    //springboot方式
    @RequestMapping("/simpleParam")
    public String simpleParam(String name,Integer age){
        System.out.println(name+":"+age);
        return "OK";
    }
}

浏览器运行

postman--get请求参数

postman--post请求参数

（接受的是null的需要把请求方式改为post）

3、请求--实体参数

若简单参数过多，可将所有参数封装至一个实体类当中

简单实体参数的封装

（请求参数名与形参对象属性名相同）

user-->name + age

User

package edu.wust.pojo;

public class User {
    private String name;
    private Integer age;

    //alt+insert快捷键生成对应的Getter and Setter以及toString()方法
    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public Integer getAge() {
        return age;
    }

    public void setAge(Integer age) {
        this.age = age;
    }

    @Override
    public String toString() {
        return "User{" +
                "name='" + name + '\'' +
                ", age=" + age +
                '}';
    }
}

RequestController

package edu.wust.controller;


import edu.wust.pojo.User;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import javax.servlet.http.HttpServletRequest;

/**
 * 测试请求参数接收
 */
@RestController
public class RequestController {
    
    //实体参数
    @RequestMapping("/simplePojo")
    public String simplePojo(User user){
        System.out.println(user);
        return "OK";
    }
}

发送请求

复杂实体参数的封装

user --> name+age+address

address --> province+city

User（添加了Address类以及三种方法）

package edu.wust.pojo;

public class User {
    private String name;
    private Integer age;

    private Address address;

    //alt+insert快捷键生成对应的Getter and Setter以及toString()方法
    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public Integer getAge() {
        return age;
    }

    public void setAge(Integer age) {
        this.age = age;
    }

    public Address getAddress() {
        return address;
    }

    public void setAddress(Address address) {
        this.address = address;
    }

    @Override
    public String toString() {
        return "User{" +
                "name='" + name + '\'' +
                ", age=" + age +
                ", address=" + address +
                '}';
    }
}

Address

package edu.wust.pojo;

public class Address {
    private String province;
    private String city;

    @Override
    public String toString() {
        return "Address{" +
                "province='" + province + '\'' +
                ", city='" + city + '\'' +
                '}';
    }

    public String getProvince() {
        return province;
    }

    public void setProvince(String province) {
        this.province = province;
    }

    public String getCity() {
        return city;
    }

    public void setCity(String city) {
        this.city = city;
    }
}

RequestController

发送请求

4、请求--数组集合参数

数组封装

请求参数名与形参中数组变量名相同，可以直接使用数组封装

接收函数

发送请求

控制台

集合封装

请求参数名与形参中集合变量名相同，集合前使用@RequestParam来绑定参数关系

（List<>有序集合）

接收函数

发送请求

控制台

5、请求-日期参数

使用@DateTimeFormat注解完成日期参数格式转换（pattern属性，指定日期格式，例如：pattern="yyyy-MM-dd HH:mm:ss"）

接收函数

发送请求

控制台

6、请求-json参数（请求方式须post-boy-raw-JSON）

在postman发送请求时如何传递json参数

在服务端Controller中怎么接受json格式参数

三、体会前端页面向后端发送数据的过程，并且自己尝试将之前的注册页面的信息发送到服务端

（一）product.html的操作代码，输入产品名称和价格，点击“增加商品”按钮，页面返回“ok”。服务台返回用户输入的值。

ProductController

package edu.wust.controller;
import edu.wust.pojo.Result;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.servlet.ModelAndView;

import edu.wust.pojo.Product;

import javax.servlet.http.HttpServletRequest;

@RestController
public class ProductController {

    @RequestMapping("/addProduct1")
    public String simpleParam1(HttpServletRequest request) {
        String name = request.getParameter("name");
        String ageStr = request.getParameter("price");
        int price = Integer.parseInt(ageStr);
        System.out.println("addProduct1:" + name + "  :  " + price);
        return "OK";
    }

    @RequestMapping("/addProduct")
    public String simpleParam(String name, Integer price) {
        System.out.println("您输入的信息是：" + name + "  :  " + price);
        return "OK";
    }

    @RequestMapping("/addProduct2")
    public String simpleParam2(Product product) {
        System.out.println(product);
        return "OK";
    }
}

pojo.Product

package edu.wust.pojo;

public class Product {

    private String name;
    private float price;


    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public float getPrice() {
        return price;
    }
    public void setPrice(float price) {
        this.price = price;
    }


}

product.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品详情</title>
</head>
<body style="font-size: 30px">

<form action="addProduct">

    产品名称 ：<input type="text" name="name" value=""><br />
    产品价格： <input type="text" name="price" value=""><br />

    <input type="submit" value="增加商品">

    <br><br><br><br>test2,addProduct1 ，productResult.html
</form>

</body>
</html>

运行

（二）自己尝试将之前的注册页面的信息发送到服务端。

爱生活的土豆
关注
专栏目录
SpringBoot项目修改访问端口和访问路径的方法
08-26
主要介绍了SpringBoot项目修改访问端口和访问路径的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
斤斤计较
测试0901-1
06-14 618
import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.web.bind.annotation.RequestMapping; import org.spring...
springboot如何给前端接口
sheep_yyx的博客
07-05 1280
springboot如何给前端接口
springboot---接收前端请求
lipviolet的博客
03-10 8730
对于Url类请求（注意是纯url请求）,客户端是不能通过body写出数据的，服务端拿到的body是空的。因此一般情况下，我们提供的HttpClient被Url类的请求getOutputStream()的时候会抛一个异常，而HttpServer接受到Url类的请求后getInputStream()的时候也会抛一个异常，这都是为了告诉调用者这是不合理的。因此综上所述，如果为get请求时，后台接收参数的注解应该为RequestParam，如果为post请求时，则后台接收参数的注解就是为RequestBody。
Springboot项目访问路径
热门推荐
fglxhlw的博客
09-17 1万+
springboot项目的访问路径查询 创建的springboot项目，启动后，默认的访问路径是主机ip+默认的端口号是8080。如果没有配置默认的index.jsp,则访问显示Whitelabel Error Page。 如果在controller接口用requestMapping配置了请求路径，那么访问路径就是主机+默认端口号+方法的请求路径。如果在controller类上方定义了requestMapping,那么就是主机地址+默认端口号+类上的地址+方法地址去具体访问。 如果修改了端口，则访问路径是i
ASP.NET Web 应用开发技术（第二版） 课后答案
06-19
ASP.NET Web 应用开发技术（第二版） 课后答案 喻钧 web应用程序
Web前端技术项目式教程（HTML5+CSS3+Flex+Bootstrap)-课后练习答案.zip
07-10
本教程主要涵盖了Web前端开发中的核心技术和框架，包括HTML5、CSS3、Flex布局以及...通过实践这些课后练习，你将能更好地理解如何将HTML5、CSS3、Flex布局和Bootstrap结合起来，创建出高效、美观且响应式的Web页面。
清华大学出版社-郭克华版-Java-Web课后习题答案.rar
06-15
"课后练习题的答案"是学习过程中不可或缺的部分。这些答案通常会展示解题思路和完整的代码实现，帮助学生检查自己的理解是否正确，或者在遇到困难时提供解决方案。习题答案可能涉及到的问题类型包括但不限于：编写...
web前端第三版习题参考答案_.docx.docx
04-04
网页由两部分构成：头部（）和主体（）。... ... ...标签如~用于定义不同级别的标题，数字越小，标题级别越高。...HTML提供了三种类型的...通过练习和实际操作，可以进一步巩固这些知识点，并为更深入的前端学习打下坚实的基础。
响应式Web开发项目教程（HTML5+CSS3+Bootstrap）第2版 第1章 HTML5+CSS3初体验 课后练习
最新发布
01-10
响应式 Web 开发项目教程（HTML5+CSS3+Bootstrap）第 2 版第 1 章 HTML5+CSS3 初体验课后练习 本资源涉及到的知识点包括 HTML5、CSS3、Bootstrap 等响应式 Web 开发技术。下面是对每个知识点的详细解释： 一、 ...
netty-nat:基于netty实现的TCPHttp请求转发的代理程序，可用做内网穿透工具
03-15
净资产 基于netty的TCP / Http请求转发代理程序 简介 在特定的网络环境或安全审核要求下，我们可能会面临网络被限定为单向访问的情况，本工具可以实现在单向网络中设置代理从而实现双向访问的目的。透工具。 依赖/知识准备 netty-高性能NIO通信框架 tcp / ip通信基础知识 工具原理说明 程序运行时序图！[image] [tmp] 使用方式 将项目克隆到本地 修改配置文件项目包含两个独立配置文件，分别为netty-nat | --netty-client | ---- properties.properties |-网络服务器| ---- properties.properties 客户端对应的属性配置： internal.server.port代理程序服务端端口internal.server.host代理程序服务端地址proxy.client.port被代理程序的端口p
Spring Boot入门(四)：开发Web Api接口常用注解总结
weixin_33951761的博客
04-24 884
在程序员的日常工作中，Web开发应该是占比很重的一部分，至少我工作以来，开发的系统基本都是Web端访问的系统，Web开发在这几年也是经历了很快的发展，前端也显得越来越重要，现在很多大一点的公司都实行前后端分离，让后端和前端只专注于自己的事，所谓术业有专攻，我个人也非常建议前后端分离。 既然前后端分离了，那么后端肯定需要提供Web Api接口给到前端，并返回前端需要的数据。 在Spring Boot...
springboot与前端交互的方法
雷东宸的博客
02-26 1848
springboot与前端交互的方法举例； spring boot获取前端数据的方法！
springboot——（6）添加一个vue项目调用springboot接口
qifengsunny的博客
08-25 4434
前两篇博文描述了node.js下载安装、cnpm创建vue项目相关内容，我们得到了一个能运行的最基础的vue框架。具体博文如下： https://blog.csdn.net/qq_15903671/article/details/82052035 https://blog.csdn.net/qq_15903671/article/details/82052251 vue项目命令行常用指令： ...
【知识点】springboot项目配置项目访问根路径
散人杂记
09-18 5996
在Spring Boot中，可以通过配置属性来设置应用的Context Path（上下文路径）。Context Path是URL中应用的根路径，用于区分不同的应用。
SpringBoot笔记系列：（二十一）修改端口号及项目访问路径
潘超博客
08-07 571
springboot中修改端口号及项目访问路径： 在application.properties配置文件中添加配置信息 #端口号 server.port=8081 #访问路径 server.servlet.context-path=/springboot-helloworld SpringBoot笔记系列目录...
Spring boot开发简单的API接口
码农桃子的博客
07-10 2778
响应模板 发出来的接口返回的响应结果应该尽可能的规范统一，可以去看规范来开发自己的接口。一个比较好的响应规范应该要有状态码(code)、信息描述(msg)、数据(data)。 下面我展示一下自己的开发模板： ```java @Data public class Result implements Serializable { private int code;//200表示正常，非200表...
SpringBoot 对接外部接口，一步一步性能调实战篇
良月柒
12-15 387
程序员的成长之路互联网/程序员/技术/资料共享关注阅读本文大概需要 16分钟。来自：blog.csdn.net/m0_51517236/article/details/126855104需求分析：本平台对接某某平台的接口，保证接口的稳定性和安全性实战：首先我们初始化一个Demo，SpringBoot初始化教程略，初始化后的效果如下：1.引入依赖这里我们使用 commons-httpclient...
《多媒体技术基础》第三版课后习题解析
"多媒体技术基础 第三版 (林福宗 著)课后习题答案" 在《多媒体技术基础》第三版中，作者林福宗深入浅出地讲解了多媒体技术的基本概念和应用。本资源提供了书中练习与思考题的参考答案，帮助读者巩固所学知识。 1.1...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值