更新记录

1.0.0（2025-11-09）

星云智慧医院 - UniApp预约系统

基于UniApp框架开发的医院预约看诊系统，使用vk-uview-ui组件库构建现代化用户界面。

项目特色

平台兼容性

云端兼容性

uni-app(4.36)

其他

云函数类插件通用教程

使用云函数类插件的前提是：使用HBuilderX 2.9+

星云智慧医院 - UniApp预约系统

基于UniApp框架开发的医院预约看诊系统，使用vk-uview-ui组件库构建现代化用户界面。

项目特色

🏥 完整的预约流程

• 科室选择: 支持按科室分类浏览和搜索
• 医生选择: 展示医生信息、职称和出诊时间
• 预约确认: 完整的预约信息确认和提交
• 预约管理: 查看和管理个人预约记录

📱 现代化UI设计

• 使用vk-uview-ui组件库
• 响应式设计，适配各种设备
• 清晰的信息层级和视觉引导
• 友好的用户交互体验

🔧 技术特性

• 基于UniApp跨平台开发
• 使用Vue.js框架
• 集成vk-uview-ui组件库
• 支持图片懒加载和优化

页面结构

核心页面

• 首页 (pages/index/index): 轮播图、快捷功能、医院公告、推荐医生
• 科室选择 (pages/appointment/department): 科室分类和搜索
• 医生选择 (pages/appointment/doctor): 医生列表和筛选
• 预约确认 (pages/appointment/confirm): 预约信息确认
• 我的预约 (pages/appointment/list): 预约记录管理
• 就诊人管理 (pages/patient/list): 就诊人信息管理
• 检查报告 (pages/report/list): 检查报告查看
• 个人中心 (pages/profile/index): 用户个人中心

底部导航

• 首页 - 医院信息和服务入口
• 预约 - 在线预约挂号
• 报告 - 检查报告查询
• 我的 - 个人中心和服务

开发规范

代码规范

• 所有页面<script>标签下第一行添加var vk = uni.vk;
• 使用vk-uview-ui组件进行UI构建
• 图片链接统一使用https://images.unsplash.com
• 遵循Vue.js和UniApp开发规范

图标规范

• 底部导航图标采用SVG格式
• 正常状态使用#4A90E2颜色
• 激活状态使用#2C5282颜色
• 图标设计简洁易懂，符合医疗场景

快速开始

环境要求

• HBuilderX 3.0+
• Node.js 12.0+
• 微信开发者工具（小程序开发）

安装依赖

# 安装vk-uview-ui
npm install vk-uview-ui

# 安装其他依赖
npm install

运行项目

# 运行到浏览器
npm run dev:h5

# 运行到微信小程序
npm run dev:mp-weixin

# 运行到App
npm run dev:app-plus

项目结构

星云智慧医院/
├── components/          # 自定义组件
├── pages/              # 页面文件
│   ├── index/         # 首页
│   ├── appointment/   # 预约相关页面
│   ├── patient/       # 就诊人管理
│   ├── report/        # 检查报告
│   └── profile/       # 个人中心
├── static/            # 静态资源
│   └── tabbar/        # 底部导航图标
├── uni_modules/       # uni-app插件
├── pages.json         # 页面路由配置
├── manifest.json      # 应用配置
└── changelog.md       # 更新日志

功能模块

用户预约流程

1. 浏览科室 - 查看医院科室信息
2. 选择医生 - 根据科室选择医生
3. 预约时间 - 选择合适的就诊时间
4. 确认预约 - 填写就诊人信息并确认
5. 查看预约 - 管理个人预约记录

个人中心功能

• 用户信息管理
• 就诊人管理
• 预约记录查询
• 检查报告查看
• 消息通知管理

技术栈

• 前端框架: UniApp + Vue.js
• UI组件库: vk-uview-ui
• 样式预处理器: SCSS
• 图标: SVG格式，支持矢量缩放
• 图片资源: Unsplash免费图库

浏览器兼容性

• iOS Safari 10+
• Android Chrome 60+
• 微信小程序基础库 2.0+
• 各种主流移动浏览器

贡献指南

欢迎提交Issue和Pull Request来改进项目。

提交规范

• 使用清晰的提交信息
• 遵循代码规范
• 添加必要的注释和文档
• 测试功能完整性

许可证

MIT License

联系方式

如有问题或建议，欢迎通过以下方式联系：

• 提交GitHub Issue
• 发送邮件至项目维护者

星云智慧医院 - 让医疗服务更便捷