大型三甲綜合醫院門戶網站的設計與開發

盧順孖 張璐

【摘要】 ? ?本文結合天津市第五中心醫院（北京大學濱海醫院）網站近年來設計、開發、維護、升級的實際經驗，淺析在當前信息化趨勢下，定位為區域醫療中心的大型三甲醫院門戶網站的開發理念、設計思路以及實施方案，對運行中的使用反饋和維護便利性進行討論。

【關鍵詞】 ? ?醫院網站 ? ?網站設計 ? ?PHP ? ?MySQL

ABSTRACT：Combined with the practical experience of Tianjin Fifth Central Hospital （Peking University Binhai Hospital） website design， development， maintenance and upgrading in recent years， this paper analyzes the development concept， design ideas and implementation scheme of the portal website of large-scale top three hospitals， which is positioned as a regional medical center under the current information trend， and discusses the use feedback and maintenance convenience in operation.

Keywords：hospital website;website design;PHP;MySQL

引言：

醫院門戶網站是溝通社會、患者的信息橋梁，頁面精美、功能便捷、內容完善是現代醫院網站設計的基本遵循。天津市第五中心醫院（北京大學濱海醫院）定位為天津市區域醫學中心，2014年納入北京大學附屬醫院管理體系，影響力和知名度不斷提升，建設一個界面友好、功能齊備、信息完善、維護便捷的網站，成為必然要求。

結合移動互聯技術發展，將網站相關數據同步至微信公眾號、APP等移動端，能提高信息傳播度，保證各端口信息一致，提高后期維護便捷性。本文以醫院網站建設實例展開相關討論。

一、網站設計

1.1需求分析

根據醫院功能定位，廣泛向各部門征求意見、獲取用戶使用反饋，完成項目需求分析，結合前期醫院網站建設經驗，確定網站建設原則：1.采用動態網頁技術，支持人機對話;2.界面美觀，結構清晰，易于使用;3.能夠提供全面的信息，便于查找;4.具備全站搜索功能，支持模糊搜索;5.管理員權限分級;6.簡潔高效的數據庫設計;7.穩定的服務器環境;8.支持職工使用賬號密碼登錄，實現部分OA功能;9.后臺易維護、易操作。

1.2功能及欄目設置

網站上線后要滿足三方面功能需求，一是形象展示，二是患者服務，三是簡化版OA系統（需用戶名密碼登陸），在網站頂部設置導航欄，banner圖下方、網站視覺中心處設快速入口，中部為內容顯示區，分三欄兩行，下面為友情鏈接列表，底部列出全部一級、二級欄目。各欄目內容如下：

1.首頁。點擊此處回到網站首頁。

2.醫院概況。采用文字、圖片形式介紹醫院基本情況，包括醫院簡介、領導班子、組織機構、準入醫療技術、院區導航、聯系方式、醫院風貌等子欄目。

3.醫院動態。醫院重點工作新聞動態。

4.科室導航。逐一列出醫院經批準設置的各臨床、醫技科室和職能管理部門，點擊可進入該科室（部門）子站。

5.專家介紹。展示全院高級職稱專家信息，提供專家門診/特需門診出診時間查詢，介紹司法鑒定專家。

6.科研教學。發布科研、教學相關信息，公示有關工作。

7.就醫指南。向社會和患者公開有關就醫流程、便民措施、投訴流程。

8.黨建園地。醫院加強黨建工作縮影。

9.OA系統。職工用管理員生成的用戶名和密碼登錄后查詢有關工作信息。

10.留言反饋。接收患者留言。

二、網站開發

2.1開發技術

網站采用PHP+MySQL的動態網站開發技術。PHP是當前主流的動態網站開發語言，相比其他語言，其開源的屬性使開發者獲取各類資源變得更加容易，簡單的語法結構類似C和Java語言降低了編寫難度，程序嵌入到HTML文檔中執行效率更高、實用性更強，同時還具備兼容性高、占用資源少等優點，不斷完善的面向對象能力使之同樣能夠滿足復雜的大型網站開發。MySQL數據庫是小型關系數據庫管理系統，體積小、速度快、成本低是最顯著的特點，其較強的可移植性、豐富的接口和較強的安全性、連接性，也是選擇該系統作為醫院網站數據庫的因素。

2.2數據庫設計和創建

根據前面的需求分析和系統設計，規劃出網站中使用的數據庫實體分別為專家信息實體、藥品信息實體、檢查治療信息實體、管理員實體、職工實體等。

1.專家信息實體包括編號、姓名、職稱、學科、擅長、掛號費、出診時間、介紹、照片。其中掛號費根據職稱自動生成，副主任醫師為20元，主任醫師為30元;若該醫生為中醫專家，掛號費則分別為22元和32元。2.藥品信息實體包括編號、通用名稱、商品名稱、劑型、規格、價格。3.檢查治療信息實體包括編號、項目名稱、計價單位、價格。4.管理員實體包括編號、管理員名、密碼、權限。管理員權限分為超級管理員和子欄目管理員，超級管理員僅1個，具有網站全部操作權限;子管理員可由超級管理員生成，可授予其指定欄目的編輯權限，其編輯保存后的信息，需提交至超級管理員審核發布后，方可顯示在網站前端。5.職工實體包括編號、姓名、身份證號、密碼。

phpMyAdmin是眾多MySQL圖形化管理工具中應用最廣泛的一種，它是基于PHP語言編寫的，其B/S結構、基于web跨平臺、支持簡體中文的特點，能夠簡化MySQL服務器管理。利用phpMyAdmin創建網站數據庫db_tjwzx，包含5個數據表分別為tb_doctor，tb_drug，tb_operation，tb_admin，tb_user，分別對應專家信息、藥品信息、檢查治療信息、管理員、職工。

2.3網頁設計與實現

網站首頁采用三分欄結構，其他子頁面采用二分欄結構，其中頂部導航欄始終顯示，可以簡化網站開發和日后維護，將網頁各區域形成單獨的PHP文件，應用include語句將之包含進來即可實現。

超鏈接在本質上屬于一個網頁的一部分，它是一種允許用戶同其他網頁或站點之間進行連接的元素。各個網頁連接在一起后，才能真正構成一個網站。按照適用對象的不同，網頁中的鏈接可以分為文本超鏈接、圖像超鏈接以及E-mail鏈接、錨點鏈接、多媒體文件鏈接、空鏈接等等。

圖像不但可以建立超鏈接，還可以實現圖像映射。圖像映射是指一幅圖像可以建立多個超鏈接，即在圖像上定義多個區域，每個區域連接到不同的地址，這樣的區域成為熱區，我們利用這個技術實現網站導航欄功能。

PHP使用

……

其中，COORDS的坐標設定，因SHAPE值不同而有差異，本文中網站各區域均為“rect”，即矩形，COORDS坐標值為“X1，Y1，X2，Y2”，即矩形四角坐標。

圖像映射有兩種，分別是服務器端映射（Server-side Image Map）和客戶端映射（Client-side Image Map），我們選擇使用最多的客戶端映射方法，因為客戶端映射使圖像上對應區域的坐標醫技鏈接的URL地址都在瀏覽器端讀入，可以提高響應速度、確保網頁顯示準確。

2.4搜索模塊設計與實現

搜索是醫院網站重要且用戶使用頻率最高的功能之一，根據統計，搜索次數居于前三位的信息分別是：專家、藥品和檢查治療、相關流程。考慮到用戶不可能完全了解醫學專業詞匯，為了提高搜索時信息檢索效率，需實現模糊查詢。MySQL中的模糊匹配分為兩種：一種是標準SQL匹配，另一種是正則表達式匹配，在我們的網站中使用標準SQL匹配，用like實現，其語句如下：

SELECT 字段 FROM 表 WHERE 某字段 LIKE 條件

在條件中利用“%”通配符完成模糊搜索。如患者想查詢抗過敏藥品“鹽酸左西替利嗪片”在我院藥房的信息，患者可只輸入部分名稱，如“左西”，查詢代碼如下：

SELECT * FROM tb_drug WHERE content LIKE ‘%左西%

即可返回所有名稱中包含“左西”二字的結果。

2.5后臺頁面設計

網站后臺采用框架技術進行頁面布局，通過一個或多個frameset和frame標記來定義。在框架網頁中，將frameset標記置于head標記之后，以取代body標記的位置，框架集包含如何組織各個框架的信息，其按照行和列來組織，可以使用frameset標記的cols、rows、frameborder、framespacing、border等屬性對框架結構進行設置。需要注意的是，應考慮使用noframes標記給出當框架不能被顯示時的替換內容。后臺維護信息時，主要用到mysql_connect（）、mysql_select_db（）、mysql_query（）等函數，用于打開到MySQL服務器的連接、選擇MySQL數據庫以及發送查詢。

2.6網站測試

在當前軟件開發過程中，除了最終測試環節，在整個開發過程中，采用了與代碼編寫同步進行測試的方法，由程序員自行測試，判斷代碼執行后是否實現了其預期結果，這樣能夠加快軟件開發速度，使程序易于維護。具體包括代碼走讀（code review）、靜態分析（stadic analysis）、動態分析（dynamic analysis），通過對代碼宏觀閱讀、源代碼研讀、代碼執行的方法，分別驗證代碼正確性。

2.6網站發布

網站開發完成后，要將其發布到internet上供用戶瀏覽訪問，經綜合比較，選擇阿里云服務器。首先需從服務商處申請固定的IP號，并將域名制定到該IP地址，在服務器上安裝PHP的開發環境，最后在服務器上上載網站。發布成功后，將網站信息同步至醫院微信公眾號和APP等移動端，實現信息共享。

三、輔助技術

CSS（層疊樣式表）是一種用來為結構化文檔添加樣式的計算機語言，其強大的控制力能夠對網頁設計實現像素級的精確控制，且在完成頁面效果修飾時可以做到與頁面內容完全分離，是重要的網頁排版和美化技術。在網站開發過程中，引入CSS技術，能夠提升網站頁面美工效果，結合“div”標簽，實現網站頁面布局的進一步優化。

四、結束語

進入21世紀，internet經歷了高速發展，各大醫院網站從無到有、從小到大、從簡到精，即便在當前移動互聯網技術占據主流的時期，各醫院網站仍舊在醫院信息化建設中承擔著越來越重要的作用。天津市第五中心醫院（北京大學濱海醫院）網站在設計開發過程中，應用PHP技術和MySQL數據庫，使網站具備很好的移植性和擴展性強，執行速度快、效率高，另外還可以降低網站開發成本。

結論：新開發的網站實現了全部預期功能，體現了“以患者為中心”的服務理念，使網站可以向用戶提供更加準確、優質以及快速的信息，增強網站與用戶的互動性，有效促進網站可持續發展;同時也是醫院對外宣傳的主要平臺，進一步提升了醫院品牌效應。

參 ?考 ?文 ?獻

[1]劉增杰，張工廠.PHP7從入門到精通[M].北京：清華大學出版社，2017：（25-51）

[2]張瑩，耿興隆，薛玉倩.PHP開發自學經典[M].北京：清華大學出版社，2016：（221-243）

[3]明日科技.MySQL從入門到精通[M].北京：清華大學出版社，2017：（100-168）