基于SpringBoot+Vue个人健康管理网站的设计与实现

生物科技与健康穿戴设备结合，实现个性化健康管理 #生活知识# #生活感悟# #科技生活变迁# #生物科技新发现#

博主主页：一季春秋
博主简介：专注Java技术领域和毕业设计项目实战、Java、微信小程序、安卓等技术开发，远程调试部署、代码讲解、文档指导、ppt制作等技术指导。
主要内容：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、小程序、安卓app、大数据等设计与开发。

感兴趣的可以收藏+关注，所有项目均配有开发文档，一系列安装配置教程，可以定制功能包安装运行！！

文末获取联系

系统介绍

系统根据现有的管理模块进行开发和扩展，采用面向对象的开发的思想和结构化的开发方法对个人健康管理的现状进行系统调查。采用结构化的分析设计，该方法要求结合一定的图表，在模块化的基础上进行系统的开发工作。在设计中采用“自下而上”的思想，在个人健康管理网站实现了用户、健康知识、疫情资讯、健康信息推荐、康友圈等的功能性。

系统主要技术 

开发语言：Java

使用框架：spring boot

前端技术：JavaScript、Vue 、css3

开发工具：IDEA/MyEclipse/Eclipse、Visual Studio Code

数据库：MySQL 5.7/8.0

数据库管理工具：phpstudy/Navicat

JDK版本：jdk1.8

Maven: apache-maven 3.8.1-bin

系统展示

为了更好的去理清本系统整体思路，对该系统以结构图的形式表达出来，设计实现该个人健康管理网站的功能结构图如下所示：

5.1 前台系统功能模块

当游客打开系统的网址后，首先看到的就是首页界面。在这里，游客能够看到个人健康管理网站的导航条显示首页、健康知识、疫情资讯、康友圈、实时资讯、后台管理、健康咨询。系统首页界面如图5-1所示：

图5-1 系统首页界面

在系统首页点击中间的注册/登录按钮，然后页面跳转到注册登录界面，后来输入信息完成后，单击注册或者登录操作，如图5-2所示：

图5-2用户注册、用户登录界面

用户点击健康知识，在健康知识页面的搜索栏输入标题，进行查询，然后查看标题、图片、来源、发布时间，还可以点击收藏等操作；如图5-3所示：

图5-3健康知识页面

用户点击疫情资讯，在疫情资讯页面的搜索栏输入标题，进行查询，然后查看标题、发布时间、封面、点击次数，如图5-4所示：

图5-4疫情资讯页面

康友圈:用户通过康友圈页面填写标题、类型、内容，进行发布帖子，与其他用户可以在下方发表评论，可依关键字搜索帖子，如图5-5所示：

  图5-5 康友圈界面

5.2 后台管理员功能模块

管理员通过登录页面填写用户名和密码，完成后进行登录，如图5-6所示。

图5-6管理员登录页面

管理员登录进入个人健康管理网站的实现可以查看系统首页、个人中心、用户管理、健康知识管理、疫情资讯管理、健康信息推荐管理、康友圈、系统管理等信息，如图5-7所示。

图5-7管理员功能界面图

管理员点击用户管理；在用户管理页面对账号、年龄、姓名、性别、手机、邮箱、头像等信息，进行查询，新增或删除用户信息等操作；如图5-8所示。

图5-8用户管理界面图

管理员点击健康知识管理；在健康知识管理页面对标题、图片、来源、发布时间等信息，进行查询，新增或删除健康知识等操作；如图5-9所示。

图5-9健康知识管理界面图

管理员点击疫情资讯管理；在疫情资讯管理页面对标题、发布时间、封面等信息，进行查询，新增或删除疫情资讯等操作；如图5-10所示。

图5-10疫情资讯管理界面图

管理员点击健康信息推荐管理；在健康信息推荐管理页面对名称、类型、封面、视频、推送时间、账号、姓名等信息，进行查询或删除健康信息推荐等操作；如图5-11所示。

图5-11健康信息推荐管理界面图

管理员点击康友圈；在康友圈页面对帖子标题、用户名、状态等信息，进行查询或删除康友圈等操作；如图5-12所示。

图5-12康友圈界面图

管理员点击系统管理；在系统管理页面对轮播图管理、实时资讯、健康咨询

等信息，进行查询或删除系统信息等操作；如图5-13所示。

图5-13系统管理界面图

5.3 后台用户功能模块

用户点击后台管理，然后页面跳转到系统后，可以对系统首页、个人中心、健康信息推荐管理等功能进行相应操作，如图5-14所示。

图5-14用户功能界图面

部分核心代码

@RequestMapping("users")

@RestController

public class UsersController {

@Autowired

private UsersService usersService;

@Autowired

private TokenService tokenService;

@IgnoreAuth

@PostMapping(value = "/login")

public R login(String username, String password, String captcha, HttpServletRequest request) {

UsersEntity user = usersService.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());

R r = R.ok();

r.put("token", token);

r.put("role",user.getRole());

r.put("userId",user.getId());

return r;

}

@IgnoreAuth

@PostMapping(value = "/register")

public R register(@RequestBody UsersEntity user){

if(usersService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername())) !=null) {

return R.error("用户已存在");

}

usersService.insert(user);

return R.ok();

}

@GetMapping(value = "logout")

public R logout(HttpServletRequest request) {

request.getSession().invalidate();

return R.ok("退出成功");

}

@GetMapping(value = "/updatePassword")

public R updatePassword(String oldPassword, String newPassword, HttpServletRequest request) {

UsersEntity users = usersService.selectById((Integer)request.getSession().getAttribute("userId"));

if(newPassword == null){

return R.error("新密码不能为空") ;

}

if(!oldPassword.equals(users.getPassword())){

return R.error("原密码输入错误");

}

if(newPassword.equals(users.getPassword())){

return R.error("新密码不能和原密码一致") ;

}

users.setPassword(newPassword);

usersService.updateById(users);

return R.ok();

}

@IgnoreAuth

@RequestMapping(value = "/resetPass")

public R resetPass(String username, HttpServletRequest request){

UsersEntity user = usersService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));

if(user==null) {

return R.error("账号不存在");

}

user.setPassword("123456");

usersService.update(user,null);

return R.ok("密码已重置为：123456");

}

@RequestMapping("/page")

public R page(@RequestParam Map<String, Object> params,UsersEntity user){

EntityWrapper<UsersEntity> ew = new EntityWrapper<UsersEntity>();

PageUtils page = usersService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));

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

}

@RequestMapping("/list")

public R list( UsersEntity user){

EntityWrapper<UsersEntity> ew = new EntityWrapper<UsersEntity>();

ew.allEq(MPUtil.allEQMapPre( user, "user"));

return R.ok().put("data", usersService.selectListView(ew));

}

@RequestMapping("/info/{id}")

public R info(@PathVariable("id") String id){

UsersEntity user = usersService.selectById(id);

return R.ok().put("data", user);

}

@RequestMapping("/session")

public R getCurrUser(HttpServletRequest request){

Integer id = (Integer)request.getSession().getAttribute("userId");

UsersEntity user = usersService.selectById(id);

return R.ok().put("data", user);

}

@PostMapping("/save")

public R save(@RequestBody UsersEntity user){

if(usersService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername())) !=null) {

return R.error("用户已存在");

}

usersService.insert(user);

return R.ok();

}

@RequestMapping("/update")

public R update(@RequestBody UsersEntity user){

usersService.updateById(user);

return R.ok();

}

@RequestMapping("/delete")

public R delete(@RequestBody Long[] ids){

List<UsersEntity> user = usersService.selectList(null);

if(user.size() > 1){

usersService.deleteBatchIds(Arrays.asList(ids));

}else{

return R.error("管理员最少保留一个");

}

return R.ok();

}

}

网址：基于SpringBoot+Vue个人健康管理网站的设计与实现 https://www.yuejiaxmz.com/news/view/412323

相关内容

基于SpringBoot+Vue的家具网站设计与实现
基于SpringBoot+Vue的个人健康管理网站的详细设计和实现
基于SpringBoot+Vue社区老人健康管理系统设计和实现(源码+LW+部署讲解)
基于 SpringBoot+Vue 的健康饮食信息管理系统的设计与实现(需求文档)
基于SpringBoot+Vue的卫生健康生活平台设计与实现
基于SpringBoot+Vue实现大健康养老公寓管理系统
【原创】springboot+vue个人财务记账管理系统设计与实现
基于SpringBoot和VUE技术的智慧生活商城系统设计与实现
基于springboot大学校园旧物捐赠网站的设计与实现
基于SpringBoot+Vue的智能健康饮食系统的设计与实现(源码+lw+部署+讲解)

随便看看