盧順孖 張璐

【摘要】 ? ?本文結(jié)合天津市第五中心醫(yī)院（北京大學(xué)濱海醫(yī)院）網(wǎng)站近年來(lái)設(shè)計(jì)、開(kāi)發(fā)、維護(hù)、升級(jí)的實(shí)際經(jīng)驗(yàn)，淺析在當(dāng)前信息化趨勢(shì)下，定位為區(qū)域醫(yī)療中心的大型三甲醫(yī)院門(mén)戶(hù)網(wǎng)站的開(kāi)發(fā)理念、設(shè)計(jì)思路以及實(shí)施方案，對(duì)運(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ī)院門(mén)戶(hù)網(wǎng)站是溝通社會(huì)、患者的信息橋梁，頁(yè)面精美、功能便捷、內(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ù)同步至微信公眾號(hào)、APP等移動(dòng)端，能提高信息傳播度，保證各端口信息一致，提高后期維護(hù)便捷性。本文以醫(yī)院網(wǎng)站建設(shè)實(shí)例展開(kāi)相關(guān)討論。

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

1.1需求分析

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

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

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

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

2.醫(yī)院概況。采用文字、圖片形式介紹醫(yī)院基本情況，包括醫(yī)院簡(jiǎn)介、領(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ī)技科室和職能管理部門(mén)，點(diǎn)擊可進(jìn)入該科室（部門(mén)）子站。

5.專(zhuān)家介紹。展示全院高級(jí)職稱(chēng)專(zhuān)家信息，提供專(zhuān)家門(mén)診/特需門(mén)診出診時(shí)間查詢(xún)，介紹司法鑒定專(zhuān)家。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

超鏈接在本質(zhì)上屬于一個(gè)網(wǎng)頁(yè)的一部分，它是一種允許用戶(hù)同其他網(wǎng)頁(yè)或站點(diǎn)之間進(jìn)行連接的元素。各個(gè)網(wǎng)頁(yè)連接在一起后，才能真正構(gòu)成一個(gè)網(wǎng)站。按照適用對(duì)象的不同，網(wǎng)頁(yè)中的鏈接可以分為文本超鏈接、圖像超鏈接以及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）和客戶(hù)端映射（Client-side Image Map），我們選擇使用最多的客戶(hù)端映射方法，因?yàn)榭蛻?hù)端映射使圖像上對(duì)應(yīng)區(qū)域的坐標(biāo)醫(yī)技鏈接的URL地址都在瀏覽器端讀入，可以提高響應(yīng)速度、確保網(wǎng)頁(yè)顯示準(zhǔn)確。

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

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

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

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

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

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

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

網(wǎng)站后臺(tái)采用框架技術(shù)進(jìn)行頁(yè)面布局，通過(guò)一個(gè)或多個(gè)frameset和frame標(biāo)記來(lái)定義。在框架網(wǎng)頁(yè)中，將frameset標(biāo)記置于head標(biāo)記之后，以取代body標(biāo)記的位置，框架集包含如何組織各個(gè)框架的信息，其按照行和列來(lái)組織，可以使用frameset標(biāo)記的cols、rows、frameborder、framespacing、border等屬性對(duì)框架結(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ù)，用于打開(kāi)到MySQL服務(wù)器的連接、選擇MySQL數(shù)據(jù)庫(kù)以及發(fā)送查詢(xún)。

2.6網(wǎng)站測(cè)試

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

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

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

三、輔助技術(shù)

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

四、結(jié)束語(yǔ)

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

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

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

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

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

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