首页 > 编程语言 >基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计

时间:2023-01-30 21:33:18浏览次数:57  
标签:vue Java SpringBoot 管理 public wuzishenqing new 物资 RequestMapping


基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计


文章目录

  • ​​基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计​​
  • ​​前言介绍:​​
  • ​​功能设计:​​
  • ​​功能截图:​​
  • ​​管理员后台管理:​​
  • ​​数据设计:​​
  • ​​部分源码:​​
  • ​​获取源码:​​

前言介绍:

随着社会的发展,社会的各行各业都在利用信息化时代的优势。计算机的优势和普及使得各种信息系统的开发成为必需。新冠物资管理,主要的模块包括首页、个人中心、用户管理、员工管理、物资信息管理、物资申请管理、物资捐献管理、物资资料管理、入库记录管理、发放记录管理、物资库存管理、留言板管理、疫情论坛、系统管理等功能。系统中管理员主要是为了安全有效地存储和管理各类信息,还可以对系统进行管理与更新维护等操作,并且对后台有相应的操作权限。要想实现新冠物资管理的各项功能,需要后台数据库的大力支持。管理员验证注册信息,收集的信息,并由此分析得出的关联信息等大量的数据都由数据库管理。本文中数据库服务器端采用了Mysql作为后台数据库,使Web与数据库紧密联系起来。在设计过程中,充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护、操作方便以及页面简洁等特点。
本系统的开发使获取新冠物资管理信息能够更加方便快捷,同时也使新冠物资管理管理信息变的更加系统化、有序化。系统界面较友好,易于操作。

功能设计:

新冠物资管理基于Web服务模式,是一个适用于Internet环境下的模型结构。只要用户能连上Internet,便可以在不受时间、地点的限制来使用这个系统。新冠物资管理工作原理图,如图所示:

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_java


系统结构

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_信息管理_02

功能截图:

登录注册:用户填写账号密码和选择角色进行登录、需要注册的用户在用户注册页面通过填写账号、密码、姓名、身份证、年龄、手机、邮箱等信息完成用户注册

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_信息管理_03


系统首页:在系统的首页可以查看首页、物资信息、物资申请、物资捐献、疫情论坛、疫情资讯、留言反馈、个人中心、后台管理等信息进行详细操作,如图所示

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_java_04


物资信息:在物资信息页面中可以查看物资编号、物资名称、发布时间、图片、简介、申请条件等信息,根据需要进行申请操作

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_java项目实战_05


点击查看疫情物资详情并可以进行申请、

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_信息管理_06


物资申请:物资申请,在物资申请页面中可以查看物资编号、物资名称、数量、账号、姓名、申请理由、申请附件、申请时间、图片等信息

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_vue.js_07


物资捐赠:用户在后台填写捐赠信息和物资、管理员审核后可以在前端看见。

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_java项目实战_08


疫情论坛:在疫情论坛页面输入标题、类型、内容等信息进行发布帖子或重置操作,如图所示

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_spring boot_09


点击查看详情以及评论操作

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_java项目实战_10


用户输入疫情评论评论信息;

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_java_11


疫情资讯:

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_vue.js_12


留言反馈:

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_vue.js_13


个人中心:

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_信息管理_14


普通用户后台管理:

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_vue.js_15

管理员后台管理:

管理员登录进入系统之后,就可以对所有的信息进行查看,可以查看到首页、个人中心、用户管理、员工管理、物资信息管理、物资申请管理、物资捐献管理、物资资料管理、入库记录管理、发放记录管理、物资库存管理、留言板管理、疫情论坛、系统管理等,并且还可以对其进行相应的操作管理。

用户管理:

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_java_16


物资信息管理:物资信息管理,在物资信息管理页面中可以对索引、物资编号、物资名称、发布时间、图片等信息进行详情,申请,修改或删除等操作

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_信息管理_17


物资申请审核:物资申请管理,在物资申请管理页面中可以对索引、物资编号、物资名称、数量、账号、姓名、申请理由、申请附件、申请时间、图片、审核回复、审核状态、审核等信息进行详情,修改或删除等操作

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_信息管理_18


审核

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_信息管理_19


物资捐献审核:物资捐献管理,在物资捐献管理页面中可以对物资名称、简介、数量、账号、姓名、捐献日期、图片、审核回复、审核状态、审核等信息进行详情,修改或删除等操作

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_spring boot_20


物资入库管理:入库记录管理,在入库记录管理页面中可以对索引、物资编号、物资名称、物资提供单位、联系人、联系电话、库存、入库日期、经办人、图片等信息进行详情,修改或删除等操作

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_spring boot_21


物资发放管理:发放记录管理,在发放记录管理页面中可以对索引、物资编号、物资名称、库存、账号、姓名、发放时间、经办人、图片等信息进行详情,修改或删除等操作

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_vue.js_22


物资库存管理:物资库存管理,在物资库存管理页面中可以对索引、物资编号、物资名称、状态、库存、更新日期、图片等信息进行详情,生成可申请物资,减少库存,加入库存,修改或删除等操作

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_java_23


留言板回复:在留言板管理页面中可以对索引、用户名、留言内容、回复内容等信息进行详情,回复,修改或删除等操作

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_vue.js_24


疫情资讯和轮播图:在疫情资讯页面中可以对索引、标题、图片等信息进行详情,修改或删除等操作,还可对轮播图管理进行详细操作

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_vue.js_25

数据设计:

数据库实体:管理员信息结构图,如图所示

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_信息管理_26


物资信息实体属性图,如图所示:

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_spring boot_27


物资申请实体属性图如图所示

基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计_java_28

部分源码:

/**
* 上传文件映射表
*/
@RestController
@RequestMapping("file")
@SuppressWarnings({"unchecked","rawtypes"})
public class FileController{
@Autowired
private ConfigService configService;


/**
* 下载文件
*/
@IgnoreAuth
@RequestMapping("/download")
public ResponseEntity<byte[]> download(@RequestParam String fileName) {
try {
File path = new File(ResourceUtils.getURL("classpath:static").getPath());
if(!path.exists()) {
path = new File("");
}
File upload = new File(path.getAbsolutePath(),"/upload/");
if(!upload.exists()) {
upload.mkdirs();
}
File file = new File(upload.getAbsolutePath()+"/"+fileName);
if(file.exists()){
/*if(!fileService.canRead(file, SessionManager.getSessionUser())){
getResponse().sendError(403);
}*/
HttpHeaders headers = new HttpHeaders();
headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);
headers.setContentDispositionFormData("attachment", fileName);
return new ResponseEntity<byte[]>(FileUtils.readFileToByteArray(file),headers, HttpStatus.CREATED);
}
} catch (IOException e) {
e.printStackTrace();
}
return new ResponseEntity<byte[]>(HttpStatus.INTERNAL_SERVER_ERROR);
}

/**
* 上传文件
*/
@RequestMapping("/upload")
public R upload(@RequestParam("file") MultipartFile file,String type) throws Exception {
if (file.isEmpty()) {
throw new EIException("上传文件不能为空");
}
String fileExt = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".")+1);
File path = new File(ResourceUtils.getURL("classpath:static").getPath());
if(!path.exists()) {
path = new File("");
}
File upload = new File(path.getAbsolutePath(),"/upload/");
if(!upload.exists()) {
upload.mkdirs();
}
String fileName = new Date().getTime()+"."+fileExt;
File dest = new File(upload.getAbsolutePath()+"/"+fileName);
file.transferTo(dest);
if(StringUtils.isNotBlank(type) && type.equals("1")) {
ConfigEntity configEntity = configService.selectOne(new EntityWrapper<ConfigEntity>().eq("name", "faceFile"));
if(configEntity==null) {
configEntity = new ConfigEntity();
configEntity.setName("faceFile");
configEntity.setValue(fileName);
} else {
configEntity.setValue(fileName);
}
configService.insertOrUpdate(configEntity);
}
return R.ok().put("file", fileName);
}



}
/**
* 物资申请
* 后端接口
* @author
* @email
* @date 2022-03-12 17:03:55
*/
@RestController
@RequestMapping("/wuzishenqing")
public class WuzishenqingController {
@Autowired
private WuzishenqingService wuzishenqingService;



/**
* 后端列表
*/
@RequestMapping("/page")
public R page(@RequestParam Map<String, Object> params,WuzishenqingEntity wuzishenqing,
HttpServletRequest request){
String tableName = request.getSession().getAttribute("tableName").toString();
if(tableName.equals("yonghu")) {
wuzishenqing.setZhanghao((String)request.getSession().getAttribute("username"));
}
EntityWrapper<WuzishenqingEntity> ew = new EntityWrapper<WuzishenqingEntity>();
PageUtils page = wuzishenqingService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, wuzishenqing), params), params));

return R.ok().put("data", page);
}

/**
* 前端列表
*/
@IgnoreAuth
@RequestMapping("/list")
public R list(@RequestParam Map<String, Object> params,WuzishenqingEntity wuzishenqing, HttpServletRequest request){
String tableName = request.getSession().getAttribute("tableName").toString();
if(tableName.equals("yonghu")) {
wuzishenqing.setZhanghao((String)request.getSession().getAttribute("username"));
}
EntityWrapper<WuzishenqingEntity> ew = new EntityWrapper<WuzishenqingEntity>();
PageUtils page = wuzishenqingService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, wuzishenqing), params), params));
return R.ok().put("data", page);
}

/**
* 列表
*/
@RequestMapping("/lists")
public R list( WuzishenqingEntity wuzishenqing){
EntityWrapper<WuzishenqingEntity> ew = new EntityWrapper<WuzishenqingEntity>();
ew.allEq(MPUtil.allEQMapPre( wuzishenqing, "wuzishenqing"));
return R.ok().put("data", wuzishenqingService.selectListView(ew));
}

/**
* 查询
*/
@RequestMapping("/query")
public R query(WuzishenqingEntity wuzishenqing){
EntityWrapper< WuzishenqingEntity> ew = new EntityWrapper< WuzishenqingEntity>();
ew.allEq(MPUtil.allEQMapPre( wuzishenqing, "wuzishenqing"));
WuzishenqingView wuzishenqingView = wuzishenqingService.selectView(ew);
return R.ok("查询物资申请成功").put("data", wuzishenqingView);
}

/**
* 后端详情
*/
@RequestMapping("/info/{id}")
public R info(@PathVariable("id") Long id){
WuzishenqingEntity wuzishenqing = wuzishenqingService.selectById(id);
return R.ok().put("data", wuzishenqing);
}

/**
* 前端详情
*/
@IgnoreAuth
@RequestMapping("/detail/{id}")
public R detail(@PathVariable("id") Long id){
WuzishenqingEntity wuzishenqing = wuzishenqingService.selectById(id);
return R.ok().put("data", wuzishenqing);
}




/**
* 后端保存
*/
@RequestMapping("/save")
public R save(@RequestBody WuzishenqingEntity wuzishenqing, HttpServletRequest request){
wuzishenqing.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
//ValidatorUtils.validateEntity(wuzishenqing);
wuzishenqingService.insert(wuzishenqing);
return R.ok();
}

/**
* 前端保存
*/
@IgnoreAuth
@RequestMapping("/add")
public R add(@RequestBody WuzishenqingEntity wuzishenqing, HttpServletRequest request){
wuzishenqing.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
//ValidatorUtils.validateEntity(wuzishenqing);
wuzishenqing.setUserid((Long)request.getSession().getAttribute("userId"));
wuzishenqingService.insert(wuzishenqing);
return R.ok();
}

/**
* 修改
*/
@RequestMapping("/update")
public R update(@RequestBody WuzishenqingEntity wuzishenqing, HttpServletRequest request){
//ValidatorUtils.validateEntity(wuzishenqing);
wuzishenqingService.updateById(wuzishenqing);//全部更新
return R.ok();
}


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

/**
* 提醒接口
*/
@RequestMapping("/remind/{columnName}/{type}")
public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request,
@PathVariable("type") String type,@RequestParam Map<String, Object> map) {
map.put("column", columnName);
map.put("type", type);

if(type.equals("2")) {
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
Calendar c = Calendar.getInstance();
Date remindStartDate = null;
Date remindEndDate = null;
if(map.get("remindstart")!=null) {
Integer remindStart = Integer.parseInt(map.get("remindstart").toString());
c.setTime(new Date());
c.add(Calendar.DAY_OF_MONTH,remindStart);
remindStartDate = c.getTime();
map.put("remindstart", sdf.format(remindStartDate));
}
if(map.get("remindend")!=null) {
Integer remindEnd = Integer.parseInt(map.get("remindend").toString());
c.setTime(new Date());
c.add(Calendar.DAY_OF_MONTH,remindEnd);
remindEndDate = c.getTime();
map.put("remindend", sdf.format(remindEndDate));
}
}

Wrapper<WuzishenqingEntity> wrapper = new EntityWrapper<WuzishenqingEntity>();
if(map.get("remindstart")!=null) {
wrapper.ge(columnName, map.get("remindstart"));
}
if(map.get("remindend")!=null) {
wrapper.le(columnName, map.get("remindend"));
}

String tableName = request.getSession().getAttribute("tableName").toString();
if(tableName.equals("yonghu")) {
wrapper.eq("zhanghao", (String)request.getSession().getAttribute("username"));
}

int count = wuzishenqingService.selectCount(wrapper);
return R.ok().put("count", count);
}



}



标签:vue,Java,SpringBoot,管理,public,wuzishenqing,new,物资,RequestMapping
From: https://blog.51cto.com/u_15948415/6027887

相关文章

  • 基于Java+SpringBoot+vue+node.js实现自行车租赁平台管理系统
    基于Java+SpringBoot+vue+node.js实现自行车租赁平台管理系统文章目录​​基于Java+SpringBoot+vue+node.js实现自行车租赁平台管理系统​​​​前言介绍:​​​​功能设计:​......
  • Java两大工具库:Commons和Guava(3)
    您好,我是湘王,这是我的51CTO博客。值此新春佳节,我给您拜年啦~祝您在新的一年中所求皆所愿,所行皆坦途,展宏“兔”,有钱“兔”,多喜乐,常安宁!虽然ApacheCommons提供了专门的Commons......
  • Java两大工具库:Commons和Guava(3)
    您好,我是湘王,这是我的博客园。值此新春佳节,我给您拜年啦~祝您在新的一年中所求皆所愿,所行皆坦途,展宏“兔”,有钱“兔”,多喜乐,常安宁!   虽然ApacheCommons提供了专门......
  • JavaScript之this、let、const关键字
    各场景下的thisthis的意思:百度翻译为:这、这么、本在JavaScript中,表示当前对象的引用关键字,没有特殊含义。在一个方法中,this表示该方法所属的对象。如果单独使用,this表......
  • jd-gui mac 运行needs Java "1.8+" 问题
    说明此问题网上已经有不少解决方法了,主要是记录下,我运行出现问题的原因是因为升级了操作系统,同时调整sdkman默认java版本信息(以前调整java版本信息也是木有问题的)快速......
  • java_Web
    开始进入学习javaweb部分1.Socket技术(1)字节流传输使用bytes[]封装字节进行传输数据(2)文件传输(3)浏览器访问使用http协议进行访问2.MySQL数据库环境Phpsty......
  • AOP的介绍以及在springboot中的简单使用
    AopAop的介绍什么是AopAop面向切面编程,是OOP的延续,是软件开发中的一个热点,也是Spring框架中的一个重要内容,是函数式编程的一种衍生范型。利用AOP可以对业务逻辑的各个部......
  • antdvue 上传图片最多四张,有预览删除
    <template><divref="classReview"><a-modal:body-style="modalStyle":confirm-loading="confirmLoading":footer="null":getConta......
  • javawebServlet
    javawebhttp响应服务器--响应--客户端Accept:告诉浏览器它所支持的数据类型Accept-Encoding:支持那种编码格式GBKUTF-8GB2312ISO8859-1Content-Type:text......
  • RxJava2.x的理解与总结
    RxJava2.x的理解与总结RxJava是一个基于观察者设计模式将链式编程和异步结合在一起的开源库。链式编程通过查看GitHub开源项目的简介开源知道,RxJava有几个基类。他们......