前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Springboot整合SSM

Springboot整合SSM

作者头像
全栈程序员站长
发布2022-08-15 20:15:35
1880
发布2022-08-15 20:15:35
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

文章目录

1.1 创建SSM模块

1.1.1 系统架构图

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

1.1.2 项目结构

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

1.1.3 需求

代码语言:javascript
复制
访问:http://localhost:8080/car/get
返回:{ 
   "name":"BMW","color":"red","price":9.9}

1.1.4 准备表,数据

代码语言:javascript
复制
CREATE TABLE `car` (
  `id` int(11) NOT NULL auto_increment,
  `name` varchar(10) default NULL,
  `color` varchar(10) default NULL,
  `price` double default NULL,
  PRIMARY KEY  (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

1.1.5 pom.xml

代码语言:javascript
复制
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <parent>
        <artifactId>springbootcgb2103</artifactId>
        <groupId>cn.tedu</groupId>
        <version>0.0.1-SNAPSHOT</version>
    </parent>
    <modelVersion>4.0.0</modelVersion>

    <artifactId>testSSM</artifactId>

    <dependencies>
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>2.1.4</version>
        </dependency>

        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>5.1.48</version>
            <scope>runtime</scope>
        </dependency>
    </dependencies>

</project>

1.1.6 Car.java

代码语言:javascript
复制
package cn.tedu.pojo;

import org.springframework.stereotype.Component;

@Component
public class Car { 
   
    private int id;
    private String name;
    private String color;
    private double price;

    public int getId() { 
   
        return id;
    }

    @Override
    public String toString() { 
   
        return "Car{" +
                "id=" + id +
                ", name='" + name + '\'' +
                ", color='" + color + '\'' +
                ", price=" + price +
                '}';
    }

    public void setId(int id) { 
   
        this.id = id;
    }

    public String getName() { 
   
        return name;
    }

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

    public String getColor() { 
   
        return color;
    }

    public void setColor(String color) { 
   
        this.color = color;
    }

    public double getPrice() { 
   
        return price;
    }

    public void setPrice(double price) { 
   
        this.price = price;
    }

}

1.1.7 CarDao接口

代码语言:javascript
复制
package cn.tedu.dao;

import cn.tedu.pojo.Car;
import org.springframework.stereotype.Repository;

public interface CarDao { 
   
    Car get();
}

1.1.8 CarMapper.xml

代码语言:javascript
复制
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="cn.tedu.dao.CarDao">
    <select id="get" resultType="cn.tedu.pojo.Car">
        select * from car where price=9.9
    </select>
</mapper>

1.1.9 CarService接口

代码语言:javascript
复制
package cn.tedu.service;

import cn.tedu.pojo.Car;

public interface CarService { 
   
    Car get() ;
}

1.1.10 CarServiceImpl.java

代码语言:javascript
复制
package cn.tedu.service;

import cn.tedu.dao.CarDao;
import cn.tedu.pojo.Car;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

@Service
public class CarServiceImpl implements CarService{ 
   

    @Autowired
    private CarDao carDao;

    @Override
    public Car get() { 
   
        return carDao.get();
    }
}

1.1.11 CarController.java

代码语言:javascript
复制
package cn.tedu.controller;

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

@RestController
@RequestMapping("/car/")
public class CarController { 
   

    @Autowired
    private CarService carService;

    @RequestMapping("get")
    public Car get(){ 
   
        return carService.get();
    }
}

1.1.12 application.yml

代码语言:javascript
复制
#SpringBoot配置mysql信息
spring:
  datasource:
    driver-class-name: com.mysql.jdbc.Driver
    url: jdbc:mysql:///mybatisdb?useUnicode=true&characterEncoding=utf8&useSSL=false
    username: root
    password: root
#SpringBoot整合Mybatis配置
mybatis:  
	#别名包
  type-aliases-package: cn.tedu.pojo
  #指定UserMapper.xml文件的位置
  mapper-locations: classpath:*.xml
  #开启驼峰映射
  configuration:
    map-underscore-to-camel-case: true

1.1.13 RunApp.java

代码语言:javascript
复制
package cn.tedu;

import org.mybatis.spring.annotation.MapperScan;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
@MapperScan("cn.tedu.dao")//扫描DAO接口文件所在的包
public class Runapp { 
   
    public static void main(String[] args) { 
   
        SpringApplication.run(Runapp.class);
    }
}

1.1.15 测试

代码语言:javascript
复制
访问:http://localhost:8080/car/get
返回:{ 
   "name":"BMW","color":"red","price":9.9}

1.1.14 [新增网页]

在这里插入图片描述
在这里插入图片描述
代码语言:javascript
复制
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="vue.js"></script>
		<script src="axios.min.js"></script>
	</head>
	<body>
		<div id="app">
			<table style="font-size: 20px;" cellspacing="0" border="1px" bgcolor="lightgray">
				<h3 align="center">京淘电商平台</h3>
				<button>新增</button>
			   <head>
			      <tr>
			         <th style="text-align: center;" width="320">姓名</th>
			         <th style="text-align: center;" width="280">年龄</th>
			         <th style="text-align: center;">爱好</th>
			         <th style="text-align: center;">学历</th>
			         <th style="text-align: center;">入学时间</th>
			         <th style="text-align: center;">[操作]</th>
			      </tr>
			   </head>
			   <body>
			      <tr v-for="o in msg" align="center">
			         <td>{
  
  {o.name}}</td>
			         <td>{
  
  {o.age}}</td>
			         <td align="right"><span style="color: red;">{
  
  {o.hobby}}</span></td>
					 <td v-if="o.edu==3">本科</td>
					 <td>{
  
  {o.intime.substring(0,9)}}</td>
					 <td>
						 <button>修改</button>
						 <button>删除</button>
					 </td>
			      </tr>
			   </body>
			</table>	
		</div>
	</body>
	<script> new Vue({ 
      el:"#app", data:{ 
      msg: "暂无数据" }, mounted() { 
      axios({ 
      method: "post", url: "http://localhost:8080/car/get" }) .then( res => { 
      this.msg = res.data; } ) } }) </script>
</html>

注意:::::Controller层要加一个注解才行

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

新增需求:

代码语言:javascript
复制
访问:http://localhost:8080/car/getById?id=2
返回: { 
   "id":2,"name":"Audi","color":"black","price":0.3}

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/134124.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年5月2,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 文章目录
  • 1.1 创建SSM模块
    • 1.1.1 系统架构图
      • 1.1.2 项目结构
        • 1.1.3 需求
          • 1.1.4 准备表,数据
            • 1.1.5 pom.xml
              • 1.1.6 Car.java
                • 1.1.7 CarDao接口
                  • 1.1.8 CarMapper.xml
                    • 1.1.9 CarService接口
                      • 1.1.10 CarServiceImpl.java
                        • 1.1.11 CarController.java
                          • 1.1.12 application.yml
                            • 1.1.13 RunApp.java
                              • 1.1.15 测试
                                • 1.1.14 [新增网页]
                                  • 新增需求:
                                  领券
                                  问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档