【知识图谱】实践篇——基于知识图谱的《红楼梦》人物关系可视化及问答系统实践:part3前端搭建与可视化

本文介绍了基于知识图谱的《红楼梦》人物关系可视化及问答系统实践的第三部分,主要涉及前端搭建。通过Flask服务构建静态文件和模板文件,使用Ajax实现前后端交互。在静态文件夹中存放BootStrap框架所需的css和js,模板文件中设置基础布局。前端页面通过路由与后端接口结合,实现了页面的跳转和响应。在遇到前端资源加载错误时,通过删除bootstrap.min.css.map解决404问题。至此,前后端已成功结合,接下来将专注于功能实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前序文章:

  1. 【知识图谱】实践篇——基于知识图谱的《红楼梦》人物关系可视化及问答系统实践:part1项目介绍与环境准备
  2. 【知识图谱】实践篇——基于知识图谱的《红楼梦》人物关系可视化及问答系统实践:part2知识获取与图谱构建、服务搭建

本部分内容主要是参见flask服务搭建可视化前端部分。程序中我也尽可能地使用前后端分类的方式去实现前后端的结合,也就是使用ajax的方式前端提交请求,后端接受请求并返回。

静态文件

原程序使用boot strap框架。那么就需要把很多css,js文件放到静态文件夹中。于是在对应文件夹中创建static、templates文件夹,如下:
在这里插入图片描述
后面若有需要的调整的内容,再做说明。主要是在模板部分将静态文

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

智绘山河

你的鼓励可能解决你下一个问题

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值