基于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("用户名或密码错误");
  }


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


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



相关文章
|
12天前
|
监控 JavaScript 数据可视化
建筑施工一体化信息管理平台源码,支持微服务架构,采用Java、Spring Cloud、Vue等技术开发。
智慧工地云平台是专为建筑施工领域打造的一体化信息管理平台,利用大数据、云计算、物联网等技术,实现施工区域各系统数据汇总与可视化管理。平台涵盖人员、设备、物料、环境等关键因素的实时监控与数据分析,提供远程指挥、决策支持等功能,提升工作效率,促进产业信息化发展。系统由PC端、APP移动端及项目、监管、数据屏三大平台组成,支持微服务架构,采用Java、Spring Cloud、Vue等技术开发。
|
13天前
|
存储 安全 Java
Spring Boot 3 集成Spring AOP实现系统日志记录
本文介绍了如何在Spring Boot 3中集成Spring AOP实现系统日志记录功能。通过定义`SysLog`注解和配置相应的AOP切面,可以在方法执行前后自动记录日志信息,包括操作的开始时间、结束时间、请求参数、返回结果、异常信息等,并将这些信息保存到数据库中。此外,还使用了`ThreadLocal`变量来存储每个线程独立的日志数据,确保线程安全。文中还展示了项目实战中的部分代码片段,以及基于Spring Boot 3 + Vue 3构建的快速开发框架的简介与内置功能列表。此框架结合了当前主流技术栈,提供了用户管理、权限控制、接口文档自动生成等多项实用特性。
56 8
|
2月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。首先,创建并配置 Spring Boot 项目,实现后端 API;然后,使用 Ant Design Pro Vue 创建前端项目,配置动态路由和菜单。通过具体案例,展示了如何快速搭建高效、易维护的项目框架。
145 62
|
1月前
|
存储 JavaScript 前端开发
基于 SpringBoot 和 Vue 开发校园点餐订餐外卖跑腿Java源码
一个非常实用的校园外卖系统,基于 SpringBoot 和 Vue 的开发。这一系统源于黑马的外卖案例项目 经过站长的进一步改进和优化,提供了更丰富的功能和更高的可用性。 这个项目的架构设计非常有趣。虽然它采用了SpringBoot和Vue的组合,但并不是一个完全分离的项目。 前端视图通过JS的方式引入了Vue和Element UI,既能利用Vue的快速开发优势,
129 13
|
1月前
|
JavaScript 安全 Java
java版药品不良反应智能监测系统源码,采用SpringBoot、Vue、MySQL技术开发
基于B/S架构,采用Java、SpringBoot、Vue、MySQL等技术自主研发的ADR智能监测系统,适用于三甲医院,支持二次开发。该系统能自动监测全院患者药物不良反应,通过移动端和PC端实时反馈,提升用药安全。系统涵盖规则管理、监测报告、系统管理三大模块,确保精准、高效地处理ADR事件。
|
2月前
|
XML Java 数据库连接
SpringBoot集成Flowable:打造强大的工作流管理系统
在企业级应用开发中,工作流管理是一个核心组件,它能够帮助我们定义、执行和管理业务流程。Flowable是一个开源的工作流和业务流程管理(BPM)平台,它提供了强大的工作流引擎和建模工具。结合SpringBoot,我们可以快速构建一个高效、灵活的工作流管理系统。本文将探讨如何将Flowable集成到SpringBoot应用中,并展示其强大的功能。
490 1
|
2月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,帮助开发者提高开发效率和应用的可维护性。
171 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 的前后端分离的后台管理系统
71 0
|
3月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 实现动态路由和菜单功能,快速搭建前后端分离的应用框架
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 实现动态路由和菜单功能,快速搭建前后端分离的应用框架。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,包括版本兼容性、安全性、性能调优等方面。
216 1
|
2月前
|
JavaScript Java 项目管理
Java毕设学习 基于SpringBoot + Vue 的医院管理系统 持续给大家寻找Java毕设学习项目(附源码)
基于SpringBoot + Vue的医院管理系统,涵盖医院、患者、挂号、药物、检查、病床、排班管理和数据分析等功能。开发工具为IDEA和HBuilder X,环境需配置jdk8、Node.js14、MySQL8。文末提供源码下载链接。