# 智慧社区管理系统-核心业务管理-01车位收费

最新推荐文章于 2024-09-15 19:46:31 发布
最新推荐文章于 2024-09-15 19:46:31 发布
阅读量743 收藏
点赞数
文章标签： java 算法 c++
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74795259/article/details/128158120
版权

一 后端

1:entity

package com.woniu.community.entity;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

@Data
@AllArgsConstructor
@NoArgsConstructor
public class CarCharge {
    private int id;
    private String payDate;//开始时间
    private  String endDate;//结束时间
    private Double money;
    private Integer  status;//缴费状态:0表示未交,1表示已交
    private int ownerId;
    private String remarks;//备注
    private String type;//收费类型
    private String parkId;//车位外键
    private String numbers;
    private String userName;


}

2:CarChargeMapper

package com.woniu.community.mapper;

import com.woniu.community.entity.CarCharge;

import java.util.List;

public interface CarChargeMapper {
    List<CarCharge> selectAll(String numbers,Integer  status,int start,int size);
    int count(String numbers,Integer  status);
    int  insertCarCharge(CarCharge carCharge);
    int  deleteCarCharge(int id);
    int  updateMoney(CarCharge carCharge);
    CarCharge getById(int id);
}

3:ICarChargeService

package com.woniu.community.service;

import com.woniu.community.entity.CarCharge;
import com.woniu.community.entity.HttpResult;



public interface ICarChargeService {
   HttpResult selectAll(String numbers, Integer  status, int pageIndex, int pageSize);

    HttpResult  insertCarCharge(CarCharge carCharge);
    HttpResult  deleteCarCharge(int id);
    HttpResult  updateMoney(CarCharge carCharge);
    HttpResult getById(int id);
}

4:CarChargeServiceImpl

package com.woniu.community.service.impl;

import com.woniu.community.entity.CarCharge;
import com.woniu.community.entity.HttpResult;
import com.woniu.community.mapper.CarChargeMapper;
import com.woniu.community.service.ICarChargeService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;


@Service
public class CarChargeServiceImpl implements ICarChargeService {
    @Autowired(required =false)
    private CarChargeMapper carChargeMapper;

    @Override
    public HttpResult selectAll(String numbers, Integer status, int pageIndex, int pageSize) {
        HttpResult  result=null;
        List<CarCharge> carCharges = carChargeMapper.selectAll(numbers, status, (pageIndex - 1) * pageSize, pageSize);
        int count = carChargeMapper.count(numbers, status);
        if (carCharges!=null&&carCharges.size()>0){
            result=new HttpResult(carCharges,count,200,null);
        }else{
            result=new HttpResult(null,0,500,"没有更多数据");

        }
        return result;
    }


    @Override
    public HttpResult insertCarCharge(CarCharge carCharge) {
        HttpResult  result=null;
        int count = carChargeMapper.insertCarCharge(carCharge);
        if (count>0){
            result=new HttpResult(null,0,200,"添加成功");
        }else{
            result=new HttpResult(null,0,500,"添加失败");

        }
        return result;
    }

    @Override
    public HttpResult deleteCarCharge(int id) {
        HttpResult  result=null;
        int count = carChargeMapper.deleteCarCharge(id);
        if (count>0){
            result=new HttpResult(null,0,200,"删除成功");
        }else{
            result=new HttpResult(null,0,500,"删除失败");

        }
        return result;
    }

    @Override
    public HttpResult updateMoney(CarCharge carCharge) {
        HttpResult  result=null;
        int count = carChargeMapper.updateMoney(carCharge);
        if (count>0){
            result=new HttpResult(null,0,200,"修改成功");
        }else{
            result=new HttpResult(null,0,500,"修改失败");

        }
        return result;
    }

    @Override
    public HttpResult getById(int id) {
        HttpResult  result=null;
        CarCharge carCharge = carChargeMapper.getById(id);
        if (carCharge!=null){
            result=new HttpResult(carCharge,0,200,null);
        }else{
            result=new HttpResult(null,0,500,"没有更多数据");

        }
        return result;
    }
}

5:CarChargeController

package com.woniu.community.controller;

import com.woniu.community.entity.CarCharge;
import com.woniu.community.entity.HttpResult;
import com.woniu.community.service.ICarChargeService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

@RestController
@RequestMapping("/carCharge")
@CrossOrigin(origins = "*")
public class CarChargeController {
    @Autowired
    private ICarChargeService iCarChargeService;

    @RequestMapping("/list")
    HttpResult selectAll(String numbers, Integer  status, int pageIndex, int pageSize){
        return iCarChargeService.selectAll(numbers,status,pageIndex,pageSize);
    }
    @RequestMapping("/add")
    HttpResult insertCarCharge(  CarCharge carCharge){
        return  iCarChargeService.insertCarCharge(carCharge);
    }
    @RequestMapping("/delete")
    HttpResult  deleteCarCharge(int id){
        return iCarChargeService.deleteCarCharge(id);
    }
    @RequestMapping("/update")
    HttpResult  updateMoney( CarCharge carCharge){
        return iCarChargeService.updateMoney(carCharge);
    }
    @RequestMapping("/info")
    HttpResult getById(int id){
        return iCarChargeService.getById(id);

    }
}

6:CarChargeMapper.xml

<?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="com.woniu.community.mapper.CarChargeMapper">
    <resultMap id="carMap" type="CarCharge">
        <result column="id" property="id"/>
        <result column="pay_date" property="payDate"/>
        <result column="end_date" property="endDate"/>
        <result column="money" property="money"/>
        <result column="status" property="status"/>
        <result column="owner_id" property="ownerId"/>
        <result column="remarks" property="remarks"/>
        <result column="type" property="type"/>
        <result column="park_id" property="parkId"/>
        <result column="numbers" property="numbers"/>
        <result column="username" property="userName"/>
    </resultMap>
    <select id="selectAll" resultMap="carMap">
        select
               c.*,p.numbers,o.username
        from
             carcharge c left  join parking p  on
            c.park_id=p.id
            left  join owner o on
            c.owner_id=o.id
        <where>
            <if test="numbers!=null and numbers!='' and  numbers!='null' ">
                and  p.numbers=#{numbers}
            </if>
            <if test="status!=null">
                and  c.status=#{status}
            </if>
        </where>
        limit #{start},#{size}
    </select>

    <select id="count" resultType="int">
        select
       count(c.id)
        from
        carcharge c left  join parking p  on
        c.park_id=p.id
        left  join owner o on
        c.owner_id=o.id
        <where>
            <if test="numbers !=null  and numbers !='' and numbers!='null'">
                and  p.numbers=#{numbers}
            </if>
            <if test="status!=null  ">
                and  c.status=#{status}
            </if>
        </where>

    </select>

    <insert id="insertCarCharge">
        insert  into
            carcharge(park_id,owner_id,pay_date,end_date,money,status)
            values (#{parkId},#{ownerId},#{payDate},#{endDate},#{money},#{status})
    </insert>

    <delete id="deleteCarCharge">
        delete from carcharge
                        where  id=#{id}
    </delete>

    <update id="updateMoney">
        update carcharge set
            money=#{money},status=#{status}
                where  id=#{id}
    </update>

    <select id="getById" resultMap="carMap">
        select * from carcharge where  id=#{id};
    </select>
</mapper>

二 后端


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="assets/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/right.css" rel="stylesheet">
    <script src="assets/jquery-3.5.1.min.js"></script>
    <script src="assets/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="assets/vue.min-v2.5.16.js"></script>
    <script src="assets/vue-router.min-2.7.0.js"></script>
    <script src="assets/axios.min.js"></script>
</head>
<body>
<div id="app" class="container">
    <div class="row">
        <div class="col-md-12" style="height: 80px; line-height: 20px;">
            <div class="row">
                <div class="col-md-3" style="height: 20px;margin-bottom: 15px">
                    车位号:<input type="text" v-model="numbers">
                </div>
                <div class="col-md-3" style="height: 20px;margin-bottom: 15px;">
                   缴费状态:<select style="width: 150px;" v-model="status">
                        <option value="1">已缴费</option>
                        <option value="0">未缴费</option>
                </select>
                </div>
                <div class="col-md-3" style="height: 20px;margin-bottom: 15px">
                    <button class="btn btn-primary" @click="doQuery">搜索</button>

                </div>
            </div>
            <button class="btn btn-info" @click="doAdd">新增</button>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <table class="table table-striped">
                <caption>车位收费</caption>
                <thead>
                    <tr>
                        <th>车位号码</th>
                        <th>户主</th>
                        <th>开始时间</th>
                        <th>结束时间</th>
                        <th>金额</th>
                        <th>状态</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="c  in carCharts">
                        <td>{{c.numbers}}</td>
                        <td>{{c.userName}}</td>
                        <td>{{c.payDate}}</td>
                        <td>{{c.endDate}}</td>
                        <td>{{c.money}}</td>
                        <td>{{c.status==1?"已缴费":"未缴费"}}</td>

                        <td v-if="c.status==1">
                            <button class="btn btn-danger" @click="doDelete(c.id)">删除</button>
                        </td>
                        <td v-else="c.status==0">
                            <button class="btn btn-info" @click="doUpdate(c.id)">缴费</button>
                            <button class="btn btn-danger" @click="doDelete(c.id)">删除</button>
                        </td>
                    </tr>
                </tbody>
            </table>
            <ul class="pagination" v-for="p in pageNum">
                <li v-if="p==pageIndex" class="active"><a @click="doGO(p)">{{p}}</a></li>
                <li v-else="p==pageIndex"><a @click="doGO(p)">{{p}}</a></li>
            </ul>
        </div>
    </div>
</div>
<script>
    new Vue({
        el: '#app',
        data: {
            carCharts:null,
            pageIndex:1,
            pageSize:4,
            pageTotal:0,
            pageNum:0,
            numbers:'',
            status:'',
        },
        methods: {
            requestCarList(url){
                axios.get(url).then(response=>{
                    this.carCharts=response.data.data;
                    this.pageTotal=response.data.pageTotal;//总条数
                    this.pageNum=Math.ceil(this.pageTotal / this.pageSize);
                })
            },
            doQuery(){
                this.doGO(1);
            },
            doGO(p){
                this.pageIndex=p;
                var  url="http://localhost:8080/carCharge/list?pageIndex="+p+"&pageSize="+this.pageSize+"&numbers="+this.numbers+"&status="+this.status;
                console.log(url);
                this.requestCarList(url);
            },
            doUpdate(id){

                window.parent.main_right.location.href = "carChart_add_update.html?id="+id;
            },
            doAdd(){
                window.parent.main_right.location.href = "carChart_add_update.html";

            },

            doDelete(id){
            var url="http://localhost:8080/carCharge/delete?id="+id;
            axios.get(url).then(response=>{
                if (response.data.code==200){
                    var  url="http://localhost:8080/carCharge/list?pageIndex="+this.pageIndex+"&pageSize="+this.pageSize;
                    this.requestCarList(url);
                }else{
                    alert(response.data.msg)
                }
            })

            },


        },
        created: function () {
        var  url="http://localhost:8080/carCharge/list?pageIndex="+this.pageIndex+"&pageSize="+this.pageSize;
        this.requestCarList(url);
        }
    });
</script>
</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="assets/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/right.css" rel="stylesheet">
    <script src="assets/jquery-3.5.1.min.js"></script>
    <script src="assets/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="assets/vue.min-v2.5.16.js"></script>
    <script src="assets/vue-router.min-2.7.0.js"></script>
    <script src="assets/axios.min.js"></script>
    <script src="assets/date_picker.js"></script>
</head>
<body>
<div id="app" class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="row">
                <div class="col-md-12" style="text-align: center; font-weight: bold; font-size: 18px; height: 80px; line-height: 80px;">
                    {{title}}
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 col-md-offset-3" style="height: 240px;">
                   车位号码:<select v-model="parkId">
                            <option v-for="p in pickList":value="p.id">{{p.numbers}}</option>
                   </select><br>
                    户主:<select v-model="ownerId">
                    <option v-for="o in ownerList":value="o.id">{{o.userName}}</option>
                </select><br>
                    <label>开始时间:</label>
                    <input type="date" class="form-control" v-model="payDate"/>
                    <label>结束时间:</label>
                    <input type="date" class="form-control" v-model="endDate"/>
                    <lable>金额</lable>
                    <input type="text" v-model="money"><br>
                    状态:<select v-model="status">
                        <option value="1">缴费</option>
                        <option value="0">未缴费</option>
                </select>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 col-md-offset-3" style="height: 80px;">
                    <button class="btn btn-primary" @click="doSave">保存</button>
                    <button class="btn btn-default" @click="doNot">取消</button>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    new Vue({
        el: '#app',
        data: {
            title:null,
            pickList:null,
            parkId:null,
            carChartsId:null,
            ownerId:null,
            ownerList:null,
            payDate:null,
            endDate:null,
            money:null,
            status:null,
        },
        methods: {
        requestParkingList(){
            var url="http://localhost:8080/parking/list?pageIndex=1&pageSize=100";
            axios.get(url).then(response=>{
                this.pickList=response.data.data;
            })
        },
            requestOwnerList(){
                var url="http://localhost:8080/owner/list?pageIndex=1&pageSize=100";
                axios.get(url).then(response=>{
                    this.ownerList=response.data.data;
                })
            },
            getById(){
                var url="http://localhost:8080/carCharge/info?id="+this.carChartsId;
                console.log(url);
                axios.get(url).then(response=>{
                    this.parkId=response.data.data.parkId;
                    this.ownerId=response.data.data.ownerId;
                    this.payDate=response.data.data.payDate;
                    this.endDate=response.data.data.endDate;
                    this.money=response.data.data.money;
                    this.status=response.data.data.status;
                })
            },

            doSave(){
            if (this.carChartsId==null){
                this.title="添加车户"
                var  url="http://localhost:8080/carCharge/add?parkId="+this.parkId+"&ownerId="+this.ownerId+"&payDate="+this.payDate+"&endDate="+this.endDate+"&money="+this.money+"&status="+this.status;
                console.log(url)
                axios.get(url).then(response=>{
                    if (response.data.code==200){
                        window.parent.main_right.location.href = "carChart_list.html";

                    }else{
                        alert(response.data.msg)
                    }

                })
            }else{
                this.title="缴费"
                var   url="http://localhost:8080/carCharge/update?money="+this.money+"&status="+this.status+"&id="+this.carChartsId;
                console.log(url)
                axios.get(url).then(response=>{
                    if (response.data.code==200){
                        window.parent.main_right.location.href = "carChart_list.html";

                    }else{
                        alert(response.data.msg)
                    }

                })

            }

            },
            doNot(){
                history.go(-1);
            },

        },

        created: function () {
        this.requestParkingList();
        this.requestOwnerList();
            var  url=window.location.href;
            if (url.indexOf("id")!=-1){
                this.carChartsId=url.substring(url.indexOf("=")+1);
            }
            if (this.carChartsId==null){
                this.title="添加缴车户"
            }else{
                this.title="缴费"
                this.getById();

            }
        }
    });
</script>
</body>
</html>

三 页面

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

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

雷大胖胖
关注
基于单片机的社区智能停车位管理系统-论文
05-15
基于单片机的社区智能停车位管理系统结合了多种技术，如数控技术和数字技术，目的是解决社区停车位的无序化管理问题。在传统社区中，由于缺乏系统的停车位管理，常常导致车位使用矛盾，影响社区居民的正常生活和城市...
基于单片机的车位管理系统-论文
05-14
车位管理系统的核心是单片机，它相当于系统的“大脑”，负责接收传感器的信号，处理数据并控制整个系统的运行。单片机的选择通常基于其处理速度、存储能力以及能耗等因素，常见的单片机有STC系列、AVR系列等，而本...
基于Java的智慧车位管理系统后端设计源码
05-28
本项目是基于Java的智慧车位管理系统后端设计源码，包含89个文件，其中包括70个Java源文件、12个XML配置文件、1个Gitignore文件、1个Dockerfile文件、1个LICENSE文件、1个Markdown文档、1个YAML配置文件和1个SQL文件...
模拟电路设计-停车场车位管理系统1.0
06-16
该文件是基于multisim仿真软件设计的停车场车位管理系统，电路使用74LS192作为计数器，使用开关与D触发器模拟车辆进出的加减脉冲，实现检测进车出车，显示停车场泊车位数目，可手动调节泊车位数目在0-30之间等功能，...
Java企业面试题3
最新发布
m0_74972727的博客
09-15 319
1. break和continue的作用(智*图) break：用于完全退出一个循环（如 for, while）或一个 switch 语句。当在循环体内遇到break语句时，程序会立即跳出当前循环体，继续执行循环之后的代码。 continue：用于跳过当前循环体中剩余的部分，并开始下一次循环。如果是在 for 循环中使用continue，则会直接进行条件判断以决定是否执行下一轮循环。 2. if分支语句和switch分支语句的异同之处(智*图) 相同点：都是用来根据不同的条件执行不同的代码块。
上传文件到钉盘流程详解
jspyth的博客
09-14 570
本文详解如何通过钉钉的API实现上传文件到钉盘目录，代码通过JAVA实现。
【学习笔记】手写 Tomcat 三
LearnTech_123的博客
09-12 1091
响应动态资源不需要写文件名了，只需要写功能的名称即可。比如登录功能，可以定义名称为 doLogin
Gradle
xiaocaij_icai的博客
09-15 132
");
笔记：Centos Jdk Nginx 安装包安装命令
贰十六的博客
09-12 591
进入到usr中的src，把刚才下载的安装包拉进去。# ./configure 报错。# 将下面填写到配置最下方。# JDK 解压版 配置。# 进入环境变量配置。
计算机毕业设计 基于SpringBoot的课程教学平台的设计与实现 Java+SpringBoot+Vue 前后端分离 文档报告 代码讲解 安装调试
weixin_19164791635
09-12 888
本文介绍了一款基于Java、SpringBoot和Vue.js技术的课程教学平台。该平台服务于管理员、学生和教师，提供教学资源管理、课程信息浏览、作业提交与批改等功能，旨在优化教学流程，提升教育质量，促进教育资源的数字化共享，推动教育信息化发展。
spring security中几大组件的作用和执行顺序
阿信今天的代码没bug的博客
09-11 323
spirng security中的几大组件的差异和执行顺序
模拟面试后端开发复盘
Java小白的博客 致力分享每一天学到的知识
09-11 1150
一般来说系统的开发和设计思路的话，就是一般现在的项目基本上都是前后端分离架构来实现的，所以在项目的设计时，要分层次结构来划定。前后端分离架构中，前端一般是有专业的前端工程师来写的，因此我们步需要过分的关注前端，可以在github上找到相关的前端项目即可。
使用API有效率地管理Dynadot域名，查看域名服务器（NS）信息
Dynadot_tech的博客
09-12 1044
Dynadot是通过ICANN认证的域名注册商，自2002年成立以来，服务于全球108个国家和地区的客户，为数以万计的客户提供简洁，优惠，安全的域名注册以及管理服务。Dynadot.com提供的API是专为效率而构建的高级域名管理和获取工具包。使用Dynadot API，可以查看某一域名DNS设置的域名服务器（Name server）信息。
服装|基于Java+vue的服装定制系统(源码+数据库+文档)
weixin_66413741的博客
09-10 714
服装定制将是广大用户们不可忽视的一块。但是管理好服装定制又面临很多麻烦需要解决,我们可以发现服装定制方面的系统并不是相当普及,在服装定制方面的可以有许多改进。即服装定制系统慢慢的被人们关注。服装定制管理方面的任务繁琐,以至于每年都在服装定制管理这方面投入较多的精力却效果甚微,
JAVA开源项目 在线视频教育平台 计算机毕业设计
as230627的博客
09-14 970
基于Vue.js和SpringBoot的在线视频教育平台是一个功能丰富的系统，它包括管理后台和用户网页端，为管理员、普通用户和教师角色提供了不同的功能。在管理后台，管理员可以进行用户管理，包括用户信息的增删改查。
JAVA——方法重载
bengbeng2345的博客
09-12 194
返回值不能作为重载条件。
基于SpringBoot的医院挂号预约管理系统
计算机学姐的博客
09-11 819
【2025最新】基于Java+SpringBoot+Vue+MySQL的医院挂号预约管理系统，前后端分离。
在线小说|基于java的小说阅读系统小程序(源码+数据库+文档)
伟庭的博客
09-13 1362
因此市面上各种阅读类应用的用户体验参差不齐，所以设计一个通用的阅读器，小说阅读器小程序采用java开发语言、以及Mysql数据库等技术。系统主要分为管理员和用户二部分，管理员服务端：首页、个人中心、用户管理、小说分类管理、书城管理、订单信息管理、小说资讯管理、小说章节管理、书圈、系统管理，用户客户端；首页、书城、小说资讯、书圈、我的等功能，基本上实现了整个小说阅读器小程序信息管理的过程。
基于NB-IoT的智能车位管理系统：解决停车难题
基于NB-IoT的车位管理系统是一项创新的解决方案，旨在应对现代社会日益增长的汽车保有量导致的停车难题。车位的紧张和空间利用效率低下的问题，使得驾驶员在寻找空闲车位时面临挑战。该系统的核心理念是通过集成STM...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值