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.

Check out Next.js deployment documentation for more details.