【正文】 (100) 是 無 addtime 入職日期 datetime 是 無 telphone 聯(lián)系電話 Varchar(20) 是 無 duty 職務(wù)的 pkid int 是 無 level 級 別的 pkid int 是 無 office 科室 的 pkid int 是 無 isdel 0在職 1辭職 int 是 無 3） TB_USER 管理用戶表 。 表 43 為管理員信息表，管理員可以添加其他級別的管理員，用戶共同管理。 表 43 管理員 信息表 字段名稱 主外鍵 字段注釋 字段類型 允許空 默認(rèn)值 pkid 主鍵 主鍵自增 int 否 無 username 用戶名登陸 varchar(50) 是 無 password 登陸密碼 varchar(50) 是 無 userid 用戶類別： 1— 總 管理員 2— 副管理員 int groupid =1 組用戶，0特殊用戶 int isstart 0停用， 1啟用 int 南通大學(xué)畢業(yè)設(shè)計 15 4） TB_CATE 類別表 。表 44 為類別表，醫(yī)生的職務(wù)、職稱、 所屬 科室都使用這一個表。 表 44 類別 表 字段名稱 主外鍵 字段注釋 字段類型 允許空 默認(rèn)值 pkid 主鍵 主鍵自增 int 否 無 catename 類別名稱 Varchar(20) 是 無 pd 0職務(wù) 1級別 2科室 … 待添加 int 是 無 bz1 否 備用字段 1 varchar(50) 是 無 bz2 否 備用字段 2 varchar(50) 是 無 bz3 否 備用字段 3 varchar(50) 是 無 5） TB_BOOK 預(yù)約表 ，表 45 為預(yù)約表 ，顯示預(yù)約信息 。 表 45 預(yù)約 表 字段名稱 主外鍵 字段注釋 字段類型 允許空 默認(rèn)值 pkid 主鍵 主鍵自增 int 否 無 personid 外鍵 TB_PERSON主鍵 int docid 外鍵 TB_DOCINFO 主鍵 int Bookdate 預(yù)約日期 datetime state 0爽約 1— 預(yù)約 int 6） TB_NUM 放號表 ，如表 46 所示，用于醫(yī)生放號 。 表 46 放號 表 字段名稱 主外鍵 字段注釋 字段類型 允許空 默認(rèn)值 pkid 主鍵 主鍵自增 int 否 無 Num int 是 無 Pay int 是 無 Cateid 外鍵 Int 是 無 南通大學(xué)畢業(yè)設(shè)計 16 第五章 詳細(xì)設(shè)計 前臺網(wǎng)站 CSS 外部樣式表文件設(shè)計 本系統(tǒng)分為前臺與后臺，后臺系統(tǒng)使用 EXT 框架以及 JavaScript 腳本來寫，后臺的 CSS 是 EXT 框 架自帶，這節(jié)不予考慮。前臺網(wǎng)站使用 JSP+HTML 構(gòu)成，前臺的 CSS 保存在外部樣式文件中， CSS 的使用不但可以提高代碼的重復(fù)使用率，還有助于 統(tǒng)一 網(wǎng)站的整體風(fēng)格 。 本系統(tǒng)的 CSS 部分樣式如下： ?? .bk { BORDERRIGHT: 000000 1pt solid。 BORDERTOP: 000000 1pt solid。 BORDERLEFT: 000000 1pt solid。 BORDERBOTTOM: 000000 1pt solid } .bk1 { BORDERRIGHT: 000000 1px solid。 BORDERTOP: 000000 1px solid。 BORDERLEFT: 000000 1px solid。 BORDERBOTTOM: 000000 1px solid } .bk2 { BORDERRIGHT: thin。 BORDERTOP: thin。 BORDERLEFT: thin。 BORDERBOTTOM: thin dotted } .xt { BORDERRIGHT: cccccc 1px solid。 BORDERTOP: cccccc 1px solid。 BORDERLEFT: cccccc 1px solid。 BORDERBOTTOM: cccccc 1px solid } A:link { FONTSIZE: 13px。 COLOR: 000000。 FONTFAMILY: 宋體 。 TEXTDECORATION: none } A:visited { FONTSIZE: 13px。 COLOR: 000000。 FONTFAMILY: 宋體 。 TEXTDECORATION: none } A:hover { FONTSIZE: 13px。 COLOR: ff0000。 TEXTDECORATION: underline } ?? 南通大學(xué)畢業(yè)設(shè)計 17 SSH 的 設(shè)計 系統(tǒng)的主要管理功能是對醫(yī)生、用戶、科室、預(yù)約、查詢等各個資源信息的管理。 本系統(tǒng)是基于 Struts+Hibernate+Spring 框架的 J2EE 架構(gòu)，本架構(gòu)實現(xiàn)了MVC 模式，采用網(wǎng)絡(luò)管理系統(tǒng)的概念， 建成的預(yù)約掛號管理平臺。 通過對各種解決方案和框架的比較，選擇 JAVA 技術(shù)作為本系統(tǒng)設(shè)計的技術(shù)，對系統(tǒng)的設(shè)計如圖 51 所示： 圖 51 本系統(tǒng)的模型架構(gòu) 圖 數(shù)據(jù)庫的 連接 系統(tǒng)的數(shù)據(jù)庫層主要使用 Hibernate 來實現(xiàn)，系統(tǒng)根據(jù)請求參數(shù)提取出一個或多個數(shù)據(jù)實體，封裝層 Beans 送至控制層。所有跟數(shù)據(jù)庫有關(guān)的操作，都由數(shù)據(jù)訪問實體來實現(xiàn)，即采用 DAO 模式，這樣操作從而屏蔽了業(yè)務(wù)邏輯對數(shù)據(jù)庫的底層訪問，將數(shù)據(jù)庫封裝成一個面向?qū)ο蟮慕涌凇? 在本系統(tǒng)中，是把這些數(shù)據(jù)庫實體封裝到同一個包 —— PO 包 下， 分為 .java與 .xml 兩種文件。 系統(tǒng)與數(shù)據(jù)庫的鏈接，在 文件中完成，通過 JavaBean把 Sql 驅(qū) 動包、數(shù)據(jù)庫名 、 密碼 與 數(shù)據(jù)庫相連了，系統(tǒng)與數(shù)據(jù)庫相連主要靠Hibernate 實現(xiàn)，在 中實現(xiàn)： 南通大學(xué)畢業(yè)設(shè)計 18 部分代碼如下： ?? property name=dialect /property property name= jdbc: /property property name=sa/property property name=123/property property name= /property ?? 前臺主要功能模塊的設(shè)計 前臺功能模塊總體框架 前 臺模塊分為：病員注冊、網(wǎng)上掛號 ，并 由此 衍生出了掛號查詢模塊。 前臺各功能模塊的介紹： ? 病員注冊模塊： 用戶登陸網(wǎng)站，查看用戶預(yù)約掛號須知信息，然后用戶參照掛號須知 進(jìn)行實名注冊，以便進(jìn)行掛號操作； ? 網(wǎng)上掛號：包括 查看 科室信息、醫(yī)生信息，用戶點擊相應(yīng)的醫(yī)生后，即可進(jìn)行掛號； ? 掛號查詢：用戶掛號之后，可以查詢 是否預(yù)約成功，并能查看預(yù)約掛號的 記錄 。 用戶注冊模塊的實現(xiàn) 當(dāng)用戶第一次登陸本系統(tǒng)時，需要注冊成本站會員才能進(jìn)行預(yù)約掛號，本系統(tǒng)采用實名注冊，需填寫用戶的真實姓名、身份證號、醫(yī)?？ㄌ枺ɑ蚓驮\卡號）家 庭住址、電話等信息，用戶實名注冊后，更加顯示了用戶的誠信，也方便管理員對用戶進(jìn)行身份的審核，完成預(yù)約掛號。注冊頁面如圖 53 所示： 南通大學(xué)畢業(yè)設(shè)計 19 圖 53 前臺注冊頁面 注冊頁面的各種信息通過 JavaScript 來進(jìn)行驗證 SCRIPT …… var passwordField = (password)。 if ( 6) { alert(密碼至少 6 位！ )。 ()。 return。 } if((affairpassword).value!= (password).value) { alert(新密碼和確認(rèn)新密碼必須相同！ )。 (affairpassword).focus()。 return。 } …… /SCRIPT 注冊頁面 JSP，利用 ActionServlet 將請求 Regiest 映射到 RegiestAction，由Action 調(diào)用業(yè)務(wù)邏輯組件，然后根據(jù)處理結(jié)果跳轉(zhuǎn)到 Forword 指定對象的頁面。 請求調(diào)用 .xml 部分文件如下： bean name=/regiest class= property name=systemservice ref bean=systemService / 南通大學(xué)畢業(yè)設(shè)計 20 /property /bean 前臺 預(yù)約功能的實現(xiàn) 用戶點擊網(wǎng)上掛號，跳出的頁面為相關(guān)科室信息，用戶根據(jù)自身需求點擊相應(yīng)的科室，每個科室會把本周有預(yù)約的醫(yī)生名字、醫(yī)生信息、掛號費用、出診時間、總號、余號等信息提示出來，用戶點擊自己滿意的醫(yī)生進(jìn)行掛號。 用戶預(yù)約模塊 如圖 54 和 55 所示： 圖 54 科室展示 圖 55 醫(yī)生信息展示 前臺預(yù)約查詢功能的實現(xiàn) 預(yù)約查詢功能需要用戶使用之前注冊過的用戶名與密碼，進(jìn)行登錄，在 Struts的 Action 中添加事件， 并經(jīng)業(yè)務(wù)邏輯處理，跳轉(zhuǎn)到指定頁面。 注冊用戶預(yù)約過南通大學(xué)畢業(yè)設(shè)計 21 后，點擊掛號 查詢， 可以查詢用戶的預(yù)約情況，如果用戶剛預(yù)約完成，狀態(tài)顯示為 —— 已預(yù)約，已經(jīng)到門診確認(rèn)后，狀態(tài)為 —— 已完成，如果預(yù)約未成功，則狀態(tài)為 —— 未成功。 掛號查詢 如圖 56 所示： 圖 56 掛號查詢 后臺主要功能模塊的設(shè)計 后 臺功能模塊總體框架 后臺模塊分為：系統(tǒng)管理、科室管理、預(yù)約管理三個大模塊。 后臺各功能模塊的介紹： ? 系統(tǒng)管理模塊： 包括系統(tǒng)用戶添加，操作日志查看； ? 科室管理模塊： 該 模塊中包含科室模塊、人員信息模塊、級別模塊，管理員可添加、修改 或 刪除科室、人員、級別信息。 ? 預(yù)約管理模塊： 確認(rèn) 用戶預(yù)約，用戶查找，用戶爽約 5 次 被列入 黑名單。 管理員登錄界面如圖 57 所示： 圖 57 后臺登錄界面 南通大學(xué)畢業(yè)設(shè)計 22 后臺界面使用 EXT 框架，使用 JavaScript 編寫，管理員通過本頁面登錄系統(tǒng)，部分 EXT 代碼如下： var win = new ({ title : 39。登錄窗口 39。, closable : false,//允許關(guān)閉按鈕 width : 260, height : 140, iconCls:39。loginIcon39。, plain : true, draggable : true,//允許拖動 collapsible : false,//允許面板最小化 resizable:true,//允許變換大小 items : [loginform] })。 系統(tǒng)管理模塊設(shè)計 模塊的界面同樣使用 JavaScript 進(jìn)行編寫 ，在這個模塊中，可以添加系統(tǒng)用戶，以及組用戶 ，該模塊如圖 58 所示： 圖 58 后臺系統(tǒng)管理模塊 南通大學(xué)畢業(yè)設(shè)計 23 總 管理員可以添加 普通 管理員，給 普通 管理員 一個密碼，用戶的類型分為兩種，總管理員賬戶與 普通 管理員 賬戶 ， 總 管理員可以修改系統(tǒng)的功能，而 普通 管理員 只能實現(xiàn)特定的功能 ，像醫(yī)生 設(shè)置 、掛號 設(shè)置 、科室 設(shè)置 、 用戶設(shè)置、 預(yù)約管理等 。 Action 中獲取頁面信息主要通過以下兩句： String method=(method)。 String userid=(userid)。 通過獲取 js 頁面的 id 與 method，從而得到 js 頁面所轉(zhuǎn)發(fā)的事件，例如 add、update、 delete 等功能。 操作日志模塊顯示了管理員進(jìn)行的所有操作，如圖 59 所示： 圖 59操作日志模塊 科室管理模塊設(shè)計 科室管理里面添加了四個小模塊，有醫(yī)生的信息，科室設(shè)置、職務(wù)設(shè)置以及級別設(shè)置，管理員可以直接修改這些信息。 醫(yī)生信息中的科室與職務(wù)、職稱的設(shè)計是在數(shù)據(jù)庫中添加了外鍵引用科室、職務(wù)、職稱表里的數(shù)據(jù)，以此減少了數(shù)據(jù)庫的冗余度，方便了管理員的操作。 醫(yī)生信息模塊如圖 510 所示： 圖 510 醫(yī)生信息模塊 南通大學(xué)畢業(yè)設(shè)計 24 該模塊寫在 中， 獲取后臺的 id與 method，進(jìn)行處理，主要代碼如下： ?? int user = (userid)。 String json