SpringBoot+Vue实现前后端分离社区疫苗接种管理系统
本系统前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库，使页面快速成型。后端部分：采用SpringBoot作为开发框架，同时集成MyBatis、Redis等相关技术。
文末获取源码
开发语言：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
目录
一、前言介绍
本系统前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库，使页面快速成型。后端部分：采用SpringBoot作为开发框架，同时集成MyBatis、Redis等相关技术。
社区疫苗接种管理系统主要功能模块包括疫苗信息、接种者信息、入库疫苗、疫苗预约、接种记录等，采取本系统此次设计前端视图界面选择微信开发者工具来完成，系统功能设计由Java面向对象编程语言实现，系统开发工具选用IDEA，后台数据库为MySQL，项目管理工具选用Maven，总体的设计框架为最近很方便的Spring Boot框架，实现了本系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。针对社区疫苗接种管理系统的各项需求以及技术问题进行分析，证明了系统的必要性和技术可行性，然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍，最后来实现社区疫苗接种管理系统和部署运行使用它。
二、功能需求分析
2.1前台用户功能
未注册用户的功能：
1.注册账号：用户填写账号、密码、昵称、邮箱，并验证手机号码。
2.浏览新闻数据：用户可以查看主页面的新闻数据来了解系统的最新新闻数据。
3.浏览疫苗信息：用户可以根据疫苗类型浏览疫苗的信息，并选中某个疫苗查看详情，
4.浏览评论信息：选中某个疫苗可查看其接种者的评论。
已注册用户的功能：
1.登录：根据账号密码进行登录操作。
2.维护个人信息：用户因个人信息的变更可以随时修改自己注册信息。
3.浏览评论信息：选中某间疫苗可查看其用户的评论。
4.疫苗预约：用户根据自己的需求选中某个疫苗进行预约接种操作。
5.疫苗信息：用户可以查看各种疫苗的具体信息。
6.接种记录：用户可以查看过往的接种记录。
2.2后台管理员功能
1.修改密码：管理员可以随时修改自己进入系统的登录密码，以保证系统的安全性。
2.对接种预约信息进行处理：办理审核等。
3.疫苗信息管理：对疫苗信息进行维护，添加、删除、修改信息。
4.接种者信息管理：对接种者信息进行维护，添加、删除、修改信息。
5.用户管理：对系统用户信息的维护管理等。
6.新闻数据信息管理：发布、删除相关的新闻数据信息。
7.疫苗入库管理：可以查看疫苗的入库信息。
8.接种记录：管理接种者的疫苗接种记录。
9.疫苗出库管理：可以管理疫苗出库的数据信息
三、前台用户功能
3.1用户首页模块
3.2新闻模块
3.3模块疫苗信息模块
3.4预约计划信息模块
3.5疫苗预约模块
四、管理员功能模块
4.1轮播图模块
4.2用户注册模块
4.3新闻列表模块
4.4疫苗信息模块
4.5预约疫苗模块
五、部分核心代码
5.1疫苗信息的关键代码
@PostMapping("/add")
@Transactional
public Map<String, Object> add(HttpServletRequest request) throws IOException {
service.insert(service.readBody(request.getReader()));
return success(1);
}
@Transactional
public Map<String, Object> addMap(Map<String,Object> map){
service.insert(map);
return success(1);
}5.2疫苗预约关键代码
@RequestMapping("/get_list")
public Map<String, Object> getList(HttpServletRequest request) {
Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));
return success(map);
}5.3疫苗接种管理的关键代码
@RequestMapping(value = {"/avg_group", "/avg"})
public Map<String, Object> avg(HttpServletRequest request) {
Query count = service.avg(service.readQuery(request), service.readConfig(request));
return success(count.getResultList());
}
5.4接种记录的关键代码
@PostMapping("/add")
@Transactional
public Map<String, Object> add(HttpServletRequest request) throws IOException {
service.insert(service.readBody(request.getReader()));
return success(1);
}
@Transactional
public Map<String, Object> addMap(Map<String,Object> map){
service.insert(map);
return success(1);
}
public Map<String,Object> readBody(BufferedReader reader){
BufferedReader br = null;
StringBuilder sb = new StringBuilder("");
try{
br = reader;
String str;
while ((str = br.readLine()) != null){
sb.append(str);
}
br.close();
String json = sb.toString();
return JSONObject.parseObject(json, Map.class);
}catch (IOException e){
e.printStackTrace();
}finally{
if (null != br){
try{
br.close();
}catch (IOException e){
e.printStackTrace();
}
}
}
return null;
}
public void insert(Map<String,Object> body){
StringBuffer sql = new StringBuffer("INSERT INTO ");
sql.append("`").append(table).append("`").append(" (");
for (Map.Entry<String,Object> entry:body.entrySet()){
sql.append("`"+humpToLine(entry.getKey())+"`").append(",");
}
sql.deleteCharAt(sql.length()-1);
sql.append(") VALUES (");
for (Map.Entry<String,Object> entry:body.entrySet()){
Object value = entry.getValue();
if (value instanceof String){
sql.append("'").append(entry.getValue()).append("'").append(",");
}else {
sql.append(entry.getValue()).append(",");
}
}
sql.deleteCharAt(sql.length() - 1);
sql.append(")");
log.info("[{}] - 插入操作：{}",table,sql);
Query query = runCountSql(sql.toString());
query.executeUpdate();
}5.5用户登录的关键代码
/**
* 登录
* @param data
* @param httpServletRequest
* @return
*/
@PostMapping("login")
public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {
log.info("[执行登录接口]");
String username = data.get("username");
String email = data.get("email");
String phone = data.get("phone");
String password = data.get("password");
List resultList = null;
Map<String, String> map = new HashMap<>();
if(username != null && "".equals(username) == false){
map.put("username", username);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(email != null && "".equals(email) == false){
map.put("email", email);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(phone != null && "".equals(phone) == false){
map.put("phone", phone);
resultList = service.select(map, new HashMap<>()).getResultList();
}else{
return error(30000, "账号或密码不能为空");
}
if (resultList == null || password == null) {
return error(30000, "账号或密码不能为空");
}
//判断是否有这个用户
if (resultList.size()<=0){
return error(30000,"用户不存在");
}
前往低代码交流专区
更多推荐
3
0- 0
已为社区贡献50条内容
所有评论(0)