基于springboot+vue的电子村务系统(前后端分离)

简介: 本系统为原创项目,以电子村务为主题,采用前后端分离,创作于2022年2月,项目代码工整,结构清晰,适合选题:电子村务、村务、村民、前后端分离类其他电子村务系统等。系统采用springboot+vue整合开发,前端主要使用了element-ui框架、项目后端主要使用了springboot,数据层采用mybatis。

项目介绍:



本系统为原创项目,以电子村务为主题,采用前后端分离,创作于2022年2月,项目代码工整,结构清晰,适合选题:电子村务、村务、村民、前后端分离类其他电子村务系统等。系统采用springboot+vue整合开发,前端主要使用了element-ui框架、项目后端主要使用了springboot,数据层采用mybatis。


项目功能:



1 主要功能模块有:店铺管理、商品管理、分类管理、用户账号管理、前端展示、图片上传、模糊查询等
2 系统登录模块:用户在输入用户名和密码之后,验证通过后方可登陆,如果登陆信息不正确则会返回登录界面。
3 普通用户前台模块主要功能有:(1)用户注册模块:注册登录、修改密码、商品、店铺查询、商品购买功能
(2)商品 / 商铺查询模块:可以根据每个对应的类查询店铺或商品的分类。
4 商家管理员模块主要功能有:(1)店铺管理:可以自主增加,修改、删除店铺信息;(2)分类管理模块:对商品类别进行增加,修改、删除;(3)商品管理模块:可以自主增加,修改、删除商品,并自由选择上架商品的图片、价格、类别等属性.
5系统管理员模块:管理普通用户账号注册,商家注册及商家商品信息审核功能


数据模型:



18a67960911a4c48a83171ff20009c9d.png


数据库表结构文档:



9a3e0091e3d044edb3d9ff8101e55876.png


系统包含技术:



后端:springboot,mybatis

前端:element-ui、js、css等

开发工具:idea/vscode

数据库:mysql 5.7

JDK版本:jdk1.8


部分截图说明:



下面是用户首页


2033186c8c9247fda4dd17aa266563ab.png


资讯详情


c6d2d01fb82342bdb76f02d228d2bfae.png


前端登录


3a89338961734ec1aa3c748a5f3a95f0.png


后台登录


b250e3de544b44f587e73f1db265cce8.png


管理员对村干部管理


33ade677bbda4975902336e808939b07.png


管理员对村民维护


2e1ad9a55a504b849bf5d9d44c0b15f6.png


村干部对财务进行维护


15d9c593419c4325b6be4d559953132a.png


村干部对村民维护


c8ae35e1d71949e591bb5ada825a6618.png


村干部对电子档案进行维护


d36425640eb2462c881561fdb7179dd8.png


村干部对扶贫管理


860b9085bee04e39a86e98b2267807f5.png


村干部对住房进行维护


817c5c0dfd8244cda6a04677bd6c5692.png


村干部对资讯进行维护


19f790108aca43568606d1cfb6875fb0.png


部分代码:



住房维护


/**
     * 分页查询
     */
    @PostMapping("selectAll")
    public PageInfo<Housing> selectAll(@RequestBody Map<String,String> mp) {
        PageHelper.startPage(Integer.parseInt(mp.get("currentPage").toString()), Integer.parseInt(mp.get("pagesize").toString()));
        List<Housing> list = housingService.queryAllByLimit(mp);
        PageInfo<Housing> pageInfo = new PageInfo<Housing>(list);
        return pageInfo;
    }
    /**
     * 修改
     */
    @RequestMapping("edit")
    public String edit(@RequestBody Housing housing) {
        try {
            housingService.update(housing);
            return "200";
        }catch (Exception e){
            e.printStackTrace();
            return "201";
        }
    }
    /**
     * 新增
     */
    @RequestMapping("add")
    public String add(@RequestBody Housing housing) {
        try {
            Date date = new Date();
            housing.setCreateTime(date);
            housingService.insert(housing);
            return "200";
        }catch (Exception e){
            e.printStackTrace();
            return "201";
        }
    }
    /**
     * 通过主键查询单条数据
     */
    @GetMapping("selectOne")
    public Housing selectOne(Integer id) {
        return housingService.queryById(id);
    }
    /**
     * 通过主键删除数据
     */
    @GetMapping("deleteById")
    public String deleteById(Integer id) {
        try {
            housingService.deleteById(id);
            return "200";
        }catch (Exception e){
            e.printStackTrace();
            return "201";
        }
    }
    /**
     * 导出excel
     */
    @RequestMapping("/downExcel")
    public List<Housing> downExcel(){
        Housing housing = new Housing();
        return housingService.queryCondition(housing);
    }


登录


/**
   * 管理员或村干部登录
   */
  @PostMapping("adminLogin")
  public Result adminLogin(@RequestBody HashMap<String, String> map, HttpServletResponse response, HttpServletRequest request) {
    if(map.get("type").equals("01")){
      Admin admin = new Admin();
      admin.setUsername(map.get("username"));
      admin.setPassword(map.get("password"));
      List<Admin> admins = adminService.queryCondition(admin);
      if (admins != null && admins.size()>0) {
        return Result.success("登录成功", admins.get(0));
      }
    }else{
      Leader leader = new Leader();
      leader.setUsername(map.get("username"));
      leader.setPassword(map.get("password"));
      List<Leader> leaders = leaderService.queryCondition(leader);
      if (leaders != null && leaders.size()>0) {
        return Result.success("登录成功", leaders.get(0));
      }
    }
    return Result.error("用户名或密码错误");
  }


以上就是部分功能展示,从整体上来看,本系统功能是十分完整的,界面设计简洁大方,交互友好,数据库设计也很合理,规模适中,代码工整,清晰,适合学习使用。


好了,今天就到这儿吧,小伙伴们点赞、收藏、评论,一键三连走起呀,下期见~~



相关文章
|
2月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。首先,创建并配置 Spring Boot 项目,实现后端 API;然后,使用 Ant Design Pro Vue 创建前端项目,配置动态路由和菜单。通过具体案例,展示了如何快速搭建高效、易维护的项目框架。
133 62
|
24天前
|
存储 JavaScript 前端开发
基于 SpringBoot 和 Vue 开发校园点餐订餐外卖跑腿Java源码
一个非常实用的校园外卖系统,基于 SpringBoot 和 Vue 的开发。这一系统源于黑马的外卖案例项目 经过站长的进一步改进和优化,提供了更丰富的功能和更高的可用性。 这个项目的架构设计非常有趣。虽然它采用了SpringBoot和Vue的组合,但并不是一个完全分离的项目。 前端视图通过JS的方式引入了Vue和Element UI,既能利用Vue的快速开发优势,
108 13
|
1月前
|
JavaScript 安全 Java
java版药品不良反应智能监测系统源码,采用SpringBoot、Vue、MySQL技术开发
基于B/S架构,采用Java、SpringBoot、Vue、MySQL等技术自主研发的ADR智能监测系统,适用于三甲医院,支持二次开发。该系统能自动监测全院患者药物不良反应,通过移动端和PC端实时反馈,提升用药安全。系统涵盖规则管理、监测报告、系统管理三大模块,确保精准、高效地处理ADR事件。
|
2月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,帮助开发者提高开发效率和应用的可维护性。
125 2
|
2月前
|
JavaScript NoSQL Java
CC-ADMIN后台简介一个基于 Spring Boot 2.1.3 、SpringBootMybatis plus、JWT、Shiro、Redis、Vue quasar 的前后端分离的后台管理系统
CC-ADMIN后台简介一个基于 Spring Boot 2.1.3 、SpringBootMybatis plus、JWT、Shiro、Redis、Vue quasar 的前后端分离的后台管理系统
55 0
|
4月前
|
前端开发 JavaScript Java
基于Java+Springboot+Vue开发的服装商城管理系统
基于Java+Springboot+Vue开发的服装商城管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的服装商城管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。
202 2
基于Java+Springboot+Vue开发的服装商城管理系统
|
3月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 实现动态路由和菜单功能,快速搭建前后端分离的应用框架
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 实现动态路由和菜单功能,快速搭建前后端分离的应用框架。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,包括版本兼容性、安全性、性能调优等方面。
202 1
|
4月前
|
前端开发 JavaScript Java
SpringBoot项目部署打包好的React、Vue项目刷新报错404
本文讨论了在SpringBoot项目中部署React或Vue打包好的前端项目时,刷新页面导致404错误的问题,并提供了两种解决方案:一是在SpringBoot启动类中配置错误页面重定向到index.html,二是将前端路由改为hash模式以避免刷新问题。
362 1
|
2月前
|
JavaScript Java 项目管理
Java毕设学习 基于SpringBoot + Vue 的医院管理系统 持续给大家寻找Java毕设学习项目(附源码)
基于SpringBoot + Vue的医院管理系统,涵盖医院、患者、挂号、药物、检查、病床、排班管理和数据分析等功能。开发工具为IDEA和HBuilder X,环境需配置jdk8、Node.js14、MySQL8。文末提供源码下载链接。
|
4月前
|
前端开发 JavaScript Java
基于Java+Springboot+Vue开发的大学竞赛报名管理系统
基于Java+Springboot+Vue开发的大学竞赛报名管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的大学竞赛报名管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。
243 3
基于Java+Springboot+Vue开发的大学竞赛报名管理系统