基于springboot+vue的流动人口登记系统(前后端分离)

news/2024/11/17 3:49:07/

博主主页：猫头鹰源码

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

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

文末联系获取

项目介绍： 

本系统适合选题：流动人口、人口登记、登记系统、人员信息等。系统采用springboot+vue整合开发，前端框架主要使用了element-ui框架、数据层采用mybatis，功能齐全，界面美观。

功能介绍：

本流动人口信息管理平台主要分两个角色，即为管理员和人员。管理员可对人员管理、流动人口信息管理、暂住人口信息管理、暂住证管理、管辖单位管理、社区援助管理、辅助办公管理。人员可查看个人中心、流动人口信息管理、暂住人口信息管理、暂住证管理、管辖单位管理、社区援助管理、辅助办公管理。

系统包含技术：

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

部分截图说明：

下面是登录页面

人员管理，对人员进行维护

 

流动人口信息

户口簿

社区援助管理

暂住人口信息

暂住证管理

部分代码：

文件维护

/*** 上传文件*/@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);FileUtils.copyFile(dest, new File("D:\\biye\\springboot9i8kh\\src\\main\\resources\\static\\upload"+"/"+fileName));/*** 如果使用idea或者eclipse重启项目，发现之前上传的图片或者文件丢失，将下面一行代码注释打开* 请将以下的"D:\\springbootq33sd\\src\\main\\resources\\static\\upload"替换成你本地项目的upload路径，* 并且项目路径不能存在中文、空格等特殊字符*/
//		FileUtils.copyFile(dest, new File("D:\\springbootq33sd\\src\\main\\resources\\static\\upload"+"/"+fileName)); /**修改了路径以后请将该行最前面的//注释去掉**/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);}/*** 下载文件*/@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("/page")public R page(@RequestParam Map<String, Object> params,GuanxiadanweiEntity guanxiadanwei,HttpServletRequest request){EntityWrapper<GuanxiadanweiEntity> ew = new EntityWrapper<GuanxiadanweiEntity>();PageUtils page = guanxiadanweiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, guanxiadanwei), params), params));return R.ok().put("data", page);}/*** 前端列表*/@IgnoreAuth@RequestMapping("/list")public R list(@RequestParam Map<String, Object> params,GuanxiadanweiEntity guanxiadanwei, HttpServletRequest request){EntityWrapper<GuanxiadanweiEntity> ew = new EntityWrapper<GuanxiadanweiEntity>();PageUtils page = guanxiadanweiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, guanxiadanwei), params), params));return R.ok().put("data", page);}/*** 列表*/@RequestMapping("/lists")public R list( GuanxiadanweiEntity guanxiadanwei){EntityWrapper<GuanxiadanweiEntity> ew = new EntityWrapper<GuanxiadanweiEntity>();ew.allEq(MPUtil.allEQMapPre( guanxiadanwei, "guanxiadanwei")); return R.ok().put("data", guanxiadanweiService.selectListView(ew));}/*** 查询*/@RequestMapping("/query")public R query(GuanxiadanweiEntity guanxiadanwei){EntityWrapper< GuanxiadanweiEntity> ew = new EntityWrapper< GuanxiadanweiEntity>();ew.allEq(MPUtil.allEQMapPre( guanxiadanwei, "guanxiadanwei")); GuanxiadanweiView guanxiadanweiView =  guanxiadanweiService.selectView(ew);return R.ok("查询管辖单位成功").put("data", guanxiadanweiView);}/*** 后端详情*/@RequestMapping("/info/{id}")public R info(@PathVariable("id") Long id){GuanxiadanweiEntity guanxiadanwei = guanxiadanweiService.selectById(id);return R.ok().put("data", guanxiadanwei);}/*** 前端详情*/@IgnoreAuth@RequestMapping("/detail/{id}")public R detail(@PathVariable("id") Long id){GuanxiadanweiEntity guanxiadanwei = guanxiadanweiService.selectById(id);return R.ok().put("data", guanxiadanwei);}

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

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


http://www.ppmy.cn/news/1051269.html

相关文章

CentOS 7上，使用ifconfig后，发现没有ip地址？

CentOS 7上，使用ifconfig后，发现没有ip地址？

使用 systemctl status network.service 命令后&#xff0c;终端会输出以下信息&#xff1a; Job for network.service failed because the control process exited with error code. See “systemctl status network.service” and “journalctl -xe” for details. 第一步&am…
阅读更多...
图片怎么转pdf？这几种图片转换方法看看

图片怎么转pdf？这几种图片转换方法看看

图片怎么转pdf&#xff1f;图片转换成PDF 是一个常见的需求&#xff0c;很多人会遇到。比如&#xff0c;当你需要把一些图片文件打印成PDF文档时&#xff0c;或者需要共享一些图片文件&#xff0c;但你不想让别人修改这些文件时。所以&#xff0c;本文将介绍三种方法将图片转换…
阅读更多...
iPad怎么录屏？不会录屏？一步步教你操作！

iPad怎么录屏？不会录屏？一步步教你操作！

ipad作为一款受欢迎的移动设备&#xff0c;不仅在娱乐和办公中发挥着重要作用&#xff0c;还可以用于创作和分享。录屏功能作为ipad的一项重要特性&#xff0c;允许用户将屏幕上的活动记录成视频&#xff0c;以便用于演示、教学、分享等用途。可是您知道ipad怎么录屏吗&#xf…
阅读更多...
vue3实现渐近伸缩抽屉按钮

vue3实现渐近伸缩抽屉按钮

需求背景 需要实现一个伸缩抽屉的按钮展示&#xff0c;且字体需要出现渐近效果 解决效果 vue3实现渐近伸缩抽屉按钮 index.vue <!--/*** author: liuk* date: 2023/8/21* describe: 抽屉渐近显隐按钮* email:1229223630qq.com*/--> <template><div class&quo…
阅读更多...
【实战】十一、看板页面及任务组页面开发（三） —— React17+React Hook+TS4 最佳实践，仿 Jira 企业级项目（二十五）

【实战】十一、看板页面及任务组页面开发（三） —— React17+React Hook+TS4 最佳实践，仿 Jira 企业级项目（二十五）

文章目录 一、项目起航&#xff1a;项目初始化与配置二、React 与 Hook 应用&#xff1a;实现项目列表三、TS 应用&#xff1a;JS神助攻 - 强类型四、JWT、用户认证与异步请求五、CSS 其实很简单 - 用 CSS-in-JS 添加样式六、用户体验优化 - 加载中和错误状态处理七、Hook&…
阅读更多...
rk3568 适配以太网(千兆)

rk3568 适配以太网(千兆)

rk3568 适配以太网——RTL8211 千兆以太网（Gigabit Ethernet）的传输速度为1 Gbps（千兆位每秒），而百兆以太网（Fast Ethernet）的传输速度为100 Mbps（百兆位每秒）。因此，在相同的网络条件下，千兆网可以提供更高的数据传输速率，比百兆网快10倍。千兆网的更高传输速度使…
阅读更多...
线程面试题-1

线程面试题-1

看的博客里面总结的线程的八股文 1、线程安全的集合有哪些&#xff1f;线程不安全的呢&#xff1f; 线程安全的&#xff1a; Hashtable&#xff1a;比HashMap多了个线程安全。 ConcurrentHashMap:是一种高效但是线程安全的集合。 Vector&#xff1a;比Arraylist多了个同步化…
阅读更多...
ClickHouse（二十一）：Clickhouse SQL DDL操作-临时表及视图

ClickHouse（二十一）：Clickhouse SQL DDL操作-临时表及视图

进入正文前&#xff0c;感谢宝子们订阅专题、点赞、评论、收藏&#xff01;关注IT贫道&#xff0c;获取高质量博客内容&#xff01; &#x1f3e1;个人主页&#xff1a;含各种IT体系技术&#xff0c;IT贫道_Apache Doris,大数据OLAP体系技术栈,Kerberos安全认证-CSDN博客 &…
阅读更多...
最新文章

Copyright @ 2022~2023