# 一个简单的停车管理系统 **Repository Path**: colawolf/PKMS ## Basic Information - **Project Name**: 一个简单的停车管理系统 - **Description**: 使用SpringBoot+Mybatis+Vue前后端分离实现一个非常简单的停车管理系统 - **Primary Language**: Unknown - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 11 - **Forks**: 3 - **Created**: 2021-12-20 - **Last Updated**: 2025-03-04 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 停车管理系统说明文档 ## 一.前置条件 ### 1.后端 application-jdbc.yml ``` spring: datasource: type: com.alibaba.druid.pool.DruidDataSource driver-class-name: com.mysql.jdbc.Driver url: jdbc:mysql://127.0.0.1:3306/pk?useSSL=false&useUnicode=true&characterEncoding=utf8//数据库地址 username: root//用户名 password: root//密码 ``` application.yml ``` server: port: 9999//后端端口 ``` config.properties ``` way=run localHost=127.0.0.1 port=9999//后端接口 ``` 2.前端 vue.config.js ``` module.exports = { // webpack-dev-server 相关配置 devServer: { proxy: { "/api": { target: "http://localhost:9999",//修改为后端地址 ws: true, changeOrigin: true, pathRewrite: { "^/api": "", //通过pathRewrite重写地址,将前缀/api转为/ }, }, }, }, }; ``` ## 二.后端结构 ### 1.controller CarController RecordController UserController ### 2.service CarService RecordService UserService ### 3.dao CarDao RecordDao UserDao ### 4.entity Car Record User ### 5.mapper CarDaoMapper RecordDaoMapper UserDaoMapper PS:没错,只有三个表,结构很简单 ## 三.前端结构 ### 1.引入组件 router //其实没咋用 Vuex //数据存储&接口调用 ElementUI&Vant //页面组件库 VeCharts //图形统计表 ### 2.Vuex Vuex实现获取数据并存储的操作 mutation获取数据分为三部分 #### (1).登录功能 checkuserpassword //登录 logout //登出 #### (2).停车管理员功能 checkplatein //车辆入库 addoutcar //新增外来车辆 outcar //车辆出库 #### (3).系统管理员-用户 getuserinfo //查 updateuserinfo //改 adduser //增 searchuserbyaccount //通过账号查 searchuserbyname //通过姓名查 #### (4).系统管理员-车 getcarinfo //查 updatecarinfo //改 addcar //增 searchbyplate //通过车牌查 searchbycarport //通过车位查 searchbyownername //通过车主姓名查 searchbyownerphone //通过车主手机查 #### (5).系统管理员-记录 getrecordinfo //查 updaterecordinfo //改 addrecord //增 searchrecordbyplate //通过车牌查 searchrecordbyrid //通过rid查 searchrecordbycarport //通过车位查 searchrecordbytype //通过类型查 #### (6).获取7天统计数据 get7daycountdata //查找7天内的数据并统计 ### 3.页面结构 ``` App[ Login[] Admin[ Car index Record User ] Manager[ In Out ] ] ```