Java毕业设计 SpringBoot 车辆充电桩系统

Java毕业设计 SpringBoot 车辆充电桩系统

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

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

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

角色:用户 维修员 管理员

开发环境和技术
  • SpringBoot框架

  • Mybaits

  • Mysql数据库

  • vue

功能展示

Java毕业设计 SpringBoot 车辆充电桩系统_第1张图片
Java毕业设计 SpringBoot 车辆充电桩系统_第2张图片
Java毕业设计 SpringBoot 车辆充电桩系统_第3张图片
Java毕业设计 SpringBoot 车辆充电桩系统_第4张图片
Java毕业设计 SpringBoot 车辆充电桩系统_第5张图片
Java毕业设计 SpringBoot 车辆充电桩系统_第6张图片
Java毕业设计 SpringBoot 车辆充电桩系统_第7张图片
Java毕业设计 SpringBoot 车辆充电桩系统_第8张图片
Java毕业设计 SpringBoot 车辆充电桩系统_第9张图片

后台管理路由配置
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

总结

源码获取:

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

你可能感兴趣的:(springboot,vue,mysql,java,课程设计,spring,boot,毕业设计)