基于Java+Spring+Vue充电桩综合管理系统设计和实现

170 阅读11分钟

\n文末获取源码联系

感兴趣的可以先收藏起来,大家在毕设选题,项目以及论文编写等相关问题都可以给我加好友咨询

系统介绍:

随着信息技术和网络技术的飞速发展,人类已进入全新信息化时代,传统管理技术已无法高效,便捷地管理信息。为了迎合时代需求,优化管理效率,各种各样的管理系统应运而生,各行各业相继进入信息管理时代,充电桩综合管理系统就是信息时代变革中的产物之一。

任何系统都要遵循系统设计的基本流程,本系统也不例外,同样需要经过市场调研,需求分析,概要设计,详细设计,编码,测试这些步骤,基于java语言设计并实现了充电桩综合管理系统。该系统基于B/S即所谓浏览器/服务器模式,应用java技术,选择MySQL作为后台数据库。系统主要包括主页、个人中心、用户管理、电站信息管理、充电桩管理、运营商管理、充电桩预约管理、开始充电管理、结束充电管理、告警信息管理、充电费用管理、维修工单管理、留言板管理、系统管理等功能模块。

本文首先介绍了充电桩综合管理的技术发展背景与发展现状,然后遵循软件常规开发流程,首先针对系统选取适用的语言和开发平台,根据需求分析制定模块并设计数据库结构,再根据系统总体功能模块的设计绘制系统的功能模块图,流程图以及E- R图。然后,设计框架并根据设计的框架编写代码以实现系统的各个功能模块。最后,对初步完成的系统进行测试,主要是功能测试、单元测试和性能测试。测试结果表明,该系统能够实现所需的功能,运行状况尚可并无明显缺点。

\

通过市场调研及咨询研究,了解了使用者及管理者的使用需求,于是制定了管理员和用户等模块。其功能结构图如下图4-1所示:

程序上交给用户进行使用时,需要提供程序的操作流程图,这样便于用户容易理解程序的具体工作步骤,现如今程序的操作流程都有一个大致的标准,即先通过登录页面提交登录数据,通过程序验证正确之后,用户才能在程序功能操作区页面操作对应的功能。

程序操作流程图

功能截图:

5.1系统功能模块

充电桩综合管理系统,在系统首页可以查看首页、充电桩、运营商、公告信息、留言板、个人中心、后台管理、在线客服等内容,并进行详细操作;如图5-1所示。

图5-1系统首页界面图

用户注册,在用户注册页面通过填写用户账号、密码、用户姓名、年龄、用户手机等信息进行注册操作,如图5-2所示。

图5-2用户注册界面图

充电桩,在充电桩页面可以查看电桩编号、电桩分类、电桩图片、输入电压、输出功率、使用方式、注意事项、所处位置、每时单位、运营商等内容,并进行预约充电和收藏操作,如图5-3所示。

图5-3充电桩界面图

运营商,在运营商页面可以查看运营商名称、封面图片、省市、电桩数量、负责人、联系方式、介绍等详细内容进行操作,如图5-4所示。

图5-4运营商界面图

个人中心,在个人中心页面通过填写用户账号、密码、用户姓名、性别、年龄、上传图片、用户手机等内容进行更新信息,还可以根据需要对我的收藏进行详细操作,如图5-5所示。

转存失败,建议直接上传图片文件

图5-5个人中心界面图

5.2后台功能模块

后台登录,用户进入系统前在登录页面根据要求填写用户名和密码,选择角色等信息,点击登录进行登录操作,如图5-6所示。

转存失败,建议直接上传图片文件

图5-6后台登录界面图

5.2.1管理员功能

管理员登录系统后,可以对主页、个人中心、用户管理、电站信息管理、充电桩管理、运营商管理、充电桩预约管理、开始充电管理、结束充电管理、告警信息管理、充电费用管理、维修工单管理、留言板管理、系统管理等功能进行相应的操作管理,如图5-7所示。

转存失败,建议直接上传图片文件

图5-7管理员功能界面图

用户管理,在用户管理页面可以对用户账号、用户姓名、性别、年龄、头像、用户手机等内容进行查看,修改和删除等操作,如图5-8所示。

转存失败,建议直接上传图片文件

图5-8用户管理界面图

电站信息管理,在电站信息管理页面可以对电站名称、行政区域、地址、发电量、发电方式等信息进行修改和删除操作,如图5-9所示。

转存失败,建议直接上传图片文件

图5-9电站信息管理界面图

充电桩管理,在充电桩管理页面可以对电桩编号、电桩分类、图片、输入电压、输出功率、使用方式、注意事项、所处位置、每时单价、运营商等内容进行维修工单,查看,修改和删除操作,如图5-10所示。

转存失败,建议直接上传图片文件

图5-10充电桩管理界面图

运营商管理,在运营商管理页面可以对运营商名称、封面图片、省市、电桩数量、负责人、联系方式等内容进行查看,修改和删除等操作,如图5-11所示。

转存失败,建议直接上传图片文件

图5-11运商管理界面图

充电桩预约管理,在充电桩预约管理页面可以对预约编号、电桩编号、电桩分类、所处位置、每时单价、用户账号、用户姓名、用户手机、预约时间、备注、是否审核、审核回复等内容进行审核,查看,修改和删除操作;如图5-12所示。

转存失败,建议直接上传图片文件

图5-12充电桩预约管理界面图

结束充电管理,在结束充电管理页面可以对预约编号、电桩编号、电桩分类、所处位置、每时单价、用户账号、用户姓名、用户手机、结束时间等内容进行费用计算,查看,修改和删除操作;如图5-13所示。

转存失败,建议直接上传图片文件

图5-13结束充电管理界面图

告警信息管理,在告警信息管理页面可以对预约编号、电桩编号、电桩分类、所处位置、每时单价、用户账号、用户姓名、用户手机、报告时间、报告类型、报告内容、是否审核、审核回复等内容进行审核,查看,修改和删除操作;如图5-14所示。

转存失败,建议直接上传图片文件

图5-14告警信息管理界面图

充电费用管理,在充电费用管理页面可以对订单编号、预约编号、电桩编号、电桩分类、每时单价、充电时长、充电价格、用户账号、用户姓名、用户手机、订单时间、订单备注、是否支付等内容进行查看,修改和删除操作;如图5-15所示。

转存失败,建议直接上传图片文件

图5-15充电费用管理界面图

维修工单管理,在维修工单管理页面可以对工单编号、时间、电桩编号、电桩分类、所处位置、派工部门、派工时间、故障描述、完成时间等内容进行查看,修改和删除操作;如图5-16所示。

转存失败,建议直接上传图片文件

图5-16维修工单管理界面图

留言板管理,在留言板管理页面可以对用户名、留言内容、留言图片、回复内容、回复图片等内容进行查看,修改,回复和删除操作;如图5-17所示。

转存失败,建议直接上传图片文件

图5-17留言板管理界面图

5.2.2用户功能

用户登录进入系统可以对主页、个人中心、充电桩预约管理、开始充电管理、结束充电管理、充电费用管理、我的收藏管理等功能进行相应操作,如图5-18所示。

转存失败,建议直接上传图片文件

图5-18用户功能界面图

个人中心,在个人中心页面通过填写用户账号、用户姓名、性别、年龄、头像、用户手机等内容进行个人信息修改操作,如图5-19所示。

转存失败,建议直接上传图片文件

图5-19个人中心界面图

充电桩预约管理,在充电桩预约管理页面可以对预约编号、电桩编号、电桩分类、所处位置、每时单价、用户账号、用户姓名、用户手机、预约时间、备注、是否审核、审核回复等内容进行开始充电,查看或删除操作;如图5-20所示。

转存失败,建议直接上传图片文件

图5-20充电桩预约管理界面图

开始充电管理,在开始充电管理页面可以对预约编号、电桩编号、电桩分类、所处位置、每时单价、用户账号、用户姓名、用户手机、充电时间等内容进行报告异常,结束充电和查看操作;如图5-21所示。

转存失败,建议直接上传图片文件

图5-21开始充电管理界面图

代码实现:

/**
 * 登录相关
 */
@RequestMapping("users")
@RestController
public class UserController{
    
    @Autowired
    private UserService userService;
    
    @Autowired
    private TokenService tokenService;

    /**
     * 登录
     */
    @IgnoreAuth
    @PostMapping(value = "/login")
    public R login(String username, String password, String role, HttpServletRequest request) {
        UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
        if(user != null){
            if(!user.getRole().equals(role)){
                return R.error("权限不正常");
            }
            if(user==null || !user.getPassword().equals(password)) {
                return R.error("账号或密码不正确");
            }
            String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
            return R.ok().put("token", token);
        }else{
            return R.error("账号或密码或权限不对");
        }

    }
    
    /**
     * 注册
     */
    @IgnoreAuth
    @PostMapping(value = "/register")
    public R register(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
        if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
            return R.error("用户已存在");
        }
        userService.insert(user);
        return R.ok();
    }

    /**
     * 退出
     */
    @GetMapping(value = "logout")
    public R logout(HttpServletRequest request) {
        request.getSession().invalidate();
        return R.ok("退出成功");
    }
    
    /**
     * 密码重置
     */
    @IgnoreAuth
    @RequestMapping(value = "/resetPass")
    public R resetPass(String username, HttpServletRequest request){
        UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
        if(user==null) {
            return R.error("账号不存在");
        }
        user.setPassword("123456");
        userService.update(user,null);
        return R.ok("密码已重置为:123456");
    }
    
    /**
     * 列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,UserEntity user){
        EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
        PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
        return R.ok().put("data", page);
    }

    /**
     * 信息
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") String id){
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }
    
    /**
     * 获取用户的session用户信息
     */
    @RequestMapping("/session")
    public R getCurrUser(HttpServletRequest request){
        Integer id = (Integer)request.getSession().getAttribute("userId");
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }

    /**
     * 保存
     */
    @PostMapping("/save")
    public R save(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
        if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
            return R.error("用户已存在");
        }
        userService.insert(user);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
        userService.updateById(user);//全部更新
        return R.ok();
    }

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Integer[] ids){
        userService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
}

论文参考:

转存失败,建议直接上传图片文件

转存失败,建议直接上传图片文件

开源地址:可以——【戳一戳】即可免费获取!