iT邦幫忙

2025 iThome 鐵人賽

DAY 23
0
自我挑戰組

基於 Oracle 資料庫的醫院電子病歷系統設計與建置系列 第 23

Day23:前端設計 - 登入註冊頁面、病患基本資訊頁面

  • 分享至 

  • xImage
  •  

大家好!今天是我自我挑戰的第23天!!!今天會進行的是登入註冊頁面與部分病患基本資訊頁面的介紹!
首先是登入註冊頁面
頁面預覽
https://ithelp.ithome.com.tw/upload/images/20251011/20167787gb3luDcaQF.png
頁面功能說明
此系統是針對給醫師/護理師/藥師的醫院電子病歷系統,因此僅有這些職位的員工才可登入/註冊!
🔐登入說明:
1. 僅限資料庫中已存在的醫護人員帳號
2. 員工ID和密碼由系統管理員統一設定
3. 登入後根據角色權限使用系統功能
4. 無提供使用者自行註冊功能


醫師權限:新增/修改/刪除/查詢
1.初始登入框(以員工ID為36215的醫師為例)
後端Oracle資料庫會記錄所有員工的ID與其職位,因此登入時的使用者ID與使用者密碼即為員工ID -> 輸入的ID不是醫師/護理師/藥師的ID -> 顯示紅字提醒"無效的醫療人員ID!"
https://ithelp.ithome.com.tw/upload/images/20251011/201677875fMM5Pijoq.png
輸入的使用者密碼與使用者ID不相符時 -> 顯示紅字"密碼需與ID相同!"
https://ithelp.ithome.com.tw/upload/images/20251011/20167787UzvHwaPhZp.png
"輸入的使用者ID為有效"且"使用者密碼與使用者ID相同"時 -> 跳出彈跳式視窗顯示"登入成功!歡迎 醫師!"
https://ithelp.ithome.com.tw/upload/images/20251011/20167787gjVCvURafw.png
點擊確認 -> 自動跳至病患基本資訊頁面(Patients)
小提醒會顯示"醫師您好!"、員工ID、其員工的權限
https://ithelp.ithome.com.tw/upload/images/20251011/20167787YL1Uwh9ho6.png
2.如未登入會直接跳至註冊框(以員工ID為59284的醫師為例)
此醫師一開始未註冊就先進行登入 -> 跳出提醒:您尚未註冊,請先註冊再登入! -> 點擊"前往註冊"
https://ithelp.ithome.com.tw/upload/images/20251011/20167787bjjNQyzZMM.png
出現註冊框 -> 輸入員工ID -> 密碼會自動設置為輸入的員工ID -> 點擊"註冊"
https://ithelp.ithome.com.tw/upload/images/20251011/20167787UA2HVPA5Uc.png
系統自動跳至初始登入頁面 -> 輸入剛註冊好的員工ID與其密碼 -> 顯示登入成功!歡迎 醫師!"
https://ithelp.ithome.com.tw/upload/images/20251011/20167787FjCrPfFX7v.png


護理師/藥師權限:查詢
初始登入框(以員工ID為41839的藥師為例)
小提醒會顯示"藥師您好!"、員工ID、其員工的權限
https://ithelp.ithome.com.tw/upload/images/20251011/201677878AlfKgYh3Z.png
https://ithelp.ithome.com.tw/upload/images/20251011/20167787FmSaD5PJL1.png


以上是我今天的分享!明天會介紹病患基本資訊頁面的醫師/護理師/藥師可做使用的功能 ~ /images/emoticon/emoticon08.gif


上一篇
Day22:使用者權限測試
下一篇
Day24:前端設計 - 病患基本資訊頁面
系列文
基於 Oracle 資料庫的醫院電子病歷系統設計與建置30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言