Pet Clinic Online

This is a Next.js project bootstrapped with create-next-app. Visit our live demo at https://pet-clinic.homans.world.

本项目的目的是为了帮助兽医学生更好地学习兽医临床知识。我们提供了一个虚拟的宠物诊所，用户可以在这里进行学习和练习。结项汇报请参考 Figma 演示。

项目无需后端也可以正常运行，但是 learn 和 quiz 模块中的数据获取依赖后端项目。如需在生产环境部署请参考项目部署说明，其中包括前后端的部署方法以及 MariaDB、Docker、Jenkins 管理面板和域名访问的配置方法。如仅需了解并运行本项目请继续往下阅读。

Getting Started

First, install dependencies:

npm install

Then run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

Page Routing

This project uses dynamic routes to reuse codes between pages. Routes like /job/receptionist/1 and /job/veterinarian/2 will be matched by pages/job/[job]/[slug].tsx. Metadata of each route is prescribed in contents/*.ts. Most used routes are listed below.

pages/
│
├── job/
│   ├── receptionist/ 前台
│   ├── technician/ 医助
│   └── veterinarian/ 兽医
│
├── tour/
│   ├── reception/ 前台区
│   ├── records-dept/ 档案室
│   ├── outpatient-room/ 门诊室
│   ├── vaccination-room/ 免疫室
│   ├── laboratory/ 化验室
│   ├── treatment-room/ 治疗室
│   ├── radiology-room/ 影像学检查室
│   ├── pharmacy/ 药房
│   ├── infusion-room/ 输液室
│   ├── preparation-area/ 手术准备室
│   ├── operating-room/ 手术室
│   ├── inpatient-ward/ 住院部
│   └── autopsy-room/ 病理剖检室
│
├── learn/
│   ├── case-study/ 病例数据库
│   ├── examination/ 检查数据库
│   └── medication/ 药品数据库
│
├── quiz/
│   ├── [id] 试卷
│   └── index.tsx 随机测试
│
├── index.tsx 主页
├── login.tsx 登录
└── sign-up.tsx 注册

Environment Variables

.env.development and .env.production are default environment variables used in development (next dev) and production (next start) environment respectively.

Make your own changes in a new file .env.local to override the default ones.

Learn More

To learn more about Next.js, take a look at the following resources:

Next.js Documentation - learn about Next.js features and API.
Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.