文章目录
详细视频演示
文章底部名片,获取项目的完整演示视频,免费解答技术疑问
项目介绍
Spring Boot 国医大师医案推荐网站,是以传承和弘扬中医药文化、助力中医临床学习与研究为宗旨搭建的专业知识平台。借助 Spring Boot 强大的后端开发能力,整合海量国医大师珍贵医案资源,为中医从业者、医学生、中医爱好者提供一个便捷、权威、系统的医案查询、学习与交流空间,让传统中医智慧在互联网时代得以更广泛传播,推动中医事业蓬勃发展
技术介绍
开发语言:Java
框架:springboot
JDK版本:JDK1.8
服务器:tomcat7
数据库:mysql
数据库工具:Navicat11
开发软件:eclipse/myeclipse/idea
Maven包:Maven
功能介绍
(一)后端开发(Spring Boot 框架)
1.项目架构搭建:
1.采用经典的 Spring Boot 分层架构,由控制器层(Controller)、服务层(Service)、数据访问层(Repository)和实体层(Entity)组成。控制器层负责接收前端用户的请求,如用户的医案查询请求、评论提交请求等,并将其转发给服务层相应方法处理。服务层承载核心业务逻辑,如用户管理逻辑、医案管理逻辑、评论管理逻辑等,它调用数据访问层与数据库交互,获取或更新数据。数据访问层借助 Spring Data JPA 等技术与数据库对接,定义实体类(如用户实体、医案实体、评论实体等)映射数据库表结构,通过 Repository 接口实现数据的增删改查操作。实体层明确系统的数据对象模型,与数据库表结构一一可映射数据库表结构,通过 Repository 接口实现数据的增删改查操作。实体层明确系统的数据对象模型,与数据库表结构一一对应,确保数据一致性与完整性。
1.数据库选型与设计:
1.通常选用关系型数据库,如 MySQL 或 PostgreSQL,存储系统关键数据。依据功能模块精心设计数据库表结构,主要包括用户表(存储用户基本信息、登录信息、收藏记录等)、医案表(存储医案基本信息、病症信息、治疗方案等)、评论表(存储评论内容、评论人、评论时间等)等。在数据库设计中,合理设置表间关联关系与主键、外键约束,确保数据完整与一致。例如,医案表中的用户 ID 作为外键关联用户表,评论表中的医案 ID 作为外键关联医案表,便于查询某用户的收藏医案或某医案的评论情况。同时,结合数据查询热度与业务需求,科学设计索引,如在用户表中对手机号、邮箱等字段建立索引,提高数据查询效率。
1.接口设计与安全防护:
1.遵循 RESTful 风格设计接口,实现与前端网站流畅通信,依托 HTTP 协议传输数据。前端通过 GET 请求获取医案信息,通过 POST 请求提交评论。接口设计兼顾简洁规范与可扩展性,每个接口对应特定资源操作,采用标准 HTTP 方法(如 GET、POST、PUT、DELETE)标明操作类型。在接口安全方面,采用身份验证和授权机制。用户登录时,通过手机号验证码或邮箱验证码验证身份,验证通过生成 JWT(JSON Web Token)令牌并返回给用户。用户在后续请求中携带该令牌,后端验证令牌的合法性确保请求来自合法用户。同时,依据用户角色(用户、管理员)限制接口资源访问权限,防止数据泄露与恶意攻击。例如,用户不能调用管理员权限的接口修改医案信息。
(二)前端开发
1.页面设计与布局:
1.运用 HTML、CSS 和 JavaScript 技术打造前端页面,结合前端框架(如 Vue.js 或 React)构建用户友好界面。页面布局聚焦核心功能,突出医案查询、收藏、交流等主要操作入口。如首页采用导航栏加搜索框的经典布局,方便用户快速进入医案检索;医案详情页以图文并茂形式展示病例全貌,各部分信息层次分明,便于阅读;交流区模拟社交论坛样式,增强互动性。同时,针对不同屏幕尺寸进行响应式设计,确保页面在桌面电脑、笔记本、平板电脑等设备上完美适配,交互流畅。注重页面加载速度优化,运用图片压缩、代码合并与压缩、异步加载等技术策略,削减页面加载时间,提升用户体验。
1.交互功能实现:
1.巧用 JavaScript 实现丰富交互功能。在用户注册登录环节,前端实时校验输入信息合法性,如手机号格式、邮箱格式、密码强度等,用户提交注册后,通过 AJAX 技术与后端无缝交互,实现无刷新页面更新,将注册信息安全送达服务器;在医案查询时,前端根据用户输入关键词、筛选条件即时生成查询请求,通过 AJAX 与后端交互,获取查询结果并渲染页面;在评论提交场景,前端校验评论内容长度、是否包含敏感词汇等,用户点击提交后,即时反馈提交状态,通过 AJAX 与后端交互,记录评论信息。且与后端 Spring Boot 应用始终遵循 HTTP 协议交互,采用 JSON 数据格式传输数据。如前端向后端发送医案查询请求时,将查询条件(如病症名称、国医大师姓名等)封装成 JSON 格式发送,后端处理后返回结果,前端据此渲染页面。同时,在用户修改信息、收藏医案等交互流程中,严格遵循 HTTP 协议与数据格式规范,确保前后端交互安全、稳定、高效。
核心代码
package com.example.controller;
import cn.hutool.core.util.StrUtil;
import cn.hutool.crypto.SecureUtil;
import com.example.common.Result;
import com.example.common.ResultCode;
import com.example.entity.Caiwu;
import com.example.exception.CustomException;
import com.example.service.CaiwuService;
import com.example.utils.MapWrapperUtils;
import com.example.utils.jwt.JwtUtil;
import com.example.vo.CaiwuVo;
import org.springframework.beans.BeanUtils;
import org.springframework.web.bind.annotation.*;
import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
@RestController
@RequestMapping(value = "/caiwu")
public class CaiwuController {
@Resource
private CaiwuService caiwuService;
@PostMapping
public Result<Caiwu> add(@RequestBody CaiwuVo caiwu) {
caiwuService.add(caiwu);
return Result.success(caiwu);
}
@PostMapping("/deleteList")
public Result<Caiwu> deleteList(@RequestBody CaiwuVo caiwu) {
caiwuService.deleteList(caiwu.getList());
return Result.success();
}
@DeleteMapping("/{id}")
public Result delete(@PathVariable Long id) {
caiwuService.delete(id);
return Result.success();
}
@PutMapping
public Result update(@RequestBody CaiwuVo caiwu) {
caiwuService.update(caiwu);
return Result.success();
}
@GetMapping("/{id}")
public Result<Caiwu> detail(@PathVariable Integer id) {
Caiwu caiwu = caiwuService.findById(id);
return Result.success(caiwu);
}
@GetMapping
public Result<List<Caiwu>> all() {
return Result.success(caiwuService.list());
}
@PostMapping("/page")
public Result<CaiwuVo> page(@RequestBody CaiwuVo caiwuVo) {
return Result.success(caiwuService.findPage(caiwuVo));
}
@PostMapping("/login")
public Result login(@RequestBody Caiwu caiwu, HttpServletRequest request) {
if (StrUtil.isBlank(caiwu.getZhanghao()) || StrUtil.isBlank(caiwu.getMima())) {
throw new CustomException(ResultCode.PARAM_LOST_ERROR);
}
Caiwu login = caiwuService.login(caiwu);
// if(!login.getStatus()){
// return Result.error("1001","状态限制,无法登录系统");
// }
if(login != null) {
HashMap hashMap = new HashMap();
hashMap.put("user", login);
Map<String, Object> map = MapWrapperUtils.builder(MapWrapperUtils.KEY_USER_ID,caiwu.getId());
String token = JwtUtil.creatToken(map);
hashMap.put("token", token);
return Result.success(hashMap);
}else {
return Result.error();
}
}
@PutMapping("/updatePassword")
public Result updatePassword(@RequestBody Caiwu info, HttpServletRequest request) {
Caiwu caiwu = caiwuService.findById(info.getId());
String oldPassword = SecureUtil.md5(info.getMima());
if (!oldPassword.equals(caiwu.getMima())) {
return Result.error(ResultCode.PARAM_PASSWORD_ERROR.code, ResultCode.PARAM_PASSWORD_ERROR.msg);
}
info.setMima(SecureUtil.md5(info.getNewPassword()));
Caiwu caiwu1 = new Caiwu();
BeanUtils.copyProperties(info, caiwu1);
caiwuService.update(caiwu1);
return Result.success();
}
}
系统效果图