【原生HTML+SpringBoot】电子病历编辑器源码

简介: 【原生HTML+SpringBoot】电子病历编辑器源码

一、简介

     

        本系统主要面向医院医生、护士,提供对住院病人的电子病历书写、保存、修改、打印等功能。本系统基于云端SaaS服务方式,通过浏览器方式访问和使用系统功能,提供电子病历在线制作、管理和使用的一体化电子病历解决方案,为医院的电子病历业务开展提供支撑。

 

二、总体框架

1、技术选型
本系统采用前后端分离模式开发和部署。
前端技术选型:原生HTML、JS、CSS,Jquery、BootStrap、layui、Swf插件、Clipboard剪切板、Echarts、PagedJS打印插件、Prince打印插件、Wkhtmltopdf打印插件等。
后端技术选型:SpringBoot框架、Mybatis-Plus、WebSocket、Stomp、Vintage-Engine页面解析模板引擎、Thymeleaf页面解析模板引擎、Fileupload文件上传组件等。
数据库:MySQL数据库。

 

2、框架结构图
 
3、系统优势
一体化电子病历系统基于云端SaaS服务的方式,采用B/S(Browser/Server)架构提供,使用用户通过浏览器即能访问,无需关注系统的部署、维护、升级等问题,系统充分考虑了模板化、配置化、扩展化的设计方法,覆盖了医疗机构电子病历模板制作到管理使用的的整个流程。除实现在线制作内容丰富、图文并茂、功能完善的电子病历模板外,还可按照医疗机构的特色,根据不同业务的需求,使用该系统定制个性化、实用化、特色化电子病历模板;该系统能对电子病历模板进行统一集中管理,通用的电子病历模板能直接提供给不同的医疗机构直接使用,避免重复制作;提供了功能齐备的控件元素,实现电子病历在业务使用中数据的自动获取功能,简化了人工的大量填报。

 

4、电子病历编辑器应用场景
应用场景包括:电子病历书写、体温单录入、全平台信息采集、检验检查报告、不良事件上报等。
此外,电子病历编辑器软件还适用于医生工作站的病历编辑、护士工作站的护理记录输入、PASC/LIS/RIS报告编辑打印、病案首页、出院小结、病程记录、手术记录、各种知情书、康复及精神学科用的量表、临床路径用表单界面等等。
这些应用场景都涉及到了医疗文书编辑的需求,因此电子病历编辑器软件在这些场景中具有广泛的应用价值。

 

5、汉密尔顿抑郁量表(HAMD)模板
汉密尔顿抑郁量表(Hamilton Depression Scale, HAMD)是由Hamilton于1960年编制的一种量表,是临床上评定抑郁状态时应用最为普遍的量表。本量表有17项、21项和24项3种版本。
6、电子病历系统,是医学专用系统。医院通过电子病历以电子化方式记录患者就诊的信息,包括:首页、病程记录、检查检验结果、医嘱、手术记录、护理记录等等,其中既有结构化信息,也有非结构化的自由文本,还有图形图象信息。涉及病人信息的采集、存储、传输、质量控制、统计和利用。

 

7、电子病历是信息化建设的重要组成部分,也是医疗质量管理的重要依据之一。完整、及时、高质量的电子病历不仅可以促进医疗质量管理精细化,更可为提高公共卫生质量提供重要参考依据。
以下针对云HIS系统的电子病历子系统作简单介绍,电子病历系统采用前后端分离模式开发和部署。B/S版电子病历系统,支持电子病历四级,云HIS与电子病历系统均拥有自主知识产权。
电子病历编辑器,简称EMRE(EMR Editor),是电子病历系统的核心关键基础技术。它在医疗信息技术(HIT)大市场中已经成为一个专业子市场。

二、功能介绍:

1、合并预览:
该功能仅在住院病程中使用,目的是将某个患者的住院病程中所有的病历聚合在一起形成一张大的病历并能够打印,合并预览后的病历仅支持打印功能,不支持保存以及控件编辑功能。
2、普通病历:
在该模式下,可以对单个患者的病历数据进行新建、编辑、预览、保存,以及打印的操作,是医院比较常用和重要的功能模块,暂不支持在同一窗口下打开多张病历的相关操作。

 

3、自定义模板:
模板编辑:医疗机构涉及的病历模板均可以按需设计制作,可通过运维运营分系统模板管理子模块病历模板中的‘编辑’功能实现该操作。
存为模板:医师将当前病历通过存为模板的方式设置为医师的个人病历模板,以便相同患者的同一病历后续能够得到复用。
4、数据同步:
针对同一个患者不同病历之间的数据共享而存在的,同步功能主要是针对病历中的6类控件(提纲元素、宏元素、日期元素、选择元素、单选元素、复选元素)数据进行同步。
5、病历打印:
常规打印、PDF打印。
6、辅助输入:
辅助输入提供当前日期、当前时间、医师签名等便捷操作。
7、页面布局:
调节纸张方向、大小;设置边距、打印方式。
8、导出PDF:
将当前任意病历(普通病历、自定义个人模板、合并预览、历史病历)直接导出成PDF下载到本地。

三、编辑器使用流程

模板编辑与预览工具构成和使用

模板编辑与预览界面从上至下依次是菜单栏,工具栏和内容编辑区,菜单包括文件、编辑、插入、表格、视图、工具、病历控件和页面布局,可以将该界面认为是一种在线的电子病历模板编辑器。

1.文件菜单

 

文件菜单下包括文件管理和打开两类工具,主要实现病历文档的载入、保存和下载。

●文件管理工具包括:

■打开xml:打开通过该编辑器下载好的xml文件;

■下载xml:将编辑好的病历文档以xml的格式保存为本地的xml文件。

●打开工具包括:

■打开:打开原有病历文档,支持文档格式为.doc .docx;

■保存:将编辑好的病历文档保存到数据库中。

2.编辑菜单

 

编辑菜单提供历史记录、剪切板、字体和段落四类工具,对病历文档在编辑过程中遇到的与文档内容相关的字体、格式、样式等进行调整和优化。

●历史记录工具包括:

■草稿箱:存放打开操作前的编辑文档;

■撤销:撤销之前的操作;

■恢复:恢复已撤销的操作。

●剪切板工具包括:

■复制:将选中的内容复制;

■剪切:将选中的内容剪切;

■粘贴:将复制或剪切的内容粘贴到当前位置。

●字体工具包括:

■样式:更改选中文字的字体样式;

■清除格式:清除选中文字的格式;

■自动格式化:清除文字的段落格式;

■格式刷:使用选中文字的格式并作用到下次选择的文字;

■大小:改变选中文字的大小;

■增大:选中文字放大一个等级;

■减小:选中文字缩小一个等级;

■上角标:将光标移至前一文字的右上角添加内容;

■下角标:将光标移至前一文字的右下角添加内容;

■加粗:将选中文字加粗显示;

■倾斜:将选中文字倾斜显示;

■分隔线:在当前光标下方添加一条整个页面长度的分隔线;

■下划线:选中文字底部显示一条横线;

■删除线:选中文字中部显示一条横线;

■文字颜色:更改选中文字的颜色,点击图标旁倒三角选择颜色;

■背景颜色:更改选中文字的背景颜色,点击图标旁倒三角选择颜色。

●段落工具包括:

■向左对齐:将选中的段落左对齐;

■居中对齐:将选中的段落居中对齐;

■向右对齐:将选中的段落右对齐;

■两端对齐:将选中的段落两端对齐;

■引用:将选中的段落左右均缩进居中;

■增加缩进:将选中段落整体向右缩进;

■减少缩进:将选中段落整体向左缩进;

■项目符号:为选中段落添加空心圆/实心圆/实心方形符号;

■有序编号:为选中段落添加阿拉伯/罗马/英文字母有序编号;

■段前距:设置选中段落与前面段落的距离;

■段后距:设置选中段落与前面段落的距离;

■行高:设置段落中行的高度。

3.插入菜单

 

插入菜单提供分页符、字符、链接、图片、地图、代码、表格、公式和批注的插入工具,实现不同元素的插入功能。

●分页符工具:点击插入分页符号,分页符后的内容显示到下一页。

●字符工具:插入特定字符。点击打开字符对话框,选择需要的字符(包括特殊字符、罗马字符、数学字符、日文字符、希腊字母、俄文字符、拼音字母、英语音标和其他),点击需要的字符将该字符插入到光标位置。

●链接工具包括:

■添加链接:为选中的文字添加链接信息。点击弹出添加链接对话框,点击对话框中【确认】按键后添加链接成功,链接文字显示蓝色并带下划线;

■修改链接:为已添加链接的文字修改链接信息,点击后操作同添加链接;

■取消链接:取消已添加链接文字的连接信息。

4.表格菜单

 

表格菜单提供表格、合并单元格、对齐方向和表格线样式工具,实现制作不同类型表格及表内元素排版功能。

●表格工具包括:

■插入表格:在内容编辑区光标位置插入指定行数和列数的表格;

■删除表格:删除已经插入的表格;

■插入行:在表格中插入一行,新行插入到光标所在行的上方;

■插入列:在表格中插入一列,新列插入到光标所在列的左方;

■删除行:删除光标所在的行;

■删除列:删除光标所在的列。

●合并单元格工具包括:

■合并单元格:将选中的单元格(大于两个)合并;

■向下合并单元格:将光标所在的单元格与下方的单元格合并;

■向右合并单元格:将光标所在的单元格与右方的单元格合并;

■拆分单元格:将光标所在的已经合并的单元格还原,行列均还原;

■单元格拆分成列:将光标所在的已经合并的单元格按照列还原;

■单元格拆分成行:将光标所在的已经合并的单元格按照行还原。

●对齐方向工具包括:

■顶端对齐:将单元格内元素在垂直方向与格子顶部平齐显示;

■垂直居中:将单元格内元素在垂直方向与格子中间对齐显示;

■底端对齐:将单元格内元素在垂直方向与格子底部平齐显示;

■左对齐:将单元格内元素在水平方向与格子左边平齐显示;

■居中:将单元格内元素在垂直方向与格子中间平齐显示;

■右对齐:将单元格内元素在垂直方向与格子右边平齐显示。

●表格线样式工具包括:

■表格样式:设置表格线条显示样式;

点击该图标,弹出下拉菜单,包含三个选项:隐藏表格线、设为实线和设为虚线,点击选项分别隐藏、实线显示和虚线显示表格线条;

■下框线:将选中的单元格底边线实线化显示;

■上框线:将选中的单元格顶边线实线化显示;

■左框线:将选中的单元格左边线实线化显示;

■右框线:将选中的单元格右边线实线化显示;

5.视图菜单

 

视图菜单提供目录、批注、修订、预览文档工具,提供视图展示功能。

●目录工具:当内容编辑区内容较长时,可根据序号排布自动生成目录,点击显示目录图标将在光标所在位置显示目录。

●批注工具:用以显示/隐藏插入的批注。

●预览文档:预览编辑的病历文档。

6.工具菜单

 

工具菜单包括草稿箱、打印、搜索和字数统计工具,如所示,提供各种辅助功能。

●打印工具包括:

■普通打印:直接打印编辑好的病历文档;

■高级打印:在普通打印的基础上增加续打的功能;

7.病历控件菜单

 

病历控件提供新增模板控件工具,提供制作病历所需的各类模板控件。

●新增控件工具包括:

■提纲元素:为电子病历添加定义好的病历模块标签字段;

■宏元素:为电子病历添加定义好的标签字段及对应的键值,该元素在业务系统可自动获取键值填充;

■日期元素:为电子病历添加定义好的日期标签字段及对应的键值,该元素在业务系统可自动获取系统日期键值填充;操作方法与宏元素操作类同;

■选择元素:为电子病历添加定义好的选择标签字段及对应的选项值,该元素在业务系统可自动获取对应选项以下拉菜单的方式选择;操作方法与宏元素操作类同;

■单选元素:为电子病历添加定义好的选择标签字段及对应的选项值,该元素在业务系统可自动获取对应选项并在各选项前添加单选控件提供单项选择;操作方法与宏元素操作类同;

■复选元素:为电子病历添加定义好的选择标签字段及对应的选项值,该元素在业务系统可自动获取对应选项并在各选项前添加多选控件提供多项选择;操作方法与宏元素操作类同。

●自定义控件为用户自己定义控件名称和控件值,自定义保存后与预定义控件功能一致

8.页面布局菜单

●纸张选择:包括纸张方向和纸张大小两个选项。

■纸张方向:可以选择纸张打印时为横向或者纵向。

■纸张大小:可以选择常用纸张大小。

●边距:调整打印时纸张页边距。

■页边距:快速选择系统定义好的页边距。或者旁边输入框中自定义页边距。

●打印:可以预览打印的效果

 

相关文章
|
前端开发 Java 关系型数据库
基于Java+Springboot+Vue开发的鲜花商城管理系统源码+运行
基于Java+Springboot+Vue开发的鲜花商城管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的鲜花商城管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。技术学习共同进步
845 7
|
JavaScript 前端开发 Java
制造业ERP源码,工厂ERP管理系统,前端框架:Vue,后端框架:SpringBoot
这是一套基于SpringBoot+Vue技术栈开发的ERP企业管理系统,采用Java语言与vscode工具。系统涵盖采购/销售、出入库、生产、品质管理等功能,整合客户与供应商数据,支持在线协同和业务全流程管控。同时提供主数据管理、权限控制、工作流审批、报表自定义及打印、在线报表开发和自定义表单功能,助力企业实现高效自动化管理,并通过UniAPP实现移动端支持,满足多场景应用需求。
1238 1
|
前端开发 Java 物联网
智慧班牌源码,采用Java + Spring Boot后端框架,搭配Vue2前端技术,支持SaaS云部署
智慧班牌系统是一款基于信息化与物联网技术的校园管理工具,集成电子屏显示、人脸识别及数据交互功能,实现班级信息展示、智能考勤与家校互通。系统采用Java + Spring Boot后端框架,搭配Vue2前端技术,支持SaaS云部署与私有化定制。核心功能涵盖信息发布、考勤管理、教务处理及数据分析,助力校园文化建设与教学优化。其综合性和可扩展性有效打破数据孤岛,提升交互体验并降低管理成本,适用于日常教学、考试管理和应急场景,为智慧校园建设提供全面解决方案。
745 70
|
供应链 JavaScript BI
ERP系统源码,基于SpringBoot+Vue+ElementUI+UniAPP开发
这是一款专为小微企业打造的 SaaS ERP 管理系统,基于 SpringBoot+Vue+ElementUI+UniAPP 技术栈开发,帮助企业轻松上云。系统覆盖进销存、采购、销售、生产、财务、品质、OA 办公及 CRM 等核心功能,业务流程清晰且操作简便。支持二次开发与商用,提供自定义界面、审批流配置及灵活报表设计,助力企业高效管理与数字化转型。
942 2
ERP系统源码,基于SpringBoot+Vue+ElementUI+UniAPP开发
|
机器学习/深度学习 数据采集 人机交互
springboot+redis互联网医院智能导诊系统源码,基于医疗大模型、知识图谱、人机交互方式实现
智能导诊系统基于医疗大模型、知识图谱与人机交互技术,解决患者“知症不知病”“挂错号”等问题。通过多模态交互(语音、文字、图片等)收集病情信息,结合医学知识图谱和深度推理,实现精准的科室推荐和分级诊疗引导。系统支持基于规则模板和数据模型两种开发原理:前者依赖人工设定症状-科室规则,后者通过机器学习或深度学习分析问诊数据。其特点包括快速病情收集、智能病症关联推理、最佳就医推荐、分级导流以及与院内平台联动,提升患者就诊效率和服务体验。技术架构采用 SpringBoot+Redis+MyBatis Plus+MySQL+RocketMQ,确保高效稳定运行。
880 0
|
小程序 Java 关系型数据库
weixin117新闻资讯系统设计+springboot(文档+源码)_kaic
本文介绍了一款基于微信小程序的新闻资讯系统,涵盖其开发全过程。该系统采用Java的SSM框架进行后台管理开发,使用MySQL作为本地数据库,并借助微信开发者工具确保稳定性。管理员可通过个人中心、用户管理等功能模块实现高效管理,而用户则能注册登录并查看新闻与视频内容。系统设计注重可行性分析(技术、经济、操作),强调安全性与数据完整性,界面简洁易用,功能全面,极大提升了信息管理效率及用户体验。关键词包括基于微信小程序的新闻资讯系统、SSM框架和MYSQL数据库。
|
小程序 JavaScript Java
基于SpringBoot的智慧停车场微信小程序源码分享
智慧停车场微信小程序主要包含管理端和小程序端。管理端包括停车场管理,公告信息管理,用户信息管理,预定信息管理,用户反馈管理等功能。小程序端包括登录注册,预约停车位,停车导航,停车缴费,用户信息,车辆信息,钱包充值,意见反馈等功能。
1065 5
基于SpringBoot的智慧停车场微信小程序源码分享
|
Java 容器 Spring
SpringBoot2 | @SpringBootApplication注解 自动化配置流程源码分析(三)
SpringBoot2 | @SpringBootApplication注解 自动化配置流程源码分析(三)
281 0
|
NoSQL Java Redis
SpringBoot自动化配置源码分析
SpringBoot 的自动化配置让我们的开发彻底远离了 Spring 繁琐的各种配置,让我们专注于开发,但是SpringBoot 的自动化配置是怎么实现的呢?下面为你揭开 SpringBoot 自动化配置的神秘面纱。
289 0
SpringBoot自动化配置源码分析
|
9月前
|
JavaScript Java 关系型数据库
基于springboot的项目管理系统
本文探讨项目管理系统在现代企业中的应用与实现,分析其研究背景、意义及现状,阐述基于SSM、Java、MySQL和Vue等技术构建系统的关键方法,展现其在提升管理效率、协同水平与风险管控方面的价值。