基于Spring Boot新能源车租赁网站管理系统设计与实现

一、引言

随着新能源汽车的快速发展，新能源车租赁行业逐渐兴起，满足市场对绿色出行的需求。为了提高租赁管理的效率，本文设计并实现了一个基于Spring Boot的新能源车租赁网站管理系统。该系统分为用户端和管理端，用户可以在线租赁车辆，管理员可以对车辆信息进行管理。

二、系统架构

本系统采用Spring Boot作为后端框架，前端使用Vue.js，数据库采用MySQL。系统架构包括以下几个层次：

1. 表现层：通过RESTful API与前端进行交互。
2. 业务逻辑层：处理租赁相关逻辑。
3. 数据访问层：负责与数据库交互。
4. 数据库：存储用户信息、车辆信息及租赁记录。

三、主要功能

1. 用户注册与登录
2. 车辆信息展示
3. 在线租赁功能
4. 租赁记录查询
5. 管理员车辆信息管理

四、实现细节

1. 数据库设计

首先，设计数据库表结构，包括用户表、车辆表和租赁记录表。

CREATE TABLE user (
    id INT AUTO_INCREMENT PRIMARY KEY,
    username VARCHAR(50) NOT NULL,
    password VARCHAR(50) NOT NULL,
    phone VARCHAR(20)
);

CREATE TABLE vehicle (
    id INT AUTO_INCREMENT PRIMARY KEY,
    model VARCHAR(50) NOT NULL,
    price DECIMAL(10,2) NOT NULL,
    status ENUM('available', 'rented') DEFAULT 'available'
);

CREATE TABLE rental_record (
    id INT AUTO_INCREMENT PRIMARY KEY,
    user_id INT,
    vehicle_id INT,
    rent_date DATETIME,
    return_date DATETIME,
    FOREIGN KEY (user_id) REFERENCES user(id),
    FOREIGN KEY (vehicle_id) REFERENCES vehicle(id)
);

2. 后端实现

用户注册与登录

首先实现用户的注册和登录功能，使用Spring Security进行安全控制。

@RestController
@RequestMapping("/api/user")
public class UserController {

    @Autowired
    private UserService userService;

    @PostMapping("/register")
    public ResponseEntity<String> register(@RequestBody User user) {
        userService.register(user);
        return ResponseEntity.ok("注册成功");
    }

    @PostMapping("/login")
    public ResponseEntity<String> login(@RequestBody LoginDTO loginDTO) {
        String token = userService.login(loginDTO);
        return ResponseEntity.ok(token);
    }
}

车辆信息展示

实现车辆信息的查询接口，支持按状态筛选可租赁的车辆。

@GetMapping("/vehicles")
public List<Vehicle> getAvailableVehicles() {
    return vehicleService.findAvailableVehicles();
}

在线租赁功能

当用户选择租赁某辆车时，需要更新车辆的状态，并创建租赁记录。

@PostMapping("/rent/{vehicleId}")
public ResponseEntity<String> rentVehicle(@PathVariable Integer vehicleId, Principal principal) {
    String username = principal.getName();
    rentalService.rentVehicle(username, vehicleId);
    return ResponseEntity.ok("租赁成功");
}

3. 前端展示

前端使用Vue.js实现用户界面。通过axios与后端API进行交互，实现车辆列表展示和租赁操作。

<template>
  <div>
    <h1>新能源车租赁系统</h1>
    <div v-for="vehicle in vehicles" :key="vehicle.id">
      <p>{{ vehicle.model }} - {{ vehicle.price }}</p>
      <button @click="rent(vehicle.id)">租赁</button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      vehicles: []
    };
  },
  created() {
    this.fetchVehicles();
  },
  methods: {
    fetchVehicles() {
      axios.get('/api/vehicles').then(response => {
        this.vehicles = response.data;
      });
    },
    rent(vehicleId) {
      axios.post(`/api/rent/${vehicleId}`).then(response => {
        alert(response.data);
      });
    }
  }
};
</script>

五、总结

本文设计并实现了一个基于Spring Boot的新能源车租赁网站管理系统。通过该系统，用户可以便捷地租赁新能源车，管理员可以高效地管理车辆信息。未来可以加入更多功能，如用户评价系统、支付功能等，以提高系统的实用性和用户体验。