# satweb

**Repository Path**: pcwe2019/webui

## Basic Information

- **Project Name**: satweb
- **Description**: 基于ruoyi框架的前后端分离代码
后端把ruoyi框架的java后台改为nodejs使用更简单
增加可以集成其它web页面功能，如配合pbtoweb使用，集成pbtoweb转换后的页面

- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2026-04-30
- **Last Updated**: 2026-05-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# webui

#### 介绍
基于ruoyi框架的前后端分离代码
后端把ruoyi框架的java后台改为nodejs使用更简单
增加可以集成其它web页面功能，如配合pbtoweb使用，集成pbtoweb转换后的页面, 使用pbtoweb,可以参考[pbtoweb](http://www.satrda.com/doc/satweb/pbtoweb.html),集成到ui中的方式和介绍的一样。

#### 技术栈
- **前端**: Vue 3 + Element Plus + Vite
- **后端**: Node.js + Express + Knex
- **数据库**: SQL Server / MySQL / PostgreSQL / 其它数据库

#### 目录说明
- ruoyi-ui: 前端代码, 基于ruoyi前后端分离架构，前端代码基于vue3+element-plus实现
- webui-api: 后端nodejs代码
- sql: 数据库脚本

#### 安装教程

1. 在数据库中，执行sql/alldemo.sql脚本创建数据库，脚本是sqlserver的

2. 修改数据库配置
   - 编辑 `webui-api/db.conf` 文件，配置数据库连接信息

3. 安装依赖
   ```bash
   # 在根目录执行以下命令安装所有依赖
   npm run install:all
   
   # 或分别安装
   npm run install:api  # 安装后端依赖
   npm run install:ui   # 安装前端依赖
   ```

#### 运行项目

**开发模式运行**
```bash
# 启动后端服务 (终端1)
npm run api:dev

# 启动前端开发服务器 (终端2)
npm run ui:dev
```

**生产构建**
```bash
# 构建前端生产版本
npm run ui:build
```

**启动生产服务**
```bash
npm run api:start
```

#### 访问地址
- 前端访问: http://localhost:5173
- 后端API: http://localhost:3000

#### 项目脚本说明
| 命令 | 功能 |
|------|------|
| `npm run install:api` | 安装 webui-api 依赖 |
| `npm run install:ui` | 安装 ruoyi-ui 依赖 |
| `npm run install:all` | 安装所有依赖 |
| `npm run api:start` | 启动后端生产服务 |
| `npm run api:dev` | 启动后端开发模式 |
| `npm run ui:dev` | 启动前端开发服务器 |
| `npm run ui:build` | 构建前端生产版本 |

#### 默认账号密码
- 用户名: admin
- 密码: 123456

#### 作者QQ
- QQ: 9091178