大型三甲综合医院门户网站的设计与开发

卢顺孖 张璐

【摘要】    本文结合天津市第五中心医院（北京大学滨海医院）网站近年来设计、开发、维护、升级的实际经验，浅析在当前信息化趋势下，定位为区域医疗中心的大型三甲医院门户网站的开发理念、设计思路以及实施方案，对运行中的使用反馈和维护便利性进行讨论。

【关键词】    医院网站    网站设计    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）