# web-smartparking-system **Repository Path**: openheart_1/web-smartparking-system ## Basic Information - **Project Name**: web-smartparking-system - **Description**: 智慧停车场前端服务项目 - **Primary Language**: Unknown - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 8 - **Forks**: 1 - **Created**: 2024-09-02 - **Last Updated**: 2025-09-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 介绍 该智慧停车场开源项目为前后端分离架构,这个仓库为智慧停车场前端服务项目,前端基于Vue3.0版本结合TypeScript,UI框架采用elementPlus,后端使用java进行编写,以Springboot 2.6.0 + mysql 8.0.3 + mybatis plus 3.5.2 + knife4j 3.0.3 + mapstruct 1.3.1.Final 作为核心框架进行开发。 mysql 数据库 knife4j 作为接口文档 mybatis plus 作为数据层 mapstruct 作为数据转换 前端仓库地址:git@gitee.com:openheart_1/web-smartparking-system.git 后端仓库地址:git@gitee.com:openheart_1/openheart-stopcar-pc.git # 内置功能 系统管理:角色管理、接口管理、系统菜单、全局配置 账号管理:用户管理、商户管理 主题换肤:管理后台页面切换皮肤 首页统计:车位统计、收益统计、出库订单流水统计 停车记录:停车记录 车辆管理:车辆管理 商家租赁车位管理:划分一部分车位租赁给商家,助力商家的经营活动 设备管理:配置车场硬件设备,如一体机、闸机等 车牌识别:车牌识别 车辆出入库记录:记录所有进出库车辆信息 停车场管理:停车场管理 费用管理:配置车场收费标准、月保车辆的收费标准 月保记录统计:统计所有月保车辆信息 访客车辆统计:外来车辆进场,可以临时配置外来车辆免费停车时长 商家对账:商家租赁的车辆的收益/消费情况统计 停车领券:消费者领取停车优惠券功能,支持PC端领取和手机端领取 # 特点 :car: 计费模式清晰透明,该系统适用场景:小区,商场,大中小型停车场 :red_car: 结合商户系统操控闸机放行,解放人工实时值守 :taxi: 云端控制,可结合商家车位实时监控,实时统计 :blue_car: 对于突发状况可进行云端响应预警机制进行开闸 :tractor: 线上扫码支付,计费透明,无需人工登记 # 前端安装教程 ### 安装依赖 #### npm run install ### 启动项目 #### npm run dev ### 打包项目 #### npm run build # 在线演示网址 https://smartparking.xlbzone.com/#/login 【后台管理登录账号】 登录账号:admin 密码:123456 【商家登录账号】 登录账号:hotel 密码:123456 如果您觉得此项目对你有帮助,请点亮 Star # 版本说明  # 功能演示图【管理后台端】
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
