大型三甲綜合醫(yī)院門戶網(wǎng)站的設(shè)計(jì)與開發(fā)

盧順孖 張璐

【摘要】 ? ?本文結(jié)合天津市第五中心醫(yī)院（北京大學(xué)濱海醫(yī)院）網(wǎng)站近年來設(shè)計(jì)、開發(fā)、維護(hù)、升級的實(shí)際經(jīng)驗(yàn)，淺析在當(dāng)前信息化趨勢下，定位為區(qū)域醫(yī)療中心的大型三甲醫(yī)院門戶網(wǎng)站的開發(fā)理念、設(shè)計(jì)思路以及實(shí)施方案，對運(yùn)行中的使用反饋和維護(hù)便利性進(jìn)行討論。

【關(guān)鍵詞】 ? ?醫(yī)院網(wǎng)站 ? ?網(wǎng)站設(shè)計(jì) ? ?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

引言：

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

結(jié)合移動(dòng)互聯(lián)技術(shù)發(fā)展，將網(wǎng)站相關(guān)數(shù)據(jù)同步至微信公眾號、APP等移動(dòng)端，能提高信息傳播度，保證各端口信息一致，提高后期維護(hù)便捷性。本文以醫(yī)院網(wǎng)站建設(shè)實(shí)例展開相關(guān)討論。

一、網(wǎng)站設(shè)計(jì)

1.1需求分析

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

1.2功能及欄目設(shè)置

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

1.首頁。點(diǎn)擊此處回到網(wǎng)站首頁。

2.醫(yī)院概況。采用文字、圖片形式介紹醫(yī)院基本情況，包括醫(yī)院簡介、領(lǐng)導(dǎo)班子、組織機(jī)構(gòu)、準(zhǔn)入醫(yī)療技術(shù)、院區(qū)導(dǎo)航、聯(lián)系方式、醫(yī)院風(fēng)貌等子欄目。

3.醫(yī)院動(dòng)態(tài)。醫(yī)院重點(diǎn)工作新聞動(dòng)態(tài)。

4.科室導(dǎo)航。逐一列出醫(yī)院經(jīng)批準(zhǔn)設(shè)置的各臨床、醫(yī)技科室和職能管理部門，點(diǎn)擊可進(jìn)入該科室（部門）子站。

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

6.科研教學(xué)。發(fā)布科研、教學(xué)相關(guān)信息，公示有關(guān)工作。

7.就醫(yī)指南。向社會(huì)和患者公開有關(guān)就醫(yī)流程、便民措施、投訴流程。

8.黨建園地。醫(yī)院加強(qiáng)黨建工作縮影。

9.OA系統(tǒng)。職工用管理員生成的用戶名和密碼登錄后查詢有關(guān)工作信息。

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

二、網(wǎng)站開發(fā)

2.1開發(fā)技術(shù)

網(wǎng)站采用PHP+MySQL的動(dòng)態(tài)網(wǎng)站開發(fā)技術(shù)。PHP是當(dāng)前主流的動(dòng)態(tài)網(wǎng)站開發(fā)語言，相比其他語言，其開源的屬性使開發(fā)者獲取各類資源變得更加容易，簡單的語法結(jié)構(gòu)類似C和Java語言降低了編寫難度，程序嵌入到HTML文檔中執(zhí)行效率更高、實(shí)用性更強(qiáng)，同時(shí)還具備兼容性高、占用資源少等優(yōu)點(diǎn)，不斷完善的面向?qū)ο竽芰κ怪瑯幽軌驖M足復(fù)雜的大型網(wǎng)站開發(fā)。MySQL數(shù)據(jù)庫是小型關(guān)系數(shù)據(jù)庫管理系統(tǒng)，體積小、速度快、成本低是最顯著的特點(diǎn)，其較強(qiáng)的可移植性、豐富的接口和較強(qiáng)的安全性、連接性，也是選擇該系統(tǒng)作為醫(yī)院網(wǎng)站數(shù)據(jù)庫的因素。

2.2數(shù)據(jù)庫設(shè)計(jì)和創(chuàng)建

根據(jù)前面的需求分析和系統(tǒng)設(shè)計(jì)，規(guī)劃出網(wǎng)站中使用的數(shù)據(jù)庫實(shí)體分別為專家信息實(shí)體、藥品信息實(shí)體、檢查治療信息實(shí)體、管理員實(shí)體、職工實(shí)體等。

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

phpMyAdmin是眾多MySQL圖形化管理工具中應(yīng)用最廣泛的一種，它是基于PHP語言編寫的，其B/S結(jié)構(gòu)、基于web跨平臺(tái)、支持簡體中文的特點(diǎn)，能夠簡化MySQL服務(wù)器管理。利用phpMyAdmin創(chuàng)建網(wǎng)站數(shù)據(jù)庫db_tjwzx，包含5個(gè)數(shù)據(jù)表分別為tb_doctor，tb_drug，tb_operation，tb_admin，tb_user，分別對應(yīng)專家信息、藥品信息、檢查治療信息、管理員、職工。

2.3網(wǎng)頁設(shè)計(jì)與實(shí)現(xiàn)

網(wǎng)站首頁采用三分欄結(jié)構(gòu)，其他子頁面采用二分欄結(jié)構(gòu)，其中頂部導(dǎo)航欄始終顯示，可以簡化網(wǎng)站開發(fā)和日后維護(hù)，將網(wǎng)頁各區(qū)域形成單獨(dú)的PHP文件，應(yīng)用include語句將之包含進(jìn)來即可實(shí)現(xiàn)。

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

圖像不但可以建立超鏈接，還可以實(shí)現(xiàn)圖像映射。圖像映射是指一幅圖像可以建立多個(gè)超鏈接，即在圖像上定義多個(gè)區(qū)域，每個(gè)區(qū)域連接到不同的地址，這樣的區(qū)域成為熱區(qū)，我們利用這個(gè)技術(shù)實(shí)現(xiàn)網(wǎng)站導(dǎo)航欄功能。

PHP使用

……

其中，COORDS的坐標(biāo)設(shè)定，因SHAPE值不同而有差異，本文中網(wǎng)站各區(qū)域均為“rect”，即矩形，COORDS坐標(biāo)值為“X1，Y1，X2，Y2”，即矩形四角坐標(biāo)。

圖像映射有兩種，分別是服務(wù)器端映射（Server-side Image Map）和客戶端映射（Client-side Image Map），我們選擇使用最多的客戶端映射方法，因?yàn)榭蛻舳擞成涫箞D像上對應(yīng)區(qū)域的坐標(biāo)醫(yī)技鏈接的URL地址都在瀏覽器端讀入，可以提高響應(yīng)速度、確保網(wǎng)頁顯示準(zhǔn)確。

2.4搜索模塊設(shè)計(jì)與實(shí)現(xiàn)

搜索是醫(yī)院網(wǎng)站重要且用戶使用頻率最高的功能之一，根據(jù)統(tǒng)計(jì)，搜索次數(shù)居于前三位的信息分別是：專家、藥品和檢查治療、相關(guān)流程?？紤]到用戶不可能完全了解醫(yī)學(xué)專業(yè)詞匯，為了提高搜索時(shí)信息檢索效率，需實(shí)現(xiàn)模糊查詢。MySQL中的模糊匹配分為兩種：一種是標(biāo)準(zhǔn)SQL匹配，另一種是正則表達(dá)式匹配，在我們的網(wǎng)站中使用標(biāo)準(zhǔn)SQL匹配，用like實(shí)現(xiàn)，其語句如下：

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

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

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

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

2.5后臺(tái)頁面設(shè)計(jì)

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

2.6網(wǎng)站測試

在當(dāng)前軟件開發(fā)過程中，除了最終測試環(huán)節(jié)，在整個(gè)開發(fā)過程中，采用了與代碼編寫同步進(jìn)行測試的方法，由程序員自行測試，判斷代碼執(zhí)行后是否實(shí)現(xiàn)了其預(yù)期結(jié)果，這樣能夠加快軟件開發(fā)速度，使程序易于維護(hù)。具體包括代碼走讀（code review）、靜態(tài)分析（stadic analysis）、動(dòng)態(tài)分析（dynamic analysis），通過對代碼宏觀閱讀、源代碼研讀、代碼執(zhí)行的方法，分別驗(yàn)證代碼正確性。

2.6網(wǎng)站發(fā)布

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

三、輔助技術(shù)

CSS（層疊樣式表）是一種用來為結(jié)構(gòu)化文檔添加樣式的計(jì)算機(jī)語言，其強(qiáng)大的控制力能夠?qū)W(wǎng)頁設(shè)計(jì)實(shí)現(xiàn)像素級的精確控制，且在完成頁面效果修飾時(shí)可以做到與頁面內(nèi)容完全分離，是重要的網(wǎng)頁排版和美化技術(shù)。在網(wǎng)站開發(fā)過程中，引入CSS技術(shù)，能夠提升網(wǎng)站頁面美工效果，結(jié)合“div”標(biāo)簽，實(shí)現(xiàn)網(wǎng)站頁面布局的進(jìn)一步優(yōu)化。

四、結(jié)束語

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

結(jié)論：新開發(fā)的網(wǎng)站實(shí)現(xiàn)了全部預(yù)期功能，體現(xiàn)了“以患者為中心”的服務(wù)理念，使網(wǎng)站可以向用戶提供更加準(zhǔn)確、優(yōu)質(zhì)以及快速的信息，增強(qiáng)網(wǎng)站與用戶的互動(dòng)性，有效促進(jìn)網(wǎng)站可持續(xù)發(fā)展;同時(shí)也是醫(yī)院對外宣傳的主要平臺(tái)，進(jìn)一步提升了醫(yī)院品牌效應(yīng)。

參 ?考 ?文 ?獻(xiàn)

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

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

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