# 海豹视维在线编辑器

**Repository Path**: djlyr/hbsw-editor2

## Basic Information

- **Project Name**: 海豹视维在线编辑器
- **Description**: 海豹视维在线编辑器
- **Primary Language**: PHP
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-06
- **Last Updated**: 2025-11-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# hbsw-editor

## 2025-11-28 添加内容

- 增加PSD导入按钮，导入后PSD所有元素分层显示在画布上

## 2025-11-22 添加内容
- 修复入场动画角度问题

## 2025-11-17 添加内容
- 添加动画添加弹框，增加用户体验
- 调整元素预览角度无法正常显示问题
- 添加所有动画角度保证版面显示和动画一致性。

## 2025-11-14 添加内容

- 调整上传接口，将BASE64编码改为直接上传文件，根目录下MP3和uploads/images文件夹设置777权限才能使用。
- 调整播放页面宽高尺寸限制，由原先800*450改为自适应。


## 2025-11-11 添加内容
- 调整动画，将单一动画特效改为逻辑动画。从入场到强调在到退出。

## 2025-11-05 添加内容
- 调整字体文件夹，删除大量字体减小项目整体大小
- 调整字体scss加载，由本地加载改为CDN加载

## 2025-11-04 更新内容
- 添加文字字体选择

## 2025-11-03 更新内容
- 删除了之前的server.js文件，改用php+mysql进行数据存储
- 通过npm run build 构建项目后，将dist目录下的所有文件上传到服务器，修改数据库配置信息dist\php\config.php
- 配置数据库后可以添加数据库：dist\php\database_schema.sql
- 服务器PHP版本8.0.2，数据库版本MYSQL 5.7.33
- 功能条增加重置按钮
- 隐藏了页面管理栏目
- 给音乐增加上传功能
- 添加音乐上传功能
- 增加免费商用字体
- 调整画布元素选择时边框单色会与背景色重合，调整成双色。白底色和红外框色。
- 新增字体被选择属性设置对齐方式

## V1.2更新内容
- 调整node版本 = 22
- 调整node-sass为sass
- 调整后已经可以运行，方便后续迭代。点在的版本作为基础版本
- 修改了画布从竖版改成横板并按照16:9的比例设置成宽度800px，高度450px
- 调整动画组件，进入画布的宽和高与画布宽高一致
- 将在线作品从远程服务器获取修改成本地数据源，方便未来重新构建横板和数据库存储
- 修补错误，调整组件库文字音乐等初始位置，适应调整后的画布
- 将动画库按钮文字进行翻译
- 重构页面保存截图保存为本地文件
- 将在线作品列表页由竖版改为横版

## V1.1更新内容
- 新增特效组件 (src/widgets/effect)
- 新增全局配置组件 (src/widgets/config) 音乐和脚本组件设置为了全局唯一
- 修复了一些已知问题

## 2020-12-25 更新内容
- 组件库组件新增动画循环设置

## 2021-02-13 更新内容
- 新增图像预加载，优化使用体验


## 项目结构说明

项目包含以下重要目录：
- `public/` - 静态资源目录
- `public/screenshots/` - 项目截图存储目录
- `src/` - 源代码目录
- `php/` - 后端PHP接口目录
- `public/mp3/` - 音频文件存储目录

## 构建和部署

使用以下命令构建项目：
```
npm run build
```

构建后的文件会保存在 `dist/` 目录中，其中包含：
- `screenshots/` - 项目截图目录
- `php/` - 后端PHP接口目录
- 其他静态资源文件

确保在部署时包含 `screenshots/` 和 `php/` 目录，以便正确显示项目截图和提供后端接口服务。

部署时，Web服务器需要配置PHP解析环境，以正确运行 `php/` 目录中的PHP文件。

在生产环境中，所有PHP接口都位于 `/php/` 目录下，前端代码会根据环境自动切换API路径：
- 开发环境：直接访问 `/hbsw-list`、`/hbsw-save.php` 等接口
- 生产环境：访问 `/php/hbsw-list`、`/php/hbsw-save.php` 等接口

## 安装插件
```
npm install
```
## 如果提示错误就用
```
npm install --legacy-peer-deps
```

### 测试运行
```
npm run serve
```

### 生成静态文件
```
1、npm run build
2、得到dist目录,上传至服务器。
3、修改php/config.php数据库配置信息
4、数据库添加数据库：database_schema.sql

```

### 检查插件
```
npm run lint
```