基于node.js和Vue3的医院挂号就诊住院信息管理系统

由于这是一个完整的应用程序，我们无法提供一个简短的代码示例。但是，我可以提供一个简化的代码片段，展示如何在Node.js后端使用Express框架创建一个REST API，以及如何在Vue 3前端中发送请求并处理响应。

Node.js后端 (使用Express):

const express = require('express');
const app = express();
const port = 3000;
 
app.use(express.json()); // 用于解析JSON的中间件
 
// 挂号就诊的API接口
app.post('/api/appointments', (req, res) => {
  const appointment = req.body;
  // 在这里实现保存挂号信息的逻辑
  // ...
  res.status(201).json({ message: '挂号成功' });
});
 
app.listen(port, () => {
  console.log(`服务器运行在 http://localhost:${port}`);
});

Vue 3前端:

<template>
  <div>
    <form @submit.prevent="handleSubmit">
      <input type="text" v-model="form.patientName" placeholder="患者姓名" />
      <input type="date" v-model="form.appointmentDate" placeholder="预定日期" />
      <button type="submit">提交</button>
    </form>
  </div>
</template>
 
<script>
import axios from 'axios';
 
export default {
  data() {
    return {
      form: {
        patientName: '',
        appointmentDate: ''
      }
    };
  },
  methods: {
    async handleSubmit() {
      try {
        const response = await axios.post('/api/appointments', this.form);
        console.log(response.data);
        // 处理成功响应，例如跳转页面或显示消息
        // ...
      } catch (error) {
        console.error(error);
        // 处理错误响应
        // ...
      }
    }
  }
};
</script>

在这个例子中，我们创建了一个简单的前端表单，用户可以输入患者姓名和预定的就诊日期。当用户提交表单时，Vue 3会通过axios库向后端的Express服务器发送一个POST请求。后端服务器接收请求，处理挂号逻辑，并返回响应。

请注意，这只是一个教育性的代码示例，实际的系统将需要更复杂的逻辑，包括数据库集成、用户认证、错误处理等。