美文网首页
SpringBoot 车辆充电桩系统

SpringBoot 车辆充电桩系统

作者: beyond阿亮 | 来源:发表于2023-11-25 12:52 被阅读0次

SpringBoot 车辆充电桩系统

SpringBoot 车辆充电桩系统 功能介绍

首页 图片轮播 登录注册 充电桩展示 搜索充电桩 充电桩报修 充电常识 个人中心 我的收藏

后台管理 登录 首页 个人中心 维修员管理 用户管理 电桩类别管理 充电桩管理 充电桩报修管理 维修回复管理 轮播图管理 充电常识管理

角色:用户 维修员 管理员

开发环境和技术

  • SpringBoot框架

  • Mybaits

  • Mysql数据库

  • vue

功能展示

首页.jpg 充电桩.jpg
报修.jpg
充电桩常识.jpg 充电桩报修管理.jpg
充电桩常识管理.jpg
充电桩管理.jpg
维修员管理.jpg
车辆充电桩系统.png

后台管理路由配置

import Vue from 'vue';
//配置路由
import VueRouter from 'vue-router'
Vue.use(VueRouter);
//1.创建组件
import Index from '@/views/index'
import Home from '@/views/home'
import Login from '@/views/login'
import NotFound from '@/views/404'
import UpdatePassword from '@/views/update-password'
import pay from '@/views/pay'
import register from '@/views/register'
import center from '@/views/center'
import news from '@/views/modules/news/list'
import weixiuyuan from '@/views/modules/weixiuyuan/list'
import chongdianzhuang from '@/views/modules/chongdianzhuang/list'
import yonghu from '@/views/modules/yonghu/list'
import chongdianzhuangbaoxiu from '@/views/modules/chongdianzhuangbaoxiu/list'
import dianzhuangleibie from '@/views/modules/dianzhuangleibie/list'
import config from '@/views/modules/config/list'
import weixiuhuifu from '@/views/modules/weixiuhuifu/list'


//2.配置路由   注意:名字
const routes = [{
    path: '/index',
    name: '首页',
    component: Index,
    children: [{
      // 这里不设置值,是把main作为默认页面
      path: '/',
      name: '首页',
      component: Home,
      meta: {icon:'', title:'center'}
    }, {
      path: '/updatePassword',
      name: '修改密码',
      component: UpdatePassword,
      meta: {icon:'', title:'updatePassword'}
    },  {
      path: '/center',
      name: '个人信息',
      component: center,
      meta: {icon:'', title:'center'}
    }
      ,{
    path: '/news',
        name: '充电常识',
        component: news
      }
      ,{
    path: '/weixiuyuan',
        name: '维修员',
        component: weixiuyuan
      }
      ,{
    path: '/chongdianzhuang',
        name: '充电桩',
        component: chongdianzhuang
      }
      ,{
    path: '/yonghu',
        name: '用户',
        component: yonghu
      }
      ,{
    path: '/chongdianzhuangbaoxiu',
        name: '充电桩报修',
        component: chongdianzhuangbaoxiu
      }
      ,{
    path: '/dianzhuangleibie',
        name: '电桩类别',
        component: dianzhuangleibie
      }
      ,{
    path: '/config',
        name: '轮播图管理',
        component: config
      }
      ,{
    path: '/weixiuhuifu',
        name: '维修回复',
        component: weixiuhuifu
      }
    ]
  },
  {
    path: '/login',
    name: 'login',
    component: Login,
    meta: {icon:'', title:'login'}
  },
  {
    path: '/register',
    name: 'register',
    component: register,
    meta: {icon:'', title:'register'}
  },
  {
    path: '/',
    name: '首页',
    redirect: '/index'
  }, /*默认跳转路由*/
  {
    path: '*',
    component: NotFound
  }
]
//3.实例化VueRouter  注意:名字
const router = new VueRouter({
  mode: 'hash',
  /*hash模式改为history*/
  routes // (缩写)相当于 routes: routes
})

export default router;

运行

创建数据库, 然后修改数据库连接相关信息。

启动 Springboot 类的main方法

运行vue

npm run serve

访问地址:http://localhost:8080/springboot/admin/dist/index.html

管理员账号:liang 密码:liang

注册或使用用户账号: qqq 密码:qqq

总结

源码获取:

大家可点赞、收藏、关注、评论、私信

相关文章

  • 新能源汽车充电桩知多少

    新能源汽车与老款的汽油车相比,最大区别就是充电。充电桩分为交流充电桩和直流充电桩。 一 交流充电桩 交流充电桩输出...

  • 汽车充电桩厂家哪家好|汽车充电桩是什么|充电桩推荐

    目前国内生产充电桩的厂家太多了,可以肯定的是,大部分充电桩价格取决于其质量,一般正规厂家生产充电桩桩具有充电桩的功...

  • 充电枪锁死拔出步骤

    总结一下,拔充电枪步骤: 在充电插口灯均灭状态下, 步骤1. 开启充电桩 打开充电桩开关。(充电桩灯亮~黄灯) 步...

  • 充电桩应用产品人物角色与产品原则

    充电桩是电动汽车充电的设备,通过互联网的方式来运营充电桩可以使用户更方便、更快捷的找到附近的充电桩,并进行充电。 ...

  • 多协议充电桩平台系统App方案

    一、国内充电桩没有统一标准,硬件厂商都是自定义自己的协议并打造自己的充电桩系统,导致国内的协议非常多,给软件开发公...

  • 新能源汽车整车级功能仿真测试实验室

    实验室整车测试系统,在中央主控系统的集中管理下,结合电机模拟系统、电池模拟系统、充电桩模拟系统和数据采集系统,完成...

  • 充电桩APP哪家强:2016年盘点十大充电桩APP

    在充电桩蓝海愈发明朗的大好局势下,充电桩运营被预言为充电桩产业链最大受益者,通过广州巨典充电桩博览会小编走访调查,...

  • 充电桩造型设计探索

    目录 一,充电桩公司案列欣赏 二,充电桩鉴赏 三,设计定位 四,方案定位 五,设计展示 一,充电桩公司案列欣赏 了...

  • 十大高颜值充电桩 世峰京剧脸谱排行老三

    如今,在智能充电桩圈里混,光有优秀的充电能力似乎还不够狠。为了增加充电桩与电动车主的友好沟通能力,充电桩厂家们也非...

  • 充电桩1008

    分类落地式、挂壁式直流充电桩(快充、贵)、交流充电桩(慢充桩,交流电不能直接充电,要连接车载充电机)。优劣势: 产...

网友评论

      本文标题:SpringBoot 车辆充电桩系统

      本文链接:https://www.haomeiwen.com/subject/yerowdtx.html