web第三次作业

已于 2024-04-18 13:54:02 修改
阅读量372 收藏 9
点赞数 4
分类专栏： web 文章标签： 前端 web
于 2024-04-18 13:48:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/laen4102/article/details/137892481
版权

作业

以下内容的学习资源:
黑马程序员JavaWeb开发教程，实现javaweb企业开发全流程（涵盖Spring+MyBatis+SpringMVC+SpringBoot等）

1. springboot入门程序撰写并启动

  • 在谷歌浏览器输入http://localhost:8080/hello
    在这里插入图片描述
  • 控制台返回Hello World!
    在这里插入图片描述

2. 使用postman练习参数的获取

2.1 简单参数

在这里插入图片描述

package com.wxw.controller;

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

//测试请求参数接收

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

    //@RequestParam注解方式
//    @RequestMapping("/simpleParam")
//    public String simpleParam(@RequestParam(name = "name", required = false) String username, Integer age){
//        System.out.println(username+ ":" + age);
//        return "OK";
//    }
}
  • springboot方式
@RequestMapping("/simpleParam")
public String simpleParam(String name, Integer age){
   System.out.println(name+ ":" + age);
   return "OK";
}

点击send：
在这里插入图片描述
参数获取成功：
在这里插入图片描述

  • @RequestParam注解方式
@RequestMapping("/simpleParam")
public String simpleParam(@RequestParam(name = "name", required = false) String username, Integer age){
   System.out.println(username+ ":" + age);
   return "OK";
}

postman界面：
在这里插入图片描述
参数获取成功：
在这里插入图片描述

2.2 实体参数

简单实体对象

简单实体对象：请求参数名与形参对象属性名相同，定义POJO接受即可
在这里插入图片描述
在这里插入图片描述
User.java代码

package com.wxw.pojo;

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

    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.java代码

package com.wxw.controller;

import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import com.wxw.pojo.User;
//测试请求参数接收

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

    //@RequestParam注解方式
    @RequestMapping("/simpleParam")
    public String simpleParam(@RequestParam(name = "name", required = false) String username, Integer age){
        System.out.println(username+ ":" + age);
        return "OK";
    }

    //2. 实体参数
    //简单实体参数
    @RequestMapping("/simplePojo")
    public String simplePojo(User user){
        System.out.println(user);
        return "OK";
    }
}

在这里插入图片描述
在这里插入图片描述

复杂实体对象

//复杂实体参数
@RequestMapping("/complexPojo")
public String complexPojo(User user){
    System.out.println(user);
    return "OK";
}

Address.java

package com.wxw.pojo;

import java.security.PrivateKey;

public class Address {
    private String province;
    private String 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;
    }

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

User.java

package com.wxw.pojo;

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

    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 +
                '}';
    }
}

在这里插入图片描述
封装成功
在这里插入图片描述

2.3 数组集合参数

  • 数组参数：请求参数名与形参数组名称相同且请求参数为多个，定义数组类型形参即可接收参数。
//3. 数组集合参数
//数组参数
@RequestMapping("/arrayParam")
public String arrayParam(String[] hobby){
   System.out.println(Arrays.toString(hobby));
   return "OK";
}

在这里插入图片描述
在这里插入图片描述

  • 集合参数：请求参数名与形参集合名称相同且请求参数为多个，@RequestParam绑定参数关系
//集合参数
@RequestMapping("/listParam")
public String listParam(@RequestParam List<String> hobby){
   System.out.println(hobby);
   return "OK";
}

在这里插入图片描述
在这里插入图片描述

2.4 日期参数

  • 日期参数：使用@DateTimeFormat注解完成日期参数格式转换
//4. 日期时间参数
@RequestMapping("/dateParam")
public String dateTime(@DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss") LocalDateTime updateTime){
    System.out.println(updateTime);
    return "OK";
}

在这里插入图片描述
在这里插入图片描述

2.5 Json参数

  • Json参数：Json数据键名与形参对象属性名相同，定义POJO类型形参即可接受参数，需要使用@RequestBody标识
//5. json参数
@RequestMapping("/jsonParam")
public String jsonParam(@RequestBody User user){
   System.out.println(user);
   return "OK";
}

在这里插入图片描述
在这里插入图片描述

2.6 路径参数

  • 路径参数：通过URL直接传递参数，使用{…}来标识该路径参数，需要使用@PathVariable获取路径参数
//6. 路径参数
// 单个参数
@RequestMapping("/path/{id}")
public String pathParam(@PathVariable Integer id){
   System.out.println(id);
   return "OK";
}

// 多个参数
@RequestMapping("/path/{id}/{name}")
public String pathParam2(@PathVariable Integer id, @PathVariable String name){
   System.out.println(id + " : " + name);
   return "OK";
}

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3. 前端页面向后端发送数据，并且将页面信息发送到服务端

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

  • 在谷歌浏览器输入localhost:8080/product.html
    在这里插入图片描述
  • 输入内容
    在这里插入图片描述
  • 点击增加商品按钮，页面返回OK
    在这里插入图片描述
  • 控制台返回用户输入的值
    在这里插入图片描述
    相关代码
    在这里插入图片描述
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Product</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>

在这里插入图片描述

package com.wxw.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;
    }
}

在这里插入图片描述

package com.wxw.controller;

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 com.wxw.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";
    }
}

3.2 尝试将之前的注册页面的信息发送到服务端

  • 在谷歌浏览器输入http://localhost:8080/input.html
    在这里插入图片描述
  • 输入信息
    在这里插入图片描述
  • 点击提交按钮
    在这里插入图片描述
  • 控制台返回输入的值
    在这里插入图片描述
    相关代码
    在这里插入图片描述
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Input</title>
</head>
<body>

<form action="output" method="post">
  <label for="sss">用户名：</label>
  <input type="text" name="username" id="sss"><br>

  <label for="ccc">密码：</label>
  <input type="password" name="password" id="ccc"><br>

  性别：
  <input type="radio" name="gender" value="男" id="male">
  <label for="male">男</label>
  <input type="radio" name="gender" value="女" id="female">
  <label for="female">女</label>
  <br>

  爱好：
  <input type="checkbox" name="hobby" value="旅游">旅游
  <input type="checkbox" name="hobby" value="电影">电影
  <input type="checkbox" name="hobby" value="游戏">游戏
  <input type="checkbox" name="hobby" value="音乐">音乐
  <br>

  城市：
  <select name="city">
    <option value="北京">北京</option>
    <option value="上海">上海</option>
    <option value="广州">广州</option>
    <option value="武汉">武汉</option>
  </select>
  <br>

  <br>
  <input type="submit" value="提交">
</form>

</body>
</html>

在这里插入图片描述

package com.wxw.pojo;

public class Input {
    private String username;
    private String password;
    private String gender;
    private String city;

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getGender() {
        return gender;
    }

    public void setGender(String gender) {
        this.gender = gender;
    }

    public String getCity() {
        return city;
    }

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

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    @Override
    public String toString() {
        return "Input{" +
                "username='" + username + '\'' +
                ", password='" + password + '\'' +
                ", gender='" + gender + '\'' +
                ", city='" + city + '\'' +
                '}';
    }
}

在这里插入图片描述

package com.wxw.controller;
import com.wxw.pojo.Input;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import java.util.Arrays;

@RestController
public class InputController {
    @RequestMapping("/output")
    public String simpleParam(Input input,String[] hobby){
        System.out.println(input);
        System.out.println("爱好为："+Arrays.toString(hobby));
        return "OK";
    }
}
Dlaen
关注
  • 4
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
第二次作业和第三次作业
08-02
NULL 博文链接：https://yfy-web.iteye.com/blog/1979638
四川大学林峰计算机网络第三次作业.doc
10-19
在计算机网络领域中，应用程序开发者在选择传输协议时需要考虑各种因素，本文将从四川大学林峰计算机网络第三次作业中挑选出的四个问题出发，总结计算机网络基础知识点。 一、UDP 与 TCP 的选择 在选择传输协议时...
web 第三次作业
m0_74404180的博客
04-18 78
java web第三次作业
cyh20040921的博客
04-16 130
1.springboot入门项目。
JAVA WEB 第三次作业
zybzbharl的博客
11-17 357
第一次web作业
m0_64923526的博客
03-05 85
web第二次作业
qq_63357593的博客
11-05 113
【代码】web第二次作业。
【web】第三次作业
qq_74901870的博客
04-18 74
web第三次课后作业
A_amx的博客
04-18 100
1.springboot入门练习。
web第四次作业
weixin_74529543的博客
05-09 874
poet.setGender("男");poet.setGender("女");poet.setGender("男");poet.setGender("女");//处理 gender 1：男 2：女。//处理 gender 1：男 2：女。//1. 加载并解析poet.xml。//1.调用Service，获取数据。//2. 对数据进行转换处理。//2. 对数据进行转换处理。//1. 调用，获取数据。//获取诗人列表数据。3.Controller层。
java web第四次作业
cyh20040921的博客
04-22 103
方法一完成方法二 完成方法三完成。
Web技术第一次网上作业.doc
04-18
Web 技术第一次网上作业答案 本资源摘要信息涵盖了 Web 技术第一次网上作业的所有问题和答案，涵盖了 Web 技术的基础知识点，包括WWW 服务器、网页设计、HTML 语言、动态网页技术、网页 Elements 等。 一、WWW ...
第2次作业 结对作业1
08-08
三、开发技术 软件的开发可以使用多种编程语言和开发框架，例如： 1. Web开发：使用HTML、CSS、JavaScript等技术，可以开发网页版的四则混合运算软件。 2. 客户端开发：使用Java、Python、C++等语言，可以开发...
[Vue-常见错误]浏览器显示Uncaught runtime errors
一个喜欢什么都研究一下的小小后端程序员
06-09 330
在vue.config.js中配置关闭Uncaught runtime errors显示。
JS中一个dom元素能绑定多少事件
ggq53219的博客
06-10 504
在JavaScript中，一个DOM元素可以绑定的事件数量并没有明确的限制，这主要取决于浏览器的实现和内存限制。然而，在实际应用中，为同一个DOM元素绑定过多的事件监听器可能会导致性能问题，尤其是在事件处理函数执行复杂操作的情况下。总之，虽然JavaScript中DOM元素可以绑定的事件数量没有明确的限制，但在实际应用中应注意避免过度绑定和优化事件处理函数，以确保良好的性能和用户体验。
vue3如何定义一个组件
Java程序员专栏
06-09 521
注意在子组件的 <template> 中，你使用 {{ propName }} 来显示传递进来的参数值。在父组件中，你使用 :propName="parentMessage" 来将 parentMessage 数据的值绑定到子组件的 propName prop 上。当使用 <script setup> 语法糖时，你不能直接在 <script> 标签内使用 props 选项。在 Vue 3 中，定义一个可以接收参数的组件通常是通过在组件的 props 选项中定义这些参数来完成的。// 其他组件逻辑...
Web前端设计大赛：创意与技术的碰撞
huejiaqwerty888的博客
06-12 302
在这场竞赛中，参赛者们不仅需要展现出独特的创意，还需要运用精湛的技术将创意转化为实际作品。本文将从四个方面、五个方面、六个方面和七个方面，深入剖析Web前端设计大赛的魅力和挑战。交互设计是Web前端设计的核心环节。参赛者需要关注页面的加载速度、响应速度以及操作的便捷性等方面，确保用户在使用过程中能够获得良好的体验。参赛者需要敢于突破传统的设计理念和技术限制，尝试新的设计手法和技术应用。参赛者需要在创意构思、视觉呈现、交互设计、用户体验、技术实现、性能优化以及创新性和可实践性等方面进行全面考虑和精心打造。
js轮播图有，移入移出事件，左右滑动事件功能
最新发布
tianxianghuiwei的博客
06-14 93
具体的轮播可以根据需求进行调整；
python Web django期末大作业
05-26
可以使用 Django 自带的 ORM（对象关系映射）框架，也可以使用第三方的 ORM 框架。需要根据需求设计合理的数据表，并建立数据表之间的关系。 3. 搭建前端页面 在确定网站主题之后，需要使用 HTML、CSS、JavaScript...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值