MVC项目案例

本文详细介绍了如何使用Spring MVC框架构建一个简单的应用,包括配置启动类、创建Model、Controller和Service,以及前端页面的制作。通过访问特定URL获取并返回JSON数据,展示了前后端交互的过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

MVC项目

1、需求

访问链接: http://localhost:8080/car/get
得到JSON数据: {“name”:“保时捷”,“color”:“红色”,“price”:641000.0}
在这里插入图片描述

2、项目结构

cn.tedu — 放启动类,存子包
cn.tedu.service — 子包,放spring层的代码,接口 + 实现类
cn.tedu.controller — 子包,放springmvc的代码,controller负责接受请求做出响应
cn.tedu.pojo — 子包,放Model层的代码,用来封装数据
在这里插入图片描述
在这里插入图片描述

3、制作前端网页

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试 框架整合</title>
	</head>
	<body>
		<a href="http://localhost:8090/car/get">点我提交请求</a>
	</body>
</html>

4、制作启动类,RunApp.java

package cn.tedu;

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


@SpringBootApplication //会进行资源的自动扫描
//启动类:@EnableAutoConfiguration
// 默认开启包扫描,基于启动类所在的包
public class RunApp{
    public static void main(String[] args) {
        SpringApplication.run(RunApp.class);
    }

}

5、修改端口号

在这里插入图片描述

#修改端口号  k:v
server:
  port: 8090

6、创建Car类,Car.java

package cn.tedu.pojo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.experimental.Accessors;
import org.springframework.stereotype.Component;

//lombok注解,替代以前的get set tostring....
@Data
@NoArgsConstructor //无参构造
@AllArgsConstructor //全参构造
@Accessors(chain = true) //开启链式编程
@Component //Sring 提供的ioc,管理对象的
public class Car {
    private Integer id;
    private String name;
    private String type;
    private String color;
    private Double price;
}

7、创建CarController类,CarController.java

package cn.tedu.controller;

import cn.tedu.pojo.Car;

import cn.tedu.service.CarServiceImpl;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController //接受请求
@RequestMapping("car") //规定了url和类的匹配方式,从哪里访问
public class CarController {
   //描述两个类的关系
   @Autowired
   CarServiceImpl carService;

   @RequestMapping("get")
    public Car get(){
       return carService.get(); //调用service层返回数据
    }
}

8、创建CarService接口

package cn.tedu.service;

import cn.tedu.pojo.Car;

/*  接口  */
//接口里的方法都是抽象方法,都可以简写,都是public abstract的
public interface CarService {
    //获取汽车数据
    //public abstract Car get();    等于下一行代码
    Car get();
}

9、创建CarServiceImpl实现类,CarServiceImpl.java

package cn.tedu.service;

import cn.tedu.pojo.Car;
import org.springframework.stereotype.Component;
import org.springframework.stereotype.Controller;
import org.springframework.stereotype.Service;

/* 接口的实现类 */
//实现类用来实现接口,而且可以多实现
@Service //和@Component一样,就是ioc的功能
@Component
public class CarServiceImpl implements CarService {

    //实现类实现接口后,要重写抽象方法,否则是一个空
    //重写,子类的权限 >= 父类的权限
    @Override
    public Car get() {
        Car c =  new Car();

        //lombok提供的链式编程
        c.setId(10).setName("BMW").setType("Q5").setColor("宝马蓝").setPrice(10.9);

        return c;
    }
}

10、测试

在这里插入图片描述

10.1)启动服务器

在这里插入图片描述

10.2)打开网页访问服务器,服务器成功返回了数据

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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

AimerDaniil

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值