医患档案管理系统是一个涉及到多个模块的项目，包括用户管理、病历管理、预约管理等。以下是一个简单的Spring Boot后端接口示例，用于获取所有病历信息：

import orgspringframeworkwebbindannotationGetMapping
import orgspringframeworkwebbindannotationRequestMapping
import orgspringframeworkwebbindannotationRestController@RestController
@RequestMapping"/api/medical"
public classMedicalController@GetMapping"/records"public ListStringgetAllRecords// 在这里实现获取所有病历信息的逻辑ListString records  new ArrayListrecordsadd"病历1"recordsadd"病历2"recordsadd"病历3"return records

在Vue.js前端，你可以使用Axios库来调用这个接口，并显示病历列表：

templatedivh1医患档案管理系统h1ulliv-forrecord in records:keyrecord{{ record }}liuldiv
templatescriptimport axios from'axios'exportdefaultdatareturnrecordsasynccreatedtryconst response await axiosget'/api/medical/records'thisrecords  responsedatacatcherrorconsoleerror'Error fetching records:' errorscript

这只是一个简单的示例，实际项目中还需要考虑用户登录、权限控制、病历的增删改查等功能。你可以根据自己的需求和技术栈进行扩展和优化。