赞
踩
目录
1、管理员后台技术:
Web前端使用html css layui框架进行开发
后端使用java springboot框架进行开发
数据库使用的是myql
2、小程序用户端的技术:
微信开发者语言:js+json+wxss+wxml
3、项目整体采用的是mvc的思想模式进行开发。代码可读性高,便于理解。
养老服务小程序系统分为三个角色:小程序用户、护理人员、管理员,系统的总体功能架构图如下所示:
小程序端和请求后端接口的方式介绍:
小程序HTTP 请求:小程序可以通过 HTTP 请求向后端服务器发送请求,请求数据或者请求更新界面。后端服务器可以通过响应来回复小程序的请求,从而让小程序更新界面,
代码实例如下:
wx.request({ //微信小程序发送请求的函数
url: url, //请求的后端api地址
method:"post", //请求方式
data:{ //后端接口传递的数据
},
dataType:"json", //数据传输的格式
success:(response) =>{ //请求成功的回调函数
console.log(response); //response 为请求返回的数据情况
}
})
后端接口RESTful API:REST(Representational State Transfer) 是一种基于 HTTP 协议的 Web API 设计原则,它允许客户端通过 HTTP 请求来获取、更新和删除数据。小程序可以使用 RESTful API 向后端服务器发送请求,从而获取、更新和删除数据,代码示例如下:
@PostMapping("/article/{id}") //接口地址的RESTful API定义
@ApiOperation("文章详情") //接口解释作用
public R article(@PathVariable("id") Integer id,@RequestBody CollectEntity collectEntity){//对数据的处理逻辑
return R.ok().put("data",articleEntities);
}
养老服务用户信息(user)
列名 | 数据类型 | 长度 | 主键 | 允许空 | 列说明 |
openid | varchar | (64) | √ | ||
real_name | varchar | (64) | √ | ||
phone | varchar | (11) | √ | ||
age | int | √ | |||
gender | int | √ | |||
temperature | float | √ | 体温 | ||
disease_history | varchar | (256) | √ | 疾病史 | |
weight | float | √ | 体重 | ||
status | int | √ | 状态。0:未完善资料。1:已完善资料 | ||
bed_id | varchar | (64) | √ | ||
bed_number | varchar | (64) | √ | ||
state | int | √ | 状态。0:未入住。1:申请中。2:已入住 |
养老服务管理员信息(admin)
列名 | 数据类型 | 长度 | 主键 | 允许空 | 列说明 |
admin_id | varchar | (64) | √ | ||
real_name | varchar | (64) | √ | ||
nickname | varchar | (64) | √ | ||
phone | varchar | (11) | √ | ||
| varchar | (64) | √ | ||
password | varchar | (64) | √ |
留言咨询信息表(advise)
列名 | 数据类型 | 长度 | 主键 | 允许空 | 列说明 |
advise_id | varchar | (64) | √ | ||
ask | varchar | (1024) | √ | ||
reply | varchar | (2048) | √ | ||
create_time | datetime | √ | |||
openid | varchar | (64) | √ | 咨询者openid | |
real_name | varchar | (64) | √ | 咨询者姓名 | |
answerer_id | varchar | (64) | √ | 回复者id(管理员或者护理人员) | |
answerer_name | varchar | (64) | √ | 回复者姓名 | |
status | int | √ | 状态。0:待回复。1:已回复 |
床位管理信息(bed)
列名 | 数据类型 | 长度 | 主键 | 允许空 | 列说明 |
bed_id | varchar | (64) | √ | ||
bed_number | varchar | (64) | √ | 床位编号 | |
gender | int | √ | 0:女性床位。1:男性床位 | ||
status | int | √ | 状态。0:已占用。1:空闲中 |
公告管理信息(notice)
列名 | 数据类型 | 长度 | 主键 | 允许空 | 列说明 |
notice_id | varchar | (64) | √ | ||
title | varchar | (128) | √ | ||
image_url | varchar | (256) | √ | ||
create_time | datetime | √ | |||
content | varchar | (4096) | √ | ||
is_top | int | √ | 是否置顶 .0:未置顶。1:已置顶 | ||
status | int | √ | 状态。0:已删除。1:正常中 |
首页:养老服务用户登录成功后进入养老服务管理系统后,来到系统首页界面。用户通过底部导航条进入各功能详细页面进行操作功能操作。
用户可以浏览服务项目,申请服务;浏览护理人员信息,资讯护理人员;查看餐饮信息;查看公告。
申请服务小程序端wxml代码如下:
<view class="cu-bar bg-white solid-bottom margin-top">
<view class='action'>
<text class='cuIcon-titles text-orange '></text>服务项目详情
</view>
</view>
<view class="cu-list menu sm-border card-menu">
<view class="cu-item">
<view class="content">
<text class="cuIcon-tagfill text-red"></text>
<text class="text-grey">护理人员姓名</text>
</view>
<view class="action">
<view class="cu-tag round bg-orange light">{{item.realName}}</view>
</view>
</view>
<view class="cu-item">
<view class="content">
<text class="cuIcon-tagfill text-red"></text>
<text class="text-grey">服务项目名称</text>
</view>
<view class="action">
<view class="cu-tag round bg-orange light">{{item.serviceItemName}}</view>
</view>
</view>
<view class="cu-bar bg-white cu-item">
<view class="action">
<text class="cuIcon-title text-red"></text>服务项目描述
</view>
</view>
<view class="padding bg-white">
<view class="text-left padding">{{item.serviceItemDesc}}</view>
</view>
<view class="cu-bar btn-group margin-top">
<button class="cu-btn main-bg-color main-font-color shadow-blur round lg"
bindtap="save">
申请服务
</button>
</view>
</view>
Js代码如下:
save: function () {
console.log("点击了按钮")
var _this = this
if (_this.data.token === "") {
wx.showToast({
icon: "none",
title: '请先登录'
})
return
}
wx.request({
url: app.globalData.URL + '/serviceOrder/' + _this.data.id,
method: "POST",
data: {
content: _this.data.content
},
header: {
'content-type': 'application/json',
'Accept': 'application/json',
'Authorization': 'Deer ' + _this.data.token
},
dataType: 'json',
success: function (res) {
let data = res.data
console.log(data)
if (data.code == 20000) {
wx.showToast({
title: data.message,
icon: "none"
})
} else {
wx.showToast({
title: data.message,
icon: "none"
})
}
},
fail: function (err) {
// err 是这样一个对象{errMsg: "request:fail "}
console.log(err.errMsg)
}
})
},
后台控制器接口代码如下:
@PostMapping("/{serviceItemId}")
public Result add(@PathVariable String serviceItemId) {
String openid = (String) request.getAttribute("openid");
if (StringUtils.isEmpty(openid)) {
return new Result(false, 20001, "请先登录", null);
}
ServiceOrder serviceOrder = new ServiceOrder();
serviceOrder.setServiceItemId(serviceItemId);
serviceOrder.setOpenid(openid);
serviceOrderService.add(serviceOrder);
return new Result(true, 20000, "申请成功", null);
}
个人中心:用户在养老服务管理系统中,有权限的对个人信息进行编辑管理,并且在个人信息界面中,展示了不同的导航栏,例如个人健康数据记录、申请入住记录、个人对护理项目咨询问题等查看。
护理人员登录基于微信小程序的养老服务系统,与管理人员同等,需要先选择护理人员的身份进行后台管理,同时必须先进行注册,再登录到后台护理管理系统,然后输入帐号和密码进行登陆。如下图5-9所示。
护理人员注册登录界面
护理人员在养老管理系统中,展开的功能列表有对护理服务的管理,护理人员有权限对养老护理服务项目名称以及对应的服务项目介绍进行新增的操作。如下图5-10所示。
护理服务管理界面
护理人员在养老管理系统中,展开的功能列表有对健康餐饮管理,护理人员有权限对养老餐饮健康分配内容以及对应的标题进行新增删除等操作。如下图5-11所示。
健康餐饮管理界面
护理人员在养老管理系统中,展开的功能列表有对用户咨询管理,护理人员有权限对养老用户咨询护理服务问题进行回复的操作。如下图5-12所示。
用户咨询管理界面
登录基于微信小程序的养老服务系统,需要先选择管理员admin的身份进行后台管理,同时必须先进行注册,再登录到后台管理系统,然后输入帐号和密码进行登陆。如下图5-1所示。
管理员注册界面
用户管理界面
以上是对项目的简单的功能介绍,感兴趣的童鞋可以看以下详细的功能演示地址:
项目演示地址https://www.bilibili.com/video/BV11z4y1e77o/?vd_source=1b00b299dfb4cd201f2c5966bf0978ac
以上就是对项目的整体介绍,感兴趣的伙伴可以私信我。谢谢
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。