医患档案管理系统是一个涉及到多个模块的项目,包括用户管理、病历管理、预约管理等。以下是一个简单的Spring Boot后端接口示例,用于获取所有病历信息:
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
@RestController
@RequestMapping("/api/medical")
public class MedicalController {
@GetMapping("/records")
public List<String> getAllRecords() {
// 在这里实现获取所有病历信息的逻辑
List<String> records = new ArrayList<>();
records.add("病历1");
records.add("病历2");
records.add("病历3");
return records;
}
}
在Vue.js前端,你可以使用Axios库来调用这个接口,并显示病历列表:
<template>
<div>
<h1>医患档案管理系统</h1>
<ul>
<li v-for="record in records" :key="record">{
{ record }}</li>
</ul>
</div>
</template>
<script>
import axios from 'axios';
export default {
data() {
return {
records: [],
};
},
async created() {
try {
const response = await axios.get('/api/medical/records');
this.records = response.data;
} catch (error) {
console.error('Error fetching records:', error);
}
},
};
</script>
这只是一个简单的示例,实际项目中还需要考虑用户登录、权限控制、病历的增删改查等功能。你可以根据自己的需求和技术栈进行扩展和优化。