14 医疗挂号系统_【阿里云OSS、用户认证与就诊人】
2024-06-12 08:51:50
阿里云oss
用户认证需要上传证件图片、首页轮播也需要上传图片，因此我们要做文件服务，阿里云oss是一个很好的分布式文件服务系统，所以我们只需要集成阿里云oss即可
1、开通“对象存储OSS”服务
（1）申请阿里云账号
（2）实名认证
（3）开通“对象存储OSS”服务
（4）进入管理控制台
1.1创建Bucket
选择：标准存储、公共读、不开通
1.2上传默认头像
创建文件夹avatar，上传默认的用户头像
1.3获取用户acesskeys
2、使用SDK文档
3、文件服务实现
3.1搭建service-oss模块
3.1.1 搭建service-oss模块
搭建过程参考service-user模块
3.1.2 修改配置
1、修改pom.xml，引入阿里云oss依赖
<dependencies><!-- 阿里云oss依赖 --><dependency><groupId>com.aliyun.oss</groupId><artifactId>aliyun-sdk-oss</artifactId></dependency><!-- 日期工具栏依赖 --><dependency><groupId>joda-time</groupId><artifactId>joda-time</artifactId></dependency>
</dependencies>2、添加配置文件application.properties
# 服务端口
server.port=8205
# 服务名
spring.application.name=service-oss#返回json的全局时间格式
spring.jackson.date-format=yyyy-MM-dd HH:mm:ss
spring.jackson.time-zone=GMT+8# nacos服务地址
spring.cloud.nacos.discovery.server-addr=127.0.0.1:8848aliyun.oss.endpoint=oss-cn-beijing.aliyuncs.com
aliyun.oss.accessKeyId=LTAI4G4SV6WtST7UYH776b64
aliyun.oss.secret=X9KHNYgztNr9MI5Zp8JffQPZO4uJo5
aliyun.oss.bucket=yygh-atguigu3.1.3 启动类
//取消数据源自动配置
@SpringBootApplication(exclude = DataSourceAutoConfiguration.class)
@EnableDiscoveryClient
@ComponentScan(basePackages = {"com.atguigu"})
public class ServiceOssApplication {public static void main(String[] args) {SpringApplication.run(ServiceOssApplication.class, args);}
}3.1.4配置网关
#设置路由id
spring.cloud.gateway.routes[5].id=service-oss
#设置路由的uri
spring.cloud.gateway.routes[5].uri=lb://service-oss
#设置路由断言,代理servicerId为auth-service的/auth/路径
spring.cloud.gateway.routes[5].predicates= Path=/*/oss/**3.2 测试SDK
3.3封装service接口
public interface FileService {//上传文件到阿里云ossString upload(MultipartFile file);
}2、创建com.atguigu.yygh.oss.utils.ConstantOssPropertiesUtils配置类
@Component
public class ConstantOssPropertiesUtils implements InitializingBean {@Value("${aliyun.oss.endpoint}")private String endpoint;@Value("${aliyun.oss.accessKeyId}")private String accessKeyId;@Value("${aliyun.oss.secret}")private String secret;@Value("${aliyun.oss.bucket}")private String bucket;public static String EDNPOINT;public static String ACCESS_KEY_ID;public static String SECRECT;public static String BUCKET;@Overridepublic void afterPropertiesSet() throws Exception {EDNPOINT=endpoint;ACCESS_KEY_ID=accessKeyId;SECRECT=secret;BUCKET=bucket;}
}3、创建接口类实现类
@Service
public class FileServiceImpl implements FileService {@Overridepublic String upload(MultipartFile file) {// Endpoint以杭州为例，其它Region请按实际情况填写。String endpoint = ConstantOssPropertiesUtils.EDNPOINT;String accessKeyId = ConstantOssPropertiesUtils.ACCESS_KEY_ID;String accessKeySecret = ConstantOssPropertiesUtils.SECRECT;String bucketName = ConstantOssPropertiesUtils.BUCKET;try {// 创建OSSClient实例。OSS ossClient = new OSSClientBuilder().build(endpoint, accessKeyId, accessKeySecret);// 上传文件流。InputStream inputStream = file.getInputStream();String fileName = file.getOriginalFilename();//生成随机唯一值，使用uuid，添加到文件名称里面String uuid = UUID.randomUUID().toString().replaceAll("-","");fileName = uuid+fileName;//按照当前日期，创建文件夹，上传到创建文件夹里面// 2021/02/02/01.jpgString timeUrl = new DateTime().toString("yyyy/MM/dd");fileName = timeUrl+"/"+fileName;//调用方法实现上传ossClient.putObject(bucketName, fileName, inputStream);// 关闭OSSClient。ossClient.shutdown();//上传之后文件路径// https://yygh-atguigu.oss-cn-beijing.aliyuncs.com/01.jpgString url = "https://"+bucketName+"."+endpoint+"/"+fileName;//返回return url;} catch (IOException e) {e.printStackTrace();return null;}}
}3.4封装controller接口
@RestController
@RequestMapping("/api/oss/file")
public class FileApiController {@Autowiredprivate FileService fileService;//上传文件到阿里云oss@PostMapping("fileUpload")public Result fileUpload(MultipartFile file) {//获取上传文件String url = fileService.upload(file);return Result.ok(url);}
}用户认证
需求分析
用户登录成功后都要进行身份认证，认证通过后才可以预约挂号
认证过程：用户填写信息（姓名、证件类型、证件号码和证件照片）==> 平台审批
用户认证设计接口：
- 提交认证
- 上传证件图片
- 获取提交认证信息
api接口
操作模块：service-user
2.1 添加service接口及实现
1、在UserInfoService类添加接口
//用户认证
void userAuth(Long userId, UserAuthVo userAuthVo);2、在UserInfoServiceImpl类添加实现
//用户认证
@Override
public void userAuth(Long userId, UserAuthVo userAuthVo) {//根据用户id查询用户信息UserInfo userInfo = baseMapper.selectById(userId);//设置认证信息//认证人姓名userInfo.setName(userAuthVo.getName());//其他认证信息userInfo.setCertificatesType(userAuthVo.getCertificatesType());userInfo.setCertificatesNo(userAuthVo.getCertificatesNo());userInfo.setCertificatesUrl(userAuthVo.getCertificatesUrl());userInfo.setAuthStatus(AuthStatusEnum.AUTH_RUN.getStatus());//进行信息更新baseMapper.updateById(userInfo);
}2.2 获取当前用户工具类
在common-util模块添加工具类
//获取当前用户信息工具类
public class AuthContextHolder {//获取当前用户idpublic static Long getUserId(HttpServletRequest request) {//从header获取tokenString token = request.getHeader("token");//jwt从token获取useridLong userId = JwtHelper.getUserId(token);return userId;}//获取当前用户名称public static String getUserName(HttpServletRequest request) {//从header获取tokenString token = request.getHeader("token");//jwt从token获取useridString userName = JwtHelper.getUserName(token);return userName;}
}2.3 添加controller方法
在UserInfoApiController类添加方法
//用户认证接口
@PostMapping("auth/userAuth")
public Result userAuth(@RequestBody UserAuthVo userAuthVo, HttpServletRequest request) {//传递两个参数，第一个参数用户id，第二个参数认证数据vo对象userInfoService.userAuth(AuthContextHolder.getUserId(request),userAuthVo);return Result.ok();
}//获取用户id信息接口
@GetMapping("auth/getUserInfo")
public Result getUserInfo(HttpServletRequest request) {Long userId = AuthContextHolder.getUserId(request);UserInfo userInfo = userInfoService.getById(userId);return Result.ok(userInfo);
}3、前端
3.1封装api请求
在/api/userInfo.js添加方法
getUserInfo() {return request({url: `${api_name}/auth/getUserInfo`,method: `get`
})
},saveUserAuah(userAuah) {return request({url: `${api_name}/auth/userAuah`,method: 'post',data: userAuah})
}3.2 页面展示
创建/pages/user/index.vue组件
<template><!-- header --><div class="nav-container page-component"><!--左侧导航 #start --><div class="nav left-nav"><div class="nav-item selected"><span class="v-link selected dark" οnclick="javascript:window.location='/user'">实名认证 </span></div><div class="nav-item"><span class="v-link selected dark" οnclick="javascript:window.location='/order'"> 挂号订单 </span></div><div class="nav-item "><span class="v-link clickable dark" οnclick="javascript:window.location='/patient'"> 就诊人管理 </span></div><div class="nav-item "><span class="v-link clickable dark"> 修改账号信息 </span></div><div class="nav-item "><span class="v-link clickable dark"> 意见反馈 </span></div></div><!-- 左侧导航 #end --><!-- 右侧内容 #start --><div class="page-container"><div><div class="title"> 实名认证</div><div class="status-bar"><div class="status-wrapper"><span class="iconfont"></span>{{ userInfo.param.authStatusString }}</div></div><div class="tips"><span class="iconfont"></span>完成实名认证后才能添加就诊人，正常进行挂号，为了不影响后续步骤，建议提前实名认证。</div><div class="form-wrapper" v-if="userInfo.authStatus == 0"><div><el-form :model="userAuah" label-width="110px" label-position="left"><el-form-item prop="name" label="姓名：" class="form-normal"><div class="name-input"><el-input v-model="userAuah.name" placeholder="请输入联系人姓名全称" class="input v-input"/></div></el-form-item><el-form-item prop="certificatesType" label="证件类型："><el-select v-model="userAuah.certificatesType" placeholder="请选择证件类型" class="v-select patient-select"><el-optionv-for="item in certificatesTypeList":key="item.value":label="item.name":value="item.name"></el-option></el-select></el-form-item><el-form-item prop="certificatesNo" label="证件号码："><el-input v-model="userAuah.certificatesNo" placeholder="请输入联系人证件号码" class="input v-input"/></el-form-item><el-form-item prop="name" label="上传证件："><div class="upload-wrapper"><div class="avatar-uploader"><el-uploadclass="avatar-uploader":action="fileUrl":show-file-list="false":on-success="onUploadSuccess"><div class="upload-inner-wrapper"><img v-if="userAuah.certificatesUrl" :src="userAuah.certificatesUrl" class="avatar"><i v-else class="el-icon-plus avatar-uploader-icon"></i><div v-if="!userAuah.certificatesUrl" class="text"> 上传证件合照</div></div></el-upload></div><img src="//img.114yygh.com/static/web/auth_example.png" class="example"></div></el-form-item></el-form><div class="bottom-wrapper"><div class="button-wrapper"><div class="v-button" @click="saveUserAuah()">{{ submitBnt }}</div></div></div></div></div><div class="context-container" v-if="userInfo.authStatus != 0"><div><el-form :model="formData" label-width="110px" label-position="right"><el-form-item prop="name" label="姓名：" class="form-normal"><div class="name-input">{{ userInfo.name }}</div></el-form-item><el-form-item prop="name" label="证件类型：">{{ userInfo.certificatesType }}</el-form-item><el-form-item prop="name" label="证件号码：">{{ userInfo.certificatesNo }}</el-form-item></el-form></div></div></div></div><!-- 右侧内容 #end --><!-- 登录弹出框 --></div><!-- footer -->
</template><script>
import '~/assets/css/hospital_personal.css'
import '~/assets/css/hospital.css'
import '~/assets/css/personal.css'
import dictApi from '@/api/dict'
import userInfoApi from '@/api/userInfo'
const defaultForm = {name: '',certificatesType: '',certificatesNo: '',certificatesUrl: ''
}
export default {data() {return {userAuah: defaultForm,certificatesTypeList: [],fileUrl:'http://localhost/api/oss/file/fileUpload',userInfo: {param: {}},submitBnt: '提交'}},created() {this.init()},methods: {init() {this.getUserInfo()this.getDict()},getUserInfo() {userInfoApi.getUserInfo().then(response => {this.userInfo = response.data})},saveUserAuah() {if(this.submitBnt == '正在提交...') {this.$message.info('重复提交')return}this.submitBnt = '正在提交...'userInfoApi.saveUserAuth(this.userAuah).then(response => {this.$message.success("提交成功")window.location.reload()}).catch(e => {this.submitBnt = '提交'})},getDict() {dictApi.findByDictCode("CertificatesType").then(response => {this.certificatesTypeList = response.data})},onUploadSuccess(response, file) {if(response.code !== 200) {this.$message.error("上传失败")return}// 填充上传文件列表this.userAuah.certificatesUrl = file.response.data}}
}
</script>
<style>.header-wrapper .title {font-size: 16px;margin-top: 0;}.content-wrapper {margin-left: 0;}.patient-card .el-card__header .detail {font-size: 14px;}.page-container .title {letter-spacing: 1px;font-weight: 700;color: #333;font-size: 16px;margin-top: 0;margin-bottom: 20px;}.page-container .tips {width: 100%;padding-left: 0;}.page-container .form-wrapper {padding-left: 92px;width: 580px;}.form-normal {height: 40px;}.bottom-wrapper{width: 100%;padding: 0;margin-top: 0;}
</style>4、预约挂号页面调整
如果要预约挂号，我们必须要认证通过后才可以，所以我们在预约挂号前要做认证判断，如果没有认证通过，则跳转到认证页面
修改/pages/hospital/_hoscode.vue组件
import userInfoApi from '@/api/userInfo'
schedule(depcode) {// 登录判断let token = cookie.get('token')if (!token) {loginEvent.$emit('loginDialogEvent')return}//判断认证userInfoApi.getUserInfo().then(response => {let authStatus = response.data.authStatus// 状态为2认证通过if (!authStatus || authStatus != 2) {window.location.href = '/user'return}})window.location.href = '/hospital/schedule?hoscode=' + this.hospital.hoscode + "&depcode="+ depcode
},三、就诊人管理
需求分析
预约下单需要选择就诊人，因此我们要实现就诊人管理，前端就诊人管理其实就是要实现一个完整的增删改查
api接口
2.1 引入依赖
<dependencies><dependency><groupId>com.atguigu</groupId><artifactId>service_cmn_client</artifactId><version>0.0.1-SNAPSHOT</version></dependency>
</dependencies>2.2 添加Mapper
添加com.atguigu.yygh.user.mapper.PatientMapper
public interface PatientMapper extends BaseMapper<Patient> {}2.3 添加service接口及实现类
1、添加com.atguigu.yygh.user.service.PatientService 接口
public interface PatientService extends IService<Patient> {//获取就诊人列表List<Patient> findAllUserId(Long userId);//根据id获取就诊人信息Patient getPatientId(Long id);
}2、添加com.atguigu.yygh.user.service.impl.PatientServiceImpl接口实现
@Service
public class PatientServiceImpl extendsServiceImpl<PatientMapper, Patient> implements PatientService {@Autowiredprivate DictFeignClient dictFeignClient;//获取就诊人列表@Overridepublic List<Patient> findAllUserId(Long userId) {//根据userid查询所有就诊人信息列表QueryWrapper<Patient> wrapper = new QueryWrapper<>();wrapper.eq("user_id",userId);List<Patient> patientList = baseMapper.selectList(wrapper);//通过远程调用，得到编码对应具体内容，查询数据字典表内容patientList.stream().forEach(item -> {//其他参数封装this.packPatient(item);});return patientList;}@Overridepublic Patient getPatientId(Long id) {return this.packPatient(baseMapper.selectById(id));}//Patient对象里面其他参数封装private Patient packPatient(Patient patient) {//根据证件类型编码，获取证件类型具体指String certificatesTypeString =dictFeignClient.getName(DictEnum.CERTIFICATES_TYPE.getDictCode(), patient.getCertificatesType());//联系人证件//联系人证件类型String contactsCertificatesTypeString =dictFeignClient.getName(DictEnum.CERTIFICATES_TYPE.getDictCode(),patient.getContactsCertificatesType());//省String provinceString = dictFeignClient.getName(patient.getProvinceCode());//市String cityString = dictFeignClient.getName(patient.getCityCode());//区String districtString = dictFeignClient.getName(patient.getDistrictCode());patient.getParam().put("certificatesTypeString", certificatesTypeString);patient.getParam().put("contactsCertificatesTypeString", contactsCertificatesTypeString);patient.getParam().put("provinceString", provinceString);patient.getParam().put("cityString", cityString);patient.getParam().put("districtString", districtString);patient.getParam().put("fullAddress", provinceString + cityString + districtString + patient.getAddress());return patient;}
}2.4 添加controller
添加com.atguigu.yygh.user.api.PatientApiController
//就诊人管理接口
@RestController
@RequestMapping("/api/user/patient")
public class PatientApiController {@Autowiredprivate PatientService patientService;//获取就诊人列表@GetMapping("auth/findAll")public Result findAll(HttpServletRequest request) {//获取当前登录用户idLong userId = AuthContextHolder.getUserId(request);List<Patient> list = patientService.findAllUserId(userId);return Result.ok(list);}//添加就诊人@PostMapping("auth/save")public Result savePatient(@RequestBody Patient patient,HttpServletRequest request) {//获取当前登录用户idLong userId = AuthContextHolder.getUserId(request);patient.setUserId(userId);patientService.save(patient);return Result.ok();}//根据id获取就诊人信息@GetMapping("auth/get/{id}")public Result getPatient(@PathVariable Long id) {Patient patient = patientService.getPatientId(id);return Result.ok(patient);}//修改就诊人@PostMapping("auth/update")public Result updatePatient(@RequestBody Patient patient) {patientService.updateById(patient);return Result.ok();}//删除就诊人@DeleteMapping("auth/remove/{id}")public Result removePatient(@PathVariable Long id) {patientService.removeById(id);return Result.ok();}
}前端
3.1 封装api请求
创建/api/patient.js文件
import request from '@/utils/request'
const api_name = `/api/user/patient`
export default {//就诊人列表findList() {return request({url: `${api_name}/auth/findAll`,method: `get`})},//根据id查询就诊人信息getById(id) {return request({url: `${api_name}/auth/get/${id}`,method: 'get'})
},//添加就诊人信息save(patient) {return request({url: `${api_name}/auth/save`,method: 'post',data: patient})},//修改就诊人信息updateById(patient) {return request({url: `${api_name}/auth/update`,method: 'post',data: patient})},//删除就诊人信息removeById(id) {return request({url: `${api_name}/auth/remove/${id}`,method: 'delete'})}
}3.2 列表
添加/pages/patient/index.vue组件
<template><!-- header --><div class="nav-container page-component"><!--左侧导航 #start --><div class="nav left-nav"><div class="nav-item "><span class="v-link clickable dark" οnclick="javascript:window.location='/user'">实名认证 </span></div><div class="nav-item "><span class="v-link clickable dark" οnclick="javascript:window.location='/order'"> 挂号订单 </span></div><div class="nav-item selected"><span class="v-link selected dark" οnclick="javascript:window.location='/patient'"> 就诊人管理 </span></div><div class="nav-item "><span class="v-link clickable dark"> 修改账号信息 </span></div><div class="nav-item "><span class="v-link clickable dark"> 意见反馈 </span></div></div><!-- 左侧导航 #end --><!-- 右侧内容 #start --><div class="page-container"><div class="personal-patient"><div class="header-wrapper"><div class="title"> 就诊人管理</div></div><div class="content-wrapper"><el-card class="patient-card" shadow="always" v-for="item in patientList" :key="item.id"><div slot="header" class="clearfix"><div><span class="name">{{ item.name }}</span><span>{{ item.certificatesNo }} {{ item.param.certificatesTypeString }}</span><div class="detail" @click="show(item.id)"> 查看详情 <span class="iconfont"></span></div></div></div><div class="card SELF_PAY_CARD"><div class="info"><span class="type">{{ item.isInsure == 0 ? '自费' : '医保'}}</span><span class="card-no">{{ item.certificatesNo }}</span><span class="card-view">{{ item.param.certificatesTypeString }}</span></div><span class="operate"></span></div><div class="card"><div class="text bind-card"></div></div></el-card><div class="item-add-wrapper v-card clickable" @click="add()"><div class=""><div>+ 添加就诊人</div></div></div></div></div></div><!-- 右侧内容 #end --></div><!-- footer -->
</template>
<script>
import '~/assets/css/hospital_personal.css'
import '~/assets/css/hospital.css'
import '~/assets/css/personal.css'
import patientApi from '@/api/patient'
export default {data() {return {patientList: []}},created() {this.findPatientList()},methods: {findPatientList() {patientApi.findList().then(response => {this.patientList = response.data})},add() {window.location.href = '/patient/add'},show(id) {window.location.href = '/patient/show?id=' + id}}}
</script>
<style>.header-wrapper .title {font-size: 16px;margin-top: 0;}.content-wrapper {margin-left: 0;}.patient-card .el-card__header .detail{font-size: 14px;}
</style>3.3 添加与修改
添加/pages/patient/add.vue组件
<template><!-- header --><div class="nav-container page-component"><!--左侧导航 #start --><div class="nav left-nav"><div class="nav-item "><span class="v-link clickable dark" οnclick="javascript:window.location='/user'">实名认证 </span></div><div class="nav-item "><span class="v-link clickable dark" οnclick="javascript:window.location='/order'"> 挂号订单 </span></div><div class="nav-item selected"><span class="v-link selected dark" οnclick="javascript:window.location='/patient'"> 就诊人管理 </span></div><div class="nav-item "><span class="v-link clickable dark"> 修改账号信息 </span></div><div class="nav-item "><span class="v-link clickable dark"> 意见反馈 </span></div></div><!-- 左侧导航 #end --><!-- 右侧内容 #start --><div class="page-container"><div class="personal-patient"><div class="header-wrapper"><div class="title"> 添加就诊人</div></div><div><div class="sub-title"><div class="block"></div>就诊人信息</div><div class="content-wrapper"><el-form :model="patient" label-width="110px" label-position="left" ref="patient" :rules="validateRules"><el-form-item prop="name" label="姓名："><el-input v-model="patient.name" placeholder="请输入真实姓名全称" class="input v-input"/></el-form-item><el-form-item prop="certificatesType" label="证件类型："><el-select v-model="patient.certificatesType" placeholder="请选择证件类型" class="v-select patient-select"><el-optionv-for="item in certificatesTypeList":key="item.value":label="item.name":value="item.value"></el-option></el-select></el-form-item><el-form-item prop="certificatesNo" label="证件号码："><el-input v-model="patient.certificatesNo" placeholder="请输入证件号码" class="input v-input"/></el-form-item><el-form-item prop="sex" label="性别："><el-radio-group v-model="patient.sex"><el-radio :label="1">男</el-radio><el-radio :label="0">女</el-radio></el-radio-group></el-form-item><el-form-item prop="birthdate" label="出生日期："><el-date-pickerv-model="patient.birthdate"class="v-date-picker"type="date"placeholder="选择日期"></el-date-picker></el-form-item><el-form-item prop="phone" label="手机号码："><el-input v-model="patient.phone" placeholder="请输入手机号码" maxlength="11" class="input v-input"/></el-form-item></el-form></div><div class="sub-title"><div class="block"></div>建档信息（完善后部分医院首次就诊不排队建档）</div><div class="content-wrapper"><el-form :model="patient" label-width="110px" label-position="left" ref="patient" :rules="validateRules"><el-form-item prop="isMarry" label="婚姻状况："><el-radio-group v-model="patient.isMarry"><el-radio :label="0">未婚</el-radio><el-radio :label="1">已婚</el-radio></el-radio-group></el-form-item><el-form-item prop="isInsure" label="自费/医保："><el-radio-group v-model="patient.isInsure"><el-radio :label="0">自费</el-radio><el-radio :label="1">医保</el-radio></el-radio-group></el-form-item><el-form-item prop="addressSelected" label="当前住址："><el-cascaderref="selectedShow"v-model="patient.addressSelected"class="v-address":props="props"></el-cascader></el-form-item><el-form-item prop="address" label="详细地址："><el-input v-model="patient.address" placeholder="应公安机关要求，请填写现真实住址" class="input v-input"/></el-form-item></el-form></div><div class="sub-title"><div class="block"></div>联系人信息（选填）</div><div class="content-wrapper"><el-form :model="patient" label-width="110px" label-position="left"><el-form-item prop="contactsName" label="姓名："><el-input v-model="patient.contactsName" placeholder="请输入联系人姓名全称" class="input v-input"/></el-form-item><el-form-item prop="contactsCertificatesType" label="证件类型："><el-select v-model="patient.contactsCertificatesType" placeholder="请选择证件类型" class="v-select patient-select"><el-optionv-for="item in certificatesTypeList":key="item.value":label="item.name":value="item.value"></el-option></el-select></el-form-item><el-form-item prop="contactsCertificatesNo" label="证件号码："><el-input v-model="patient.contactsCertificatesNo" placeholder="请输入联系人证件号码" class="input v-input"/></el-form-item><el-form-item prop="contactsPhone" label="手机号码："><el-input v-model="patient.contactsPhone" placeholder="请输入联系人手机号码" class="input v-input"/></el-form-item></el-form></div></div><div class="bottom-wrapper"><div class="button-wrapper"><div class="v-button" @click="saveOrUpdate()">{{ submitBnt }}</div></div></div></div></div><!-- 右侧内容 #end --></div><!-- footer -->
</template>
<script>
import '~/assets/css/hospital_personal.css'
import '~/assets/css/hospital.css'
import '~/assets/css/personal.css'
import dictApi from '@/api/dict'
import patientApi from '@/api/patient'
const defaultForm = {name: '',certificatesType: '',certificatesNo: '',sex: 1,birthdate: '',phone: '',isMarry: 0,isInsure: 0,provinceCode: '',cityCode: '',districtCode: '',addressSelected: null,address: '',contactsName: '',contactsCertificatesType: '',contactsCertificatesNo: '',contactsPhone: '',param: {}
}
export default {data() {return {patient: defaultForm,certificatesTypeList: [],props: {lazy: true,async lazyLoad (node, resolve) {const { level } = node//异步获取省市区dictApi.findByParentId(level ? node.value : '86').then(response => {let list= response.datalet provinceList = list.map((item, i) => {return {value: item.id,label: item.name,leaf: node.level == 2 ? true : false,//可控制显示几级}})resolve && resolve(provinceList)})}},submitBnt: '保存',validateRules: {name: [{ required: true, trigger: 'blur', message: '必须输入' }],certificatesType: [{ required: true, trigger: 'blur', message: '必须输入' }],certificatesNo: [{ required: true, trigger: 'blur', message: '必须输入' }],birthdate: [{ required: true, trigger: 'blur', message: '必须输入' }],phone: [{ required: true, trigger: 'blur', message: '必须输入' }],addressSelected: [{ required: true, trigger: 'blur', message: '必须输入' }],address: [{ required: true, trigger: 'blur', message: '必须输入' }]}}},created() {this.init();},mounted() {if (this.$route.query.id) {setTimeout(()=>{this.$refs.selectedShow.presentText = this.patient.param.provinceString + '/' + this.patient.param.cityString + '/' +this.patient.param.districtString //"北京市/市辖区/西城区";// 首次手动复制// this.$refs.selectedShow.value = '110000/110100/110102';},1000)}},methods: {init() {if (this.$route.query.id) {const id = this.$route.query.idthis.fetchDataById(id)} else {// 对象拓展运算符：拷贝对象，而不是赋值对象的引用this.patient = { ...defaultForm }}this.getDict()},fetchDataById(id) {patientApi.getById(id).then(response => {this.patient = response.data//添加默认值this.patient.addressSelected = [this.patient.provinceCode, this.patient.cityCode, this.patient.districtCode]})},getDict() {dictApi.findByDictCode("CertificatesType").then(response => {this.certificatesTypeList = response.data})},saveOrUpdate() {this.$refs.patient.validate(valid => {if (valid) {//地址处理if(this.patient.addressSelected.length == 3) {this.patient.provinceCode = this.patient.addressSelected[0]this.patient.cityCode = this.patient.addressSelected[1]this.patient.districtCode = this.patient.addressSelected[2]}if (!this.patient.id) {this.saveData()} else {this.updateData()}}})},// 新增saveData() {if(this.submitBnt == '正在提交...') {this.$message.info('重复提交')return}this.submitBnt = '正在提交...'patientApi.save(this.patient).then(response => {this.$message.success("提交成功")window.location.href = '/patient'}).catch(e => {this.submitBnt = '保存'})},// 根据id更新记录updateData() {if(this.submitBnt == '正在提交...') {this.$message.info('重复提交')return}this.submitBnt = '正在提交...'patientApi.updateById(this.patient).then(response => {this.$message.success("提交成功")window.location.href = '/patient'}).catch(e => {this.submitBnt = '保存'})}}
}
</script>
<style>.header-wrapper .title {font-size: 16px;margin-top: 0;}.sub-title {margin-top: 0;}.bottom-wrapper{padding: 0;margin: 0;}.bottom-wrapper .button-wrapper{margin-top: 0;}
</style>3.4 详情与删除
添加/pages/patient/show.vue组件
<template><!-- header --><div class="nav-container page-component"><!--左侧导航 #start --><div class="nav left-nav"><div class="nav-item "><span class="v-link clickable dark" οnclick="javascript:window.location='/user'">实名认证 </span></div><div class="nav-item "><span class="v-link clickable dark" οnclick="javascript:window.location='/order'"> 挂号订单 </span></div><div class="nav-item selected"><span class="v-link selected dark" οnclick="javascript:window.location='/patient'"> 就诊人管理 </span></div><div class="nav-item "><span class="v-link clickable dark"> 修改账号信息 </span></div><div class="nav-item "><span class="v-link clickable dark"> 意见反馈 </span></div></div><!-- 左侧导航 #end --><!-- 右侧内容 #start --><div class="page-container"><div class="personal-patient"><div class="title" style="margin-top: 0px;font-size: 16px;"> 就诊人详情</div><div><div class="sub-title"><div class="block"></div>就诊人信息</div><div class="content-wrapper"><el-form :model="patient" label-width="110px" label-position="left"><el-form-item label="姓名："><div class=""><span>{{ patient.name }}</span></div></el-form-item><el-form-item label="证件类型："><div class=""><span>{{ patient.param.certificatesTypeString }}</span></div></el-form-item><el-form-item label="证件号码："><div class=""><span>{{ patient.certificatesNo }} </span></div></el-form-item><el-form-item label="性别："><div class=""><span>{{ patient.sex == 1 ? '男' : '女' }} </span></div></el-form-item><el-form-item label="出生日期："><div class=""><span>{{ patient.birthdate }} </span></div></el-form-item><el-form-item label="手机号码："><div class=""><span>{{ patient.phone }} </span></div></el-form-item><el-form-item label="婚姻状况："><div class=""><span>{{ patient.isMarry == 1 ? '已婚' : '未婚' }} </span></div></el-form-item><el-form-item label="当前住址："><div class=""><span>{{ patient.param.provinceString }}/{{ patient.param.cityString }}/{{ patient.param.districtString }} </span></div></el-form-item><el-form-item label="详细地址："><div class=""><span>{{ patient.address }} </span></div></el-form-item><br/><el-form-item><el-button class="v-button" type="primary" @click="remove()">删除就诊人</el-button><el-button class="v-button" type="primary white" @click="edit()">修改就诊人</el-button></el-form-item></el-form></div></div></div></div><!-- 右侧内容 #end --></div><!-- footer -->
</template>
<script>
import '~/assets/css/hospital_personal.css'
import '~/assets/css/hospital.css'
import '~/assets/css/personal.css'
import patientApi from '@/api/patient'
export default {data() {return {patient: {param: {}}}},created() {this.fetchDataById();},methods: {fetchDataById() {patientApi.getById(this.$route.query.id).then(response => {this.patient = response.data})},remove() {patientApi.removeById(this.patient.id).then(response => {this.$message.success('删除成功')window.location.href = '/patient'})},edit() {window.location.href = '/patient/add?id=' + this.patient.id}}
}
</script>
<style>.info-wrapper {padding-left: 0;padding-top: 0;}.content-wrapper {color: #333;font-size: 14px;padding-bottom: 0;}.el-form-item {margin-bottom: 5px;}.bottom-wrapper {width: 100%;}.button-wrapper {margin: 0;}.bottom-wrapper .button-wrapper {margin-top: 0;}
</style>四、平台用户管理
前面我们做了用户登录、用户认证与就诊人，现在我们需要把这些信息在我们的平台管理系统做一个统一管理
操作模块：service-user
用户列表
api接口
添加service接口与实现
1、在UserInfoService类添加接口
//用户列表（条件查询带分页）
IPage<UserInfo> selectPage(Page<UserInfo> pageParam, UserInfoQueryVo userInfoQueryVo);2、在UserInfoServiceImpl类添加实现
//用户列表（条件查询带分页）@Overridepublic IPage<UserInfo> selectPage(Page<UserInfo> pageParam, UserInfoQueryVo userInfoQueryVo) {//UserInfoQueryVo获取条件值String name = userInfoQueryVo.getKeyword(); //用户名称Integer status = userInfoQueryVo.getStatus();//用户状态Integer authStatus = userInfoQueryVo.getAuthStatus(); //认证状态String createTimeBegin = userInfoQueryVo.getCreateTimeBegin(); //开始时间String createTimeEnd = userInfoQueryVo.getCreateTimeEnd(); //结束时间//对条件值进行非空判断QueryWrapper<UserInfo> wrapper = new QueryWrapper<>();if(!StringUtils.isEmpty(name)) {wrapper.like("name",name);}if(!StringUtils.isEmpty(status)) {wrapper.eq("status",status);}if(!StringUtils.isEmpty(authStatus)) {wrapper.eq("auth_status",authStatus);}if(!StringUtils.isEmpty(createTimeBegin)) {wrapper.ge("create_time",createTimeBegin);}if(!StringUtils.isEmpty(createTimeEnd)) {wrapper.le("create_time",createTimeEnd);}//调用mapper的方法IPage<UserInfo> pages = baseMapper.selectPage(pageParam, wrapper);//编号变成对应值封装pages.getRecords().stream().forEach(item -> {this.packageUserInfo(item);});return pages;}//编号变成对应值封装private UserInfo packageUserInfo(UserInfo userInfo) {//处理认证状态编码userInfo.getParam().put("authStatusString",AuthStatusEnum.getStatusNameByStatus(userInfo.getAuthStatus()));//处理用户状态 0 1String statusString = userInfo.getStatus().intValue()==0 ?"锁定" : "正常";userInfo.getParam().put("statusString",statusString);return userInfo;}添加controller方法
添加com.atguigu.yygh.user.controller.UserController类
@RestController
@RequestMapping("/admin/user")
public class UserController {@Autowiredprivate UserInfoService userInfoService;//用户列表（条件查询带分页）@GetMapping("{page}/{limit}")public Result list(@PathVariable Long page,@PathVariable Long limit,UserInfoQueryVo userInfoQueryVo) {Page<UserInfo> pageParam = new Page<>(page,limit);IPage<UserInfo> pageModel =userInfoService.selectPage(pageParam,userInfoQueryVo);return Result.ok(pageModel);}
}前端
1.2.1 添加路由
在 src/router/index.js 文件添加路由
{path: '/user',component: Layout,redirect: '/user/userInfo/list',name: 'userInfo',meta: { title: '用户管理', icon: 'table' },alwaysShow: true,children: [{path: 'userInfo/list',name: '用户列表',component: () =>import('@/views/user/userInfo/list'),meta: { title: '用户列表', icon: 'table' }}]},1.2.2封装api请求
创建/api/user/userInfo.js
import request from '@/utils/request'const api_name = '/admin/user'export default {getPageList(page, limit, searchObj) {return request({url: `${api_name}/${page}/${limit}`,method: 'get',params: searchObj})}
}1.2.3 添加组件
创建/views/user/userInfo/list.vue组件
<template><div class="app-container"><!--查询表单--><el-form :inline="true" class="demo-form-inline"><el-form-item><el-input v-model="searchObj.keyword" placeholder="姓名/手机"/></el-form-item><el-form-item label="创建时间"><el-date-pickerv-model="searchObj.createTimeBegin"type="datetime"placeholder="选择开始时间"value-format="yyyy-MM-dd HH:mm:ss"default-time="00:00:00"/></el-form-item>至<el-form-item><el-date-pickerv-model="searchObj.createTimeEnd"type="datetime"placeholder="选择截止时间"value-format="yyyy-MM-dd HH:mm:ss"default-time="00:00:00"/></el-form-item><el-button type="primary" icon="el-icon-search" @click="fetchData()">查询</el-button><el-button type="default" @click="resetData()">清空</el-button></el-form><!-- 列表 --><el-tablev-loading="listLoading":data="list"stripestyle="width: 100%"><el-table-columnlabel="序号"width="70"align="center"><template slot-scope="scope">{{ (page - 1) * limit + scope.$index + 1 }}</template></el-table-column><el-table-column prop="phone" label="手机号"/><el-table-column prop="nickName" label="昵称"/><el-table-column prop="name" label="姓名"/><el-table-column label="状态" prop="param.statusString"/><el-table-column label="认证状态" prop="param.authStatusString"/><el-table-column prop="createTime" label="创建时间"/><el-table-column label="操作" width="200" align="center"></el-table-column></el-table><!-- 分页组件 --><el-pagination:current-page="page":total="total":page-size="limit":page-sizes="[5, 10, 20, 30, 40, 50, 100]"style="padding: 30px 0; text-align: center;"layout="sizes, prev, pager, next, jumper, ->, total, slot"@current-change="fetchData"@size-change="changeSize"/></div>
</template>
<script>
import userInfoApi from '@/api/userInfo'
export default {// 定义数据data() {return {listLoading: true, // 数据是否正在加载list: null, // banner列表total: 0, // 数据库中的总记录数page: 1, // 默认页码limit: 10, // 每页记录数searchObj: {} // 查询表单对象}},// 当页面加载时获取数据created() {this.fetchData()},methods: {// 调用api层获取数据库中的数据fetchData(page = 1) {console.log('翻页。。。' + page)// 异步获取远程数据（ajax）this.page = pageuserInfoApi.getPageList(this.page, this.limit, this.searchObj).then(response => {this.list = response.data.recordsthis.total = response.data.total// 数据加载并绑定成功this.listLoading = false})},// 当页码发生改变的时候changeSize(size) {console.log(size)this.limit = sizethis.fetchData(1)},// 重置查询表单resetData() {console.log('重置查询表单')this.searchObj = {}this.fetchData()}}
}
</script>锁定
2.1 api接口
2.1.1添加service接口与实现
1、在UserInfoService类添加接口
/*** 用户锁定* @param userId
* @param status 0：锁定 1：正常*/
void lock(Long userId, Integer status);2、在UserInfoServiceImpl类添加实现
@Override
public void lock(Long userId, Integer status) {if(status.intValue() == 0 || status.intValue() == 1) {UserInfo userInfo = this.getById(userId);userInfo.setStatus(status);this.updateById(userInfo);}
}2.1.2添加controller方法
在UserController类添加方法
@ApiOperation(value = "锁定")
@GetMapping("lock/{userId}/{status}")
public Result lock(@PathVariable("userId") Long userId,@PathVariable("status") Integer status){userInfoService.lock(userId, status);return Result.ok();
}2.2前端
2.2.1 封装api请求
在/api/user/userInfo.js文件添加方法
lock(id, status) {return request({url: `${api_name}/lock/${id}/${status}`,method: 'get'})}2.2.2 添加组件
修改/views/user/userInfo/list.vue组件
<el-table-column label="操作" width="200" align="center"><template slot-scope="scope"><el-button v-if="scope.row.status == 1" type="primary" size="mini" @click="lock(scope.row.id, 0)">锁定</el-button><el-button v-if="scope.row.status == 0" type="danger" size="mini" @click="lock(scope.row.id, 1)">取消锁定</el-button></template>
</el-table-column>添加方法
// 锁定
lock(id, status) {this.$confirm('确定该操作吗?', '提示', {confirmButtonText: '确定',cancelButtonText: '取消',type: 'warning'}).then(() => { // promise// 点击确定，远程调用ajaxreturn userInfoApi.lock(id, status)}).then((response) => {this.fetchData(this.page)if (response.code) {this.$message({type: 'success',message: '操作成功!'})}})
}详情
详情展示用户信息、用户就诊人信息和登录日志信息
3.1 api接口
3.1.1添加service接口与实现
1、在UserInfoService类添加接口
/*** 详情* @param userId
* @return
*/
Map<String, Object> show(Long userId);2、在UserInfoServiceImpl类添加实现
@Autowired
private PatientService patientService;
//用户详情
@Override
public Map<String, Object> show(Long userId) {Map<String,Object> map = new HashMap<>();//根据userid查询用户信息UserInfo userInfo = this.packageUserInfo(baseMapper.selectById(userId));map.put("userInfo",userInfo);//根据userid查询就诊人信息List<Patient> patientList = patientService.findAllUserId(userId);map.put("patientList",patientList);return map;
}3.1.2添加controller方法
在UserController类添加方法
//用户详情
@GetMapping("show/{userId}")
public Result show(@PathVariable Long userId) {Map<String,Object> map = userInfoService.show(userId);return Result.ok(map);
}3.2前端
3.2.1 添加路由
{path: '/user',component: Layout,redirect: '/user/userInfo/list',name: 'userInfo',meta: { title: '用户管理', icon: 'table' },alwaysShow: true,children: [{path: 'userInfo/list',name: '用户列表',component: () =>import('@/views/user/userInfo/list'),meta: { title: '用户列表', icon: 'table' }},{path: 'userInfo/show/:id',name: '用户查看',component: () =>import('@/views/user/userInfo/show'),meta: { title: '用户查看' },hidden: true}]},3.2.2封装api请求
在/api/user/userInfo.js文件添加方法
//用户详情
show(id) {return request({url: `${api_name}/show/${id}`,method: 'get'})
}3.2.3 修改列表组件
<el-table-column label="操作" width="200" align="center"><template slot-scope="scope"><router-link :to="'/user/userInfo/show/'+scope.row.id"><el-button type="primary" size="mini">查看</el-button></router-link><el-button v-if="scope.row.status == 1" type="primary" size="mini" @click="lock(scope.row.id, 0)">锁定</el-button><el-button v-if="scope.row.status == 0" type="danger" size="mini" @click="lock(scope.row.id, 1)">取消锁定</el-button></template>
</el-table-column>3.2.4 添加组件
添加/views/user/userInfo/show.vue组件
<template><div class="app-container"><h4>用户信息</h4><table class="table table-striped table-condenseda table-bordered" width="100%"><tbody><tr><th width="15%">手机号</th><td width="35%"><b>{{ userInfo.phone }}</b></td><th width="15%">用户姓名</th><td width="35%">{{ userInfo.name }}</td></tr><tr><th>状态</th><td>{{ userInfo.status == 0 ? '锁定' : '正常' }}</td><th>注册时间</th><td>{{ userInfo.createTime }}</td></tr></tbody></table><h4>认证信息</h4><table class="table table-striped table-condenseda table-bordered" width="100%"><tbody><tr><th width="15%">姓名</th><td width="35%"><b>{{ userInfo.name }}</b></td><th width="15%">证件类型</th><td width="35%">{{ userInfo.certificatesType }}</td></tr><tr><th>证件号</th><td>{{ userInfo.certificatesNo }}</td><th>证件图片</th><td><img :src="userInfo.certificatesUrl" width="80px"></td></tr></tbody></table><h4>就诊人信息</h4><el-tablev-loading="listLoading":data="patientList"stripestyle="width: 100%"><el-table-columnlabel="序号"width="70"align="center"><template slot-scope="scope">{{ scope.$index + 1 }}</template></el-table-column><el-table-column prop="name" label="姓名"/><el-table-column prop="param.certificatesTypeString" label="证件类型"/><el-table-column prop="certificatesNo" label="证件编号"/><el-table-column label="性别"><template slot-scope="scope">{{ scope.row.sex == 1 ? '男' : '女' }}</template></el-table-column><el-table-column prop="birthdate" label="出生年月"/><el-table-column prop="phone" label="手机"/><el-table-column label="是否结婚"><template slot-scope="scope">{{ scope.row.isMarry == 1 ? '时' : '否' }}</template></el-table-column><el-table-column prop="fullAddress" label="地址"/><el-table-column prop="createTime" label="注册时间"/></el-table><br><el-row><el-button @click="back">返回</el-button></el-row></div>
</template>
<script>
import userInfoApi from '@/api/userInfo'
export default {// 定义数据data() {return {id: this.$route.params.id,userInfo: {}, // 会员信息patientList: [] // 就诊人列表}},// 当页面加载时获取数据created() {this.fetchDataById()},methods: {// 根据id查询会员记录fetchDataById() {userInfoApi.show(this.id).then(response => {this.userInfo = response.data.userInfothis.patientList = response.data.patientList})},back() {window.history.back(-1)}}
}
</script>用户认证列表
api接口与用户列表一致，只是默认加了一个认证状态搜索条件：authStatus
4.1 添加路由
{path: 'userInfo/authList',name: '认证审批列表',component: () =>import('@/views/user/userInfo/authList'),meta: { title: '认证审批列表', icon: 'table' }
}4.2 添加组件
添加/views/user/userInfo/authList.vue组件
<template><div class="app-container"><!--查询表单--><el-form :inline="true" class="demo-form-inline"><el-form-item><el-input v-model="searchObj.keyword" placeholder="姓名/手机"/></el-form-item><el-form-item label="创建时间"><el-date-pickerv-model="searchObj.createTimeBegin"type="datetime"placeholder="选择开始时间"value-format="yyyy-MM-dd HH:mm:ss"default-time="00:00:00"/></el-form-item>至<el-form-item><el-date-pickerv-model="searchObj.createTimeEnd"type="datetime"placeholder="选择截止时间"value-format="yyyy-MM-dd HH:mm:ss"default-time="00:00:00"/></el-form-item><el-button type="primary" icon="el-icon-search" @click="fetchData()">查询</el-button><el-button type="default" @click="resetData()">清空</el-button></el-form><!-- 列表 --><el-tablev-loading="listLoading":data="list"stripestyle="width: 100%"><el-table-columnlabel="序号"width="70"align="center"><template slot-scope="scope">{{ (page - 1) * limit + scope.$index + 1 }}</template></el-table-column><el-table-column prop="name" label="姓名"/><el-table-column prop="certificatesType" label="证件类型"/><el-table-column prop="certificatesNo" label="证件号"/><el-table-column prop="createTime" label="创建时间"/><el-table-column label="操作" width="250" align="center"><template slot-scope="scope"><router-link :to="'/user/userInfo/show/'+scope.row.id"><el-button type="primary" size="mini">查看</el-button></router-link></template></el-table-column></el-table><!-- 分页组件 --><el-pagination:current-page="page":total="total":page-size="limit":page-sizes="[5, 10, 20, 30, 40, 50, 100]"style="padding: 30px 0; text-align: center;"layout="sizes, prev, pager, next, jumper, ->, total, slot"@current-change="fetchData"@size-change="changeSize"/></div>
</template>
<script>
import userInfoApi from '@/api/userInfo'export default {// 定义数据
data() {return {listLoading: true, // 数据是否正在加载list: null, // banner列表total: 0, // 数据库中的总记录数page: 1, // 默认页码limit: 10, // 每页记录数searchObj: {authStatus: 1} // 查询表单对象}
},// 当页面加载时获取数据
created() {this.fetchData()
},methods: {// 调用api层获取数据库中的数据fetchData(page = 1) {console.log('翻页。。。' + page)// 异步获取远程数据（ajax）this.page = pageuserInfoApi.getPageList(this.page, this.limit, this.searchObj).then(response => {this.list = response.data.recordsthis.total = response.data.total// 数据加载并绑定成功this.listLoading = false})},// 当页码发生改变的时候changeSize(size) {console.log(size)this.limit = sizethis.fetchData(1)},// 重置查询表单resetData() {console.log('重置查询表单')this.searchObj = {}this.fetchData()}}
}
</script>用户认证审批
5.1 api接口
5.1.1添加service接口与实现
1、在UserInfoService类添加接口
/*** 认证审批* @param userId
* @param authStatus 2：通过 -1：不通过*/
void approval(Long userId, Integer authStatus);2、在UserInfoServiceImpl类添加实现
//认证审批 2通过 -1不通过
@Override
public void approval(Long userId, Integer authStatus) {if(authStatus.intValue()==2 || authStatus.intValue()==-1) {UserInfo userInfo = baseMapper.selectById(userId);userInfo.setAuthStatus(authStatus);baseMapper.updateById(userInfo);}
}5.1.2添加controller方法
在UserController类添加方法
//认证审批
@GetMapping("approval/{userId}/{authStatus}")
public Result approval(@PathVariable Long userId,@PathVariable Integer authStatus) {userInfoService.approval(userId,authStatus);return Result.ok();
}5.2 前端
5.2.1 封装api请求
在/api/userInfo.js文件添加方法
//认证审批
approval(id, authStatus) {return request({url: `${api_name}/approval/${id}/${authStatus}`,method: 'get'})
}5.2.2 添加组件
修改/views/user/userInfo/authList.vue组件
<el-table-column label="操作" width="250" align="center"><template slot-scope="scope"><router-link :to="'/user/userInfo/show/'+scope.row.id"><el-button type="primary" size="mini">查看</el-button></router-link><el-button type="primary" size="mini" @click="approval(scope.row.id, 2)">通过</el-button><el-button type="danger" size="mini" @click="approval(scope.row.id, -1)">不通过</el-button></template>
</el-table-column>添加方法
// 审批
approval(id, authStatus) {// debuggerthis.$confirm('确定该操作吗?', '提示', {confirmButtonText: '确定',cancelButtonText: '取消',type: 'warning'}).then(() => { // promise// 点击确定，远程调用ajaxreturn userInfoApi.approval(id, authStatus)}).then((response) => {this.fetchData(this.page)if (response.code) {this.$message({type: 'success',message: '操作成功!'})}})
}14 医疗挂号系统_【阿里云OSS、用户认证与就诊人】相关推荐
- 07-整合阿里云oss用户认证就诊人CRUD平台统一管理用户
文章目录 一.整合oss 1.注册开通阿里云oss 2.获取我们必须的参数 3.进入JavaSDK学习使用上传文件 (1)引入依赖 (3)文件上传(流式文件上传) 4.项目整合OSS (1)创建OSS ...
- 尚医通-阿里云OSS、用户认证与就诊人
oss 模块搭建与实现 这里采用的方式是通过后端传 oss,可以对比下 谷粒商城里面的,从后端拿上传凭证,然后前端直传的方式 <dependency><groupId>joda ...
- maven配置阿里云_阿里云OSS PicGo 配置图床教程 超详细
阿里云OSS和PicGo配置图床教程 超详细 废话不多说,直接开始 购买阿里云OSS服务 登录阿里云 打开侧边栏,选择对象存储OSS,如下图: 对象存储界面右部选择创建Bucket,如下图所示: 之后 ...
- java oss 批量传输_阿里云OSS对象存储，服务端签名后直传阿里云OSS
继续上一章文章,这次要操作的是,浏览器请求服务要到签名后直传给OSS对象存储. 1.写好服务端的方法,传给前台相应的密钥 @Resource OSSClient ossClient; @Value(& ...
- oss子账号_阿里云OSS子账号RAM权限设置方法
怕oss管理人员误操作把oss里面的Bucket删除怎么办?创建阿里云子账号即可.这里说下阿里云OSS子账号RAM权限设置方法. 最新更新:阿里云RAM权限生成工具 首先进入阿里云后台设置子账号的页面 ...
- 5gh掌上云计算认证不通过_阿里云ACE高级工程师认证考试攻略、考试心得、费用及常见问题...
阿里云ACE是高级工程师级别,云吞铺子分享阿里云ACE云计算架构师高级认证考试攻略.考试心得.费用及常见问题: ACE认证分类 阿里云ACE高级工程师认证分为云计算和大数据两个方向,目前可以报考的只有 ...
- 九州云腾双因素认证系统_阿里云全资收购九州云腾，加速构建云上零信任体系...
10月31日,记者了解到,阿里云拟全资收购九州云腾,已完成正式签约. 九州云腾是国内最早提供商业化(IDaaS)身份认证即服务的公司,拥有丰富的场景化解决方案. 业内人士分析,这是阿里云出于加强基于云 ...
- oss pdf浏览器直接下载_阿里云oss直接下载的小技巧
需求: 点击图片的下载链接直接触发浏览器下载,而不是浏览器打开图片. 思路: 1.谷歌浏览器在点击图片链接的时候往往是直接打开图片而不是下载: 2.首先考虑的是在a标签上增加download属性来触发 ...
- 17 医疗挂号系统_【微信支付】
一.微信支付介绍 1微信扫码支付申请 微信扫码支付是商户系统按微信支付协议生成支付二维码,用户再用微信"扫一扫"完成支付的模式.该模式适用于PC网站支付.实体店单品或订单支付.媒体 ...
最新文章
- String.Format格式说明
- java知识点_java知识点
- 软件构造学习笔记-实验3
- 简单排序--冒泡排序
- JSP中动态includ与静态includ的区别
- c语言心形编程代码_做游戏，学编程（C语言） 7 学习EasyX图形交互功能----flappy bird源代码...
- Linux之time命令
- mysql prepare语法_MySQL prepare语句的SQL语法
- 《云计算：原理与范式》一3.2 知识经济时代的来临
- 程序相关概念及OS Linux发行版
- POJ - 3624 (01背包问题)(动态规划-滚动数组)
- 【html】css样式
- 全网最通俗易懂的「插屏广告」接入方法
- 微信小程序导入Bmob后端云的步骤
- vs code 配置 git完整
- 我爱无人机网 FH-0A编程编队无人机怎么样？使用什么语言？
- 数字图像处理之matlab实验（三）：空间滤波器
- Delphi结合百度图像识别接口进行企业微信通讯录数据采集
- php ml 非线性回归,科学网—非线性回归（迭代法）及其两种拟合曲线：y=a+b*exp(c*x) - 梅卫平的博文...
- ucos II任务管理之三：删除任务