【159】基于SpringBoot+Vue实现的人口老龄化社区服务管理平台

系统介绍

视频演示

基于SpringBoot+Vue实现的人口老龄化社区服务管理平台

基于SpringBoot+Vue实现的人口老龄化社区服务管理平台采用前后端分离的架构方式,系统设计了管理员、员工、用户三种角色,实现了登录、大屏展示、用户管理、员工管理、活动管理、服务项目、报名管理、系统管理等功能,用户端实现了首页、个人中心、项目申请、活动报名等功能。

技术选型

开发工具:idea2020.3+Webstorm2020.3

运行环境:jdk1.8+maven3.6.0+MySQL8+nodejs14.21.3

服务端技术:Springboot+Mybatis-Plus

前端技术:html+css+Vue+axios+Element-UI+echarts

成果展示

管理端

登录界面

image-20250814094946837

首页大屏看板

image-20250814095033756

个人中心

image-20250814095102779

用户管理-列表

image-20250814095151559

员工管理-列表

image-20250814095228516

活动信息

image-20250814095247781

服务项目

image-20250814095304554

申请服务

image-20250814095323566

健康档案-列表

image-20250814095354421

健康档案-详情

image-20250814095435915

系统管理-公告资讯

image-20250814095516228

用户端

首页

image-20250814095549048

登录

image-20250814095658236

用户注册

image-20250814095732491

活动信息

image-20250814095804595

活动报名

image-20250814095823252

服务项目信息

image-20250814095847437

公告资讯

image-20250814095913546

个人中心

image-20250814095938626

源码展示

@RequestMapping("users")
@RestController
public class UsersController{
	
	@Autowired
	private UsersService userService;
	
	@Autowired
	private TokenService tokenService;

	/**
	 * 登录
	 */
	@IgnoreAuth
	@RequestMapping(value = "/login")
	public R login(String username, String password, String captcha, HttpServletRequest request) {
		UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));
		if(user==null || !user.getPassword().equals(password)) {
			return R.error("账号或密码不正确");
		}
		String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
		return R.ok().put("token", token);
	}
	
	/**
	 * 注册
	 */
	@IgnoreAuth
	@PostMapping(value = "/register")
	public R register(@RequestBody UsersEntity user){
    	if(userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }

	/**
	 * 退出
	 */
	@RequestMapping(value = "logout")
	public R logout(HttpServletRequest request) {
		request.getSession().invalidate();
		return R.ok("退出成功");
	}
	
	/**
     * 密码重置
     */
    @IgnoreAuth
	@RequestMapping(value = "/resetPass")
    public R resetPass(String username, HttpServletRequest request){
    	UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));
    	if(user==null) {
    		return R.error("账号不存在");
    	}
    	user.setPassword("123456");
        userService.update(user,null);
        return R.ok("密码已重置为:123456");
    }
	// ...
}

账号地址及其他说明

1、地址说明

管理端:http://localhost:8081/

用户端:http://localhost:8082/

2、账号说明

管理员:admin/admin

员工:员工账号1/123456

用户:自行注册

3、目录结构展示

4、项目结构展示

5、以上系统源码来源于互联网,经过小白整理与调试,确保能正常运行!

6、制作不易,点赞、在看、分享再走吧,您的支持永远是我最大的动力!

7、如电脑本机环境未配置好,可在公众号后台回复 环境配置 获取视频教程。

8、系统有部分BUG属于正常现象,请各位小伙伴自行修复。

9、运行步骤

1、创建数据库、导入sql脚本
2、修改application.yml中的数据库配置文件,启动服务端
3、在源代码\ui\admin、front目录下分别打开cmd,执行npm install或者yarn install下载依赖
4、下载完毕后启动前端npm run serve,访问端口

源码获取

源码编号:159

添加下方卡片回复编号:159

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

全栈小白.

感谢老板,祝老板今年发大财!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值