毕设——基于SSM+Vue的电能计量与客户服务管理系统设计与实现

目录

一、摘要

二、系统功能设计

1、系统结构图

2、系统功能模块

三、技术与工具

四、程序代码设计

五、总结

---

一、摘要

        当前时代的两个突出特征是世界经济一体化和以计算机为代表的信息技术的迅速发展。为了使组织在激烈的竞争中保持实力和发展，它必须对迅速变化的环境做出有效而有效的响应。 管理信息系统的应用可以提供这种有效的决策支持。电费是家庭日常生活的重要组成部分。目前，电费全部集中管理，根据电费的实际情况，开发了一款电费管理系统，可以通过统一的帐号查询用电信息，方便用户使用。

        根据需求，确定系统采用，JAVA作为编程语言，MySQL作为数据库。整个系统要操作方便、易于维护、灵活实用。主要实现了电能计量、数据查询、系统管理等功能。

二、系统功能设计

1、系统结构图

2、系统功能模块

        此页面实现系统的登录，管理员、收费员和用户必须通过此页面输入正确的用户名和密码后才能进入系统，如果用户名或密码错误，会弹出相应的提示，如果用户名和密码正确就会把用户信息和用户身份存入Session。

用户列表信息，此功能为管理员所有，实现用户信息的管理，可以添加、修改或删除用户信息

添加用户信息，实现用户信息的添加，添加信息包括：用户名、密码、角色、昵称。

权限管理信息，实现权限信息的管理，可以添加或修改权限信息。

电能计量信息，实现电能计量信息的管理，可以对电能计量信息进行添加、查看、导入、修改或删除

电费查询信息，收费员功能，实现电费信息的查询，可以打印票据。

票据打印信息，实现票据信息的打印，打印信息包括：用户编号、用户名、用电地址、用电量、电费、开始时间、结束时间。

用户查询信息，用户可以查询自己的用电信息。

三、技术与工具

• 开发语言：JAVA
• 数据库：MySQL
• 技术：SSM、Vue
• 开发工具：IDEA/Ecilpse、Navicat、Maven

四、程序代码设计

import com.alibaba.fastjson.JSONObject;

/**
 * @author: hxy
 * @description: 用户/角色/权限
 * @date: 2017/11/2 10:18
 */
public interface UserService {
	/**
	 * 用户列表
	 */
	JSONObject listUser(JSONObject jsonObject);

	/**
	 * 查询所有的角色
	 * 在添加/修改用户的时候要使用此方法
	 */
	JSONObject getAllRoles();

	/**
	 * 添加用户
	 */
	JSONObject addUser(JSONObject jsonObject);

	/**
	 * 修改用户
	 */
	JSONObject updateUser(JSONObject jsonObject);

	/**
	 * 角色列表
	 */
	JSONObject listRole();

	/**
	 * 查询所有权限, 给角色分配权限时调用
	 */
	JSONObject listAllPermission();

	/**
	 * 添加角色
	 */
	JSONObject addRole(JSONObject jsonObject);

	/**
	 * 修改角色
	 */
	JSONObject updateRole(JSONObject jsonObject);

	/**
	 * 删除角色
	 */
	JSONObject deleteRole(JSONObject jsonObject);
}

import Vue from 'vue'
import Router from 'vue-router'
// in development env not use Lazy Loading,because Lazy Loading too many pages will cause webpack hot update too slow.so only in production use Lazy Loading
/* layout */
import Layout from '../views/layout/Layout'

const _import = require('./_import_' + process.env.NODE_ENV)
Vue.use(Router)
export const constantRouterMap = [
  {path: '/login', component: _import('login/index'), hidden: true},
  {path: '/404', component: _import('404'), hidden: true},
  {
    path: '/',
    component: Layout,
    redirect: '/dashboard',
    name: '首页',
    hidden: true,
    children: [{
      path: 'dashboard', component: _import('dashboard/index')
    }]
  }
]
export default new Router({
  // mode: 'history', //后端支持可开
  scrollBehavior: () => ({y: 0}),
  routes: constantRouterMap
})
export const asyncRouterMap = [
  // 电能计量
  {
    path: '/system',
    component: Layout,
    redirect: '/system/article',
    name: '',
    meta: {title: '个人用电情况', icon: 'tree'},
    children: [
      {
        path: 'article',
        name: '电能计量',
        component: _import('article/article'),
        meta: {title: '电能计量', icon: 'example'},
        menu: 'article'
      },
     
    ]
  },

  // 查询
  {
    path: '/search',
    component: Layout,
    redirect: '/search/article',
    name: '',
    meta: {title: '数据查询', icon: 'tree'},
    children: [
      {
        path: 'article',
        name: '电费查询',
        component: _import('search/article'),
        meta: {title: '电费查询', icon: 'form'},
        menu: 'search'
      },
      {
        path: 'user',
        name: '用户查询',
        component: _import('search/user'),
        meta: {title: '用户查询', icon: 'user'},
        menu: 'search'
      },
    ]
  },
  // 系统管理
  {
    path: '/user',
    component: Layout,
    redirect: '/user/',
    name: '',
    meta: {title: '系统管理', icon: 'table'},
    children: [
      {
        path: '', name: '用户列表', component: _import('user/user'), meta: {title: '用户列表', icon: 'user'}, menu: 'user'
      },
      {
        path: 'role',
        name: '权限管理',
        component: _import('user/role'),
        meta: {title: '权限管理', icon: 'password'},
        menu: 'role'
      },
    ]
  },
  {path: '*', redirect: '/404', hidden: true}
]

五、总结

        电费管理系统有着很好的发展前景，经测试运行。本文所制作的电费管理系统界面友好、使用灵活、操作简单、功能齐全、表现方式独特，已基本具备了成熟的技术理论。