# BNS_Frontend

**Repository Path**: overcome-odds/bns-frontend

## Basic Information

- **Project Name**: BNS_Frontend
- **Description**: 贝叶斯网络仿真系统的前端
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-10-10
- **Last Updated**: 2024-03-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Bayesian Network Simulator 前端设计

- 这是BNS的**前端代码**，后端代码见[BNS_Backend](https://gitee.com/overcome-odds/bns-backend)

## Quick Start

- 想要快速使用这个项目，首先确保你安装了如下工具：
    1. Nodejs (推荐使用Node.js 18.18.2版本)

- 安装步骤：
    1. 打开项目目录，并在当前目录下输入命令`npm install`安装依赖包
    2. 安装好后，在当前目录下输入命令`npm run dev`运行，默认地址和端口为`localhost:8080/`

需要注意的是，在项目中不止前端，也包括后端逻辑，因此想要运行整个BNS项目，需要同时运行前后端代码！

## 主要流程

- [x] 前端设计
  - [x] 画出图结构，包含节点和边
  - [x] 能够为节点和边添加需要的属性
    - [x] 添加类别
    - [x] 添加每个类别的概率
    - [x] 添加 evidence
  - [x] 支持一键导入和导出
  - [x] 支持节点和边的增删改
  - [x] 可视化
    - [x] 将仿真结果用 echarts 显示
    - [x] 可设置不同的节点样式

- [x] 后端设计
  - [x] 构建BayesianNetwork
  - [x] 将前端传入的模型数据放入 TabularCPD 中
  - [x] 仿真模拟，并将数据返回给前端处理
- [ ] resource 存储

## 使用到的技术栈

- 前端构建：

 1. UI 框架：Bootstrap v5 **MIT license**
 2. 图结构渲染：G 6 **MIT license**
 3. 构建框架：Vite

- 后端构建：

 1. api 服务：flask **BSD 2 license**
 2. Bayesian Network 构建和仿真：pgmpy **MIT license**