计算机毕业设计 jsp医院信息管理系统ssh 毕设


https://www.bilibili.com/video/BV1vA4m137fz/

演示视频:

4.4 用户界面的实现

本系统的用户界面都是用ExtJS框架实现的。Ext是一个Ajax框架,用于在客户端创建丰富多彩的web应用程序界面,是在Yahoo! UI的基础上发展而来的。ExtJS是一个用来开发前端应用程序界面的JS框架,借鉴Swing等思想,提供了一套完整的组件库及强大的Ajax支持功能,可以用Ext来开发基于Ajax的富客户端应用。

3.3节的草图的布局可以用用ExtJS的BorderLayout布局实现。BorderLayout布局参考了Java的BorderLayout布局,将页面分为东、南、西、北、中五个区域,其中南北区域可以在水平方向自动拉伸到最大,东西区域可以在垂直方向自动拉伸到最大,而中间区域可以在水平和垂直方向自动扩展到最大。系统主界面  布局的主要代码如下所示: 

a161b7e00676687656998293177144ed.jpeg

图4.3 主界面效果图

接下来,我们实现一个包含了增、删、改、查功能菜单栏和显示数据的表格的面板,这种面板是系统中出现最频繁的标签页,是用ExtJS中的GridPanel类实现的,其主要代码如下:

图4.5显示的是实现了职工管理功能的GridPanel:

dfbda09b6500bed5143be39ba6701f00.jpeg

图4.4职工管理功能的标签页

图4.6展示的是修改员工的弹出窗口,图4.7展示的是当用户要删除选中职工时的弹出确认框,图4.8展示的是角色为用户管理员的员工登录后的菜单项。


0502f48b33991db590ae6d5f73562384.jpeg

图4.5 修改员工的弹出窗口

1818396f6921e1177e541e126ba631ab.jpeg

图4.6 删除员工时弹出的确认框


15bed9aeeb4d315657fee1b8f6cb2a8c.jpeg

图4.7 字典维护员的菜单项


结语


本论文旨在结果软件工程中软件生命的周期和面向对象的开发方法,较为详细地阐述小型医院信息管理系统的设计和实现过程。本课题实现的小型医院管理系统已经基本完成,可以在服务器上运行,5.5节的几张截图就是系统功能的截图。

在该系统的设计与实现过程中,我学到了不少东西。无论是从需求分析的角度、设计思想的角度、 还是从开发技术的角度,都为我以后的工作打下了坚实的基础。

但是受开发条件、时间及个人能力的限制,这个小型医院信息管理系统还有不少缺陷,例如就诊卡卡号需要手动输入,收费账单不能打印,系统不能和医保系统对接,系统权限控制的粒度比较大等等。受上述缺陷的限制,本系统实际上还只是一个模拟医院办公流程的系统,并不能投入到实际应用中。尽管如此,我相信这次的毕设仍会给我将来的学习和工作带来不少启发。






                                                        

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值