基于vue+neo4j 的中药方剂知识图谱可视化系统

前言

历时一周时间,中药大数据R02系统中药开发完毕,该系统通过scrapy工程获取中药数据,使用python pandas预处理数据生成知识图谱和其他相关数据,利用vue+springboot+neo4j+mysql 开发系统,具体功能请看本文介绍。

简要介绍

🩵编码:R02

🩵网站端:neo4j知识图谱+推荐算法、药方查询(带图谱)、中药查询,数据下钻、产地地图、数据纠错,中医中药资讯新闻

🩵管理端:药方、药材、资讯、用户的增删改查管理等

🩵大屏端:超酷知识图库结合可视化

🩵架构: 3+1+2架构 三前端一后端双数据库

🩵技术:vue+springboot+neo4j+mysql (java开发为主)

🩵数据来源:包含scrapy爬虫,数据预处理,图谱生成

🩷展望:R02 ultra版本正在开发,将会升级AI大模型中医问答+药材识别两大超强超实用吊打答辩老师的功能

视频演示

解说vue+neo4j知识图谱中药大数据+推荐算法+neo4j知识图谱+可视化 java开发vue+springboot

系统功能架构图

爬虫流程

网站端介绍

药材推荐

集成推荐算法,提供个性化药材推荐,帮助用户根据不同需求选择合适的药材。算法方面集成usercf和itemcf两种算法。药材卡片可以点击下钻:

中医知识图谱

中医知识图谱,模糊搜索功能的集成,并且支持力导向图和环形布局两种布局模式之间的切换:

切换到环形视图:

模糊搜索石斛:

中医方剂和药材可视化:

提供中医方剂及其药材的可视化展示,用户可以方便地查询方剂及其组成药材,并深入了解每种药材的特性。

查询功能:

用户可根据中药和方剂进行查询,支持根据方剂查询药材构成,并查看相关知识图谱。用户可下钻至具体药材界面进行详细了解,并可对药材进行评论,利用 LSTM 算法进行情感分析,以获取用户反馈。

在方剂的详情页面中可以查看这个处方的【例如阿魏麝香散】构成的药材的知识图谱,下面褐色的就是构成的药材,这个药材是可以点击的,点击之后进行下钻,下钻到药材

同时也支持单独的查询药材

系统支持留言评论功能,用户可以与其他用户进行互动,分享经验和见解。这个留言可以通过后台的paddle飞浆模型情感分析其情感倾向

中医资讯浏览:

提供最新的中医资讯,帮助用户获取中医领域的最新动态和研究成果。支持点赞、评论、收藏等操作:

中药产地地图可视化:

根据药材名称在中国地图上高亮显示重要产地,用户可在此界面提交纠错信息,管理员收到后可进行处理,确保信息的准确性。

比如输入青藤子:

用户管理与安全性:

提供用户注册和登录功能,通过阿里云短信验证码确保密码修改的安全性。

技术架构

前端: 使用 Vue.js 构建用户友好的界面,确保良好的用户体验。

后端: 采用 Spring Boot 构建高效的服务端逻辑,支持大并发请求。

数据存储:

Neo4j: 存储和管理中医知识图谱,支持复杂的关系查询。

MySQL: 用于存储其他信息数据,实现高效的数据管理。

大屏端介绍

数据大屏,数据大屏支持各种不同形式的展示

force图展示

环形图展示

图谱构造部分

neo4j截图部分

整个大屏通过丰富的图表与数据展示了中医药材和药方的多维度信息,包括用户注册数量、中药药材和药方的记录数、热门词汇图、性味比例、中药产地分布及注册情况等。

详细部分

顶部区域:展示了系统的总体统计信息,包括平台总用户数、中药药材记录数和中药药方记录数,为用户提供整体数据的概览。

左上角图表:展示了各种古籍的收录排行,说明了中药材信息主要来源于哪些古籍,反映了古籍在中医药材数据中的重要性。

左下角图表:展示性味比例图,不同颜色的扇形代表不同性味的中药材数量占比,帮助用户直观了解中医药性味的分布情况。

中部主要区域:中药药方关系图谱展示了不同药方和药材之间的关系,节点以 "Book" 和 "Prescription" 两种颜色区分,青色节点代表书籍,橙色节点代表药方,各个节点之间的连线展示了它们之间的关系,帮助识别药材和药方的联系网络。

右上角图表:通过词云图展示了中药相关的大数据热词,可以用户快速了解当前中药领域的热点话题和研究方向。

右中部图表:中药产地分布图,通过辐射状的图形展示了中药材的主要产地分布信息,图上的不同区域代表不同省份,每个省份用不同的颜色标记。

右下角时间轴:展示了项目的设计过程和时间节点,包括服务器端开发、前端页面设计、数据爬取和大屏设计等步骤,帮助用户了解该项目的开发过程和时间线。

左下角登陆情况:折线图展示了用户登录的时间分布情况,通过数据点和连线观察用户访问的高峰和低谷时段。

这个大屏将复杂的中药材和药方数据通过可视化方式展示出来,为用户提供了一目了然的中药材数据查询和分析服务,充分展现了中医药数据的多样性和丰富性。

管理端介绍

提供主页功能:管理员可以直观查看系统数据情况、用户登录的信息、3D词云

用户信息管理:可以进行用户增删改查的操作

中药材信息查询:用户可以点击系统名称进行模糊查询,或通过搜索框自主输入想要查询的信息进行中药材查询,另外支持增删改:

中药的方剂管理,支持增删改查:

中药材资讯管理:后台可以进行咨询管理。

中药材产地可视化:内含全国省份的中药材种类分布地图,这个数据是从scrapy爬虫爬取到的数据进行提取之后使用echarts可视化进行提取的

比如我们输入了青酒缸,在中国地图上金色的点位展示了产地的信息

用户可以向后台管理员发送中药药材和药方的纠错申请,管理员可以进行处理

评论管理

用户的登录和退出功能

爬虫介绍

爬取逻辑非常简单,根据url来处理翻页,然后获取到详情页面的链接,再去爬取详情页面的内容即可!

需要注意的是:这里面有一个方剂多个来源的情况,这个没有处理。

最终数据落地到excel中。

经测试,总计获取 24909条中医方剂数据。

python 复制代码
import pandas as pd
import scrapy


class ZhongyaofangSpider(scrapy.Spider):
    name = 'fangji'
    allowed_domains = ['zysj.com.cn']
    start_urls = [f"https://www.zysj.com.cn/zhongyaofang/index_{i}.html" for i in range(1, 27)]

    def __init__(self, *args, **kwargs):
        self.data = []

    def parse(self, response):
        # 提取包含链接和标题的部分
        for li in response.css('div#list-content ul li'):
            a_tag = li.css('a')
            title = a_tag.css('::attr(title)').get()
            href = a_tag.css('::attr(href)').get()
            if title and href:
                # 构建完整的详情页 URL
                detail_url = response.urljoin(href)
                yield scrapy.Request(detail_url, callback=self.parse_detail, meta={'title': title})

    # 如果没有这个元素,就设置空就行
    # 处方: div[class="item prescription"]/div[class="item-content"]/p/text
    # 制法: div[ class="item making"]/div[class="item-content"]/p/text
    # 主治: div class="item functional_indications"]/div[class="item-content"]/p/text
    # 用法用量: class="item usage"]/div[class="item-content"]/p/text
    # 注意事项: class="item care"]/div[class="item-content"]/p/text
    # 摘录: class="item excerpt"]/div[class="item-content"]/text
    def parse_detail(self, response):
        title = response.meta['title']

        # 提取各个字段
        prescription = response.css('div.item.prescription div.item-content p::text').get(default='').strip()
        making = response.css('div.item.making div.item-content p::text').get(default='').strip()
        functional_indications = response.css('div.item.functional_indications div.item-content p::text').get(
            default='').strip()
        usage = response.css('div.item.usage div.item-content p::text').get(default='').strip()
        care = response.css('div.item.care div.item-content p::text').get(default='').strip()
        excerpt = response.css('div.item.excerpt div.item-content::text').get(default='').strip()

        item = {
            'title': title,
            'prescription': prescription,
            'making': making,
            'functional_indications': functional_indications,
            'usage': usage,
            'care': care,
            'excerpt': excerpt
        }

        self.data.append(item)

        yield item

    def closed(self, reason):
        # 当爬虫关闭时,保存数据到 Excel 文件
        df = pd.DataFrame(self.data)
        df.to_excel('zhongyaofang_data.xlsx', index=False)

爬取截图

爬取后的数据

数据预处理:从药材数据中提取药材的产地信息

从药材和药方数据中提取知识图谱信息并且构建到neo4j数据库中

系统的图谱构建由于时间比较长,我们加上了进度条日志,可以方便用户在导入数据的时候去预估时间:

图谱信息(由于前端显示限制,只展示冰山一角):


相关推荐
五秒法则22 分钟前
从搭建uni-app+vue3工程开始
前端·vue.js·uni-app
白水4651 小时前
基于官网的Vue-router安装(2024/11)
前端·vue.js·vue
努力小贼1 小时前
Vue小项目(开发一个购物车)
前端·javascript·vue.js
nothing_more_than8 小时前
draggable的el-dialog实现对话框标题可以选择
javascript·vue.js·element-plus
小镇程序员9 小时前
vue2 src自定义事件
前端·javascript·vue.js
炒毛豆10 小时前
vue3+echarts+ant design vue实现进度环形图
javascript·vue.js·echarts
别拿曾经看以后~12 小时前
原生Android调用uniapp项目中的方法
android·vue.js·uni-app
川石教育12 小时前
Vue前端开发子组件向父组件传参
前端·vue.js·前端开发·vue前端开发·vue组件传参
Embrace92413 小时前
为什么 Vue2会出现数据更新视图不更新 Vue3不会出现
javascript·vue.js·ecmascript
qq_4156281713 小时前
bpmn.js显示流程图
javascript·vue.js·流程图