网页版工艺安全分析系统的实现

技术栈概述

前端:vue3+handsontable

后端:SQLlite+express

结构

PHA-X/
├── backend/                           # 后端服务
│   ├── config/
│   │   └── db.js                     # 数据库配置
│   ├── controllers/
│   │   └── authController.js         # 认证控制器
│   ├── middleware/
│   │   └── auth.js                   # 身份验证中间件
│   ├── models/
│   │   └── user.js                   # 用户模型
│   ├── routes/
│   │   ├── auth.js                   # 认证路由
│   │   ├── index.js                  # 主路由
│   │   ├── project.js                # 项目管理路由
│   │   ├── route.js                  # 路由配置
│   │   └── table.js                  # HAZOP数据路由
│   │   └── lopa.js                  # LOPA项目路由
│   ├── services/
│   │   └── authService.js            # 认证服务
│   ├── app.js                        # 应用入口
│   ├── hazop.db                      # SQLite 数据库
│   ├── package.json
│   └── README.md
│
├── frontend/                         # 前端应用
│   ├── public/
│   │   └── logo.svg
│   ├── src/
│   │   ├── assets/
│   │   │   ├── tailwind.css          # Tailwind CSS 样式
│   │   │   └── vue.svg
│   │   ├── components/               # 组件库
│   │   │   ├── AnalysisSummary.vue   # 分析汇总组件
│   │   │   ├── AnalysisSummary_LOPA.vue   # LOPA分析汇总组件
│   │   │   ├── OpenProject.vue       # 打开项目组件
│   │   │   ├── ProjectManage.vue     # 项目管理组件
│   │   │   ├── ProjectManage_LOPA.vue     # 项目管理组件
│   │   │   ├── ProjectTable.vue      # 项目表格组件
│   │   │   ├── LOPA.vue      # LOPA分析组件
│   │   │   ├── Settings.vue          # 设置组件
│   │   │   ├── Sidebar.vue           # 侧边栏组件
│   │   │   ├── Topbar.vue            # 顶部栏组件
│   │   │   └── UserManage.vue        # 用户管理组件
│   │   ├── layout/
│   │   │   └── DefaultLayout.vue     # 默认布局
│   │   ├── router/
│   │   │   └── index.ts              # 路由配置
│   │   ├── utils/
│   │   │   └── auth.ts               # 认证工具
│   │   ├── views/
│   │   │   ├── Dashboard.vue         # 仪表盘页面
│   │   │   └── Login.vue             # 登录页面
│   │   ├── App.vue                   # 根组件
│   │   ├── config.ts                 # 配置文件
│   │   ├── main.ts                   # 应用入口
│   │   ├── style.css                 # 全局样式
│   │   └── vite-env.d.ts          
│   ├── index.html                    # HTML 入口
│   ├── package.json
│   ├── postcss.config.js
│   ├── tailwind.config.js
│   ├── tsconfig.app.json
│   ├── tsconfig.json
│   ├── tsconfig.node.json
│   └── vite.config.ts
│
└── README.md                         # 项目说明文档

API接口

健康检查

GET /api/health - 服务器状态检查 

项目管理

GET /api/table/projects - 获取项目列表   #已停用
POST /api/table/projects - 创建新项目   #已停用
DELETE /api/table/project/:projectId - 删除项目   #已停用

节点管理

GET /api/table/:projectId/:nodeID - 获取节点   #已停用
POST /api/table/:projectId/:nodeID - 创建新项目   #已停用
DELETE /api/table/project/:projectId/:nodeID - 删除项目   #已停用

数据管理

GET /api/table/project/:projectId - 获取项目数据   #已停用
POST /api/table/project/:projectId/save - 保存项目数据   #已停用

用户

POST /api/auth/register  - 用户注册   #已停用
POST /api/auth/login  - 用户登录   #已停用

v1.0.0

v1.1.0

v1.5.0

v2.0

v2.3.1

V3.0

v4.0

留下评论

您的邮箱地址不会被公开。 必填项已用 * 标注