首页 > 其他分享 >基于springboot+vue的电子村务系统(前后端分离)

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

时间:2023-09-04 17:33:28浏览次数:51  
标签:map vue return springboot 登录 get housing 村务 public


博主主页猫头鹰源码

博主简介:Java领域优质创作者、博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战

主要内容:毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询

文末联系获取

项目介绍: 

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

项目功能:

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

数据模型:

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

数据库表结构文档:

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

系统包含技术:

后端:springboot,mybatis 前端:element-ui、js、css等
开发工具:idea/vscode
数据库:mysql 5.7
JDK版本:jdk1.8

部分截图说明:

下面是用户首页

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

资讯详情

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

前端登录

基于springboot+vue的电子村务系统(前后端分离)_开发语言_05

后台登录

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

管理员对村干部管理

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

 管理员对村民维护

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

村干部对财务进行维护

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

 村干部对村民维护

基于springboot+vue的电子村务系统(前后端分离)_开发语言_10

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

基于springboot+vue的电子村务系统(前后端分离)_开发语言_11

 村干部对扶贫管理

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

村干部对住房进行维护

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

村干部对资讯进行维护

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

部分代码:

住房维护

/**
     * 分页查询
     */
    @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("用户名或密码错误");
	}

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

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

标签:map,vue,return,springboot,登录,get,housing,村务,public
From: https://blog.51cto.com/u_14544277/7353324

相关文章

  • 基于springboot的校园跑腿系统
    博主主页:猫头鹰源码博主简介:Java领域优质创作者、博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战主要内容:毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询项目介绍: 该系统创作于2022年5月,包含详细数据库设计。基于springboot......
  • 基于springboot自习室预约管理
    博主主页:猫头鹰源码博主简介:Java领域优质创作者博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战主要内容:毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询文末联系获取项目介绍: 该系统创作于2023年3月,基于springboot技术,数据层......
  • SpringBoot+Nacos+OpenFeign实现服务的注册、发现、远程调用
    一、概述微服务的开发必定会用到SpringBoot、Nacos(服务发现、注册、配置中心)、OpenFeign(服务远程调用,也就是通过注解调用其他服务的接口)。今天写这篇是想把这三个功能集成在一起。让他们一起参与微服务的开发工作。要实现的目标:nacos要能够注册及发现服务,openfeign......
  • SpringBoot 读取配置文件
    在resources文件下创建新的配置文件,如test.yml:es:name:elasticsearch准备使用@PropertySource注解来读取test.yml内容,但@PropertySource本身不支持yml文件,所以创建以下类:publicclassPropertySourceConfigextendsDefaultPropertySourceFactory{@Override......
  • SpringBoot 下使用Swagger3.0
    swagger3.0和2.x的版本有一些配置是不一样的,故记录下。pom.xml依赖<dependency><groupId>io.springfox</groupId><artifactId>springfox-boot-starter</artifactId><version>3.0.0</version></dependency>Config.java内容@Configura......
  • 使用Flask和Vue.js构建现代Web应用
    博客主题:使用Flask和Vue.js构建现代Web应用概述在本篇博客中,我们将介绍如何使用Flask和Vue.js这两个流行的框架来构建一个现代化的Web应用。Flask是一个轻量级的PythonWeb框架,而Vue.js是一个灵活且易于使用的JavaScript框架,用于构建交互式的用户界面。我们将通过一个简单的示......
  • vue3+ts Axios封装—重复请求拦截
    创建好vue3项目1.安装Axios与ElementPlusAxios安装npminstallaxiosElementPlus安装官网入口:https://element-plus.gitee.io/zh-CN/npminstallelement-plus--saveElement主要用到信息提示与全屏加载动画2.在src目录下创建api文件夹和utils文件夹api......
  • vue中引入图片等静态资源的几种方式
    在vue中引入图片等静态资源,由于部署的时候需要打包,打包后文件名字路径不一致,导致显示不了。以下为解决的几种方式:1.样式直接引入:<divclass="imgItem"><divclass="imgLogo"></div></div>.imgLogo{width:100px;height:100px;background:url('/@......
  • vue3+vite使用require引用图片失效问题
    首先,这个问题的原因跟vue无关,是vite引用只支持import,require是隔壁webpack的引用方式,vite用自身的url可以用import.meta.url来拼装项目路径,如下:这个原理只不过是在发布的地址上去找对应图片,而且只会找项目中public文件夹下的图片资源,assets文件夹下的图片资源找不到(原因是publ......
  • SpringBoot--实用开发
    SpringBoot实用开发热部署热部署是指在你修改项目BUG的时候对JSP或JAVA类进行了修改在不重启WEB服务器前提下能让修改生效。但是对配置文件的修改除外!导入springboot开发者工具坐标:<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boo......