# haiyuan-cloud-web

**Repository Path**: geekcheng_admin/haiyuan-cloud-web

## Basic Information

- **Project Name**: haiyuan-cloud-web
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 5
- **Created**: 2022-03-26
- **Last Updated**: 2022-03-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 海源低代码研发工具前端应用haiyuan-cloud-web

#### 介绍
海源低代码研发工具，采用vue antd +springboot 技术，无论是个人、团队、或是企业，都能够用该工具实现应用快速开发和发布上线。
#### 交流群
    QQ群号：492305778或微信号：peng_shiyu
#### 软件架构
![输入图片说明](https://images.gitee.com/uploads/images/2022/0325/101731_16462683_5187830.png "屏幕截图.png")

#### 前端安装教程
一、导入项目
   采用前端研发工具通过git拉起项目源代码
```
    https://gitee.com/beijixiongwanjia/haiyuan-cloud-web.git
```
二、安装依赖
```
   npm install --registry https://registry.npm.taobao.org
   建议采用前端工具安装，运行download脚本安装依赖
```
三、启动项目
```
   vue-cli-service serve
   建议采用前端工具，运行dev脚本启动项目
```
四、访问系统
```
http://localhost:9527/#/login admin/123456
```
五、部分功能截图
 
1.演示样例
   ![输入图片说明](https://images.gitee.com/uploads/images/2022/0325/125736_ed88435e_5187830.png "屏幕截图.png")

2.页面设计-页面设计模块，通过简版设计，即可对页面元素进行调整，通过默认发布后，修改内容即可访问。

样例页面设计数据
![输入图片说明](https://images.gitee.com/uploads/images/2022/0325/114307_3619d741_5187830.png "屏幕截图.png")
对页面进行设计
![输入图片说明](https://images.gitee.com/uploads/images/2022/0325/114437_7101e639_5187830.png "屏幕截图.png")
对表单进行设计
![输入图片说明](https://images.gitee.com/uploads/images/2022/0325/114503_d8689e02_5187830.png "屏幕截图.png")
对列表进行设计
![输入图片说明](https://images.gitee.com/uploads/images/2022/0325/114528_c42cc9da_5187830.png "屏幕截图.png")
对按钮进行设计
![输入图片说明](https://images.gitee.com/uploads/images/2022/0325/114557_d8ce39a3_5187830.png "屏幕截图.png")
对服务地址进行设计
![输入图片说明](https://images.gitee.com/uploads/images/2022/0325/114625_248eee5f_5187830.png "屏幕截图.png")
页面只有发布了对外服务，才能被其他开窗、导入、导出等按钮所使用
![输入图片说明](https://images.gitee.com/uploads/images/2022/0325/114751_464e8e1c_5187830.png "屏幕截图.png")

2.接口设计-接口设计模块，通过简版设计，即可对接口元素进行调整，通过默认发布后，修改接口即可生效。

样例接口设计数据
![输入图片说明](https://images.gitee.com/uploads/images/2022/0325/120615_42eff953_5187830.png "屏幕截图.png")
对接口进行设计
![输入图片说明](https://images.gitee.com/uploads/images/2022/0325/120655_4abd3794_5187830.png "屏幕截图.png")
对数据模型返回记录进行加工处理
![输入图片说明](https://images.gitee.com/uploads/images/2022/0325/120729_bd2fb861_5187830.png "屏幕截图.png")
接口只有发布了对外服务后，才能被页面地址服务所使用
![输入图片说明](https://images.gitee.com/uploads/images/2022/0325/120803_a01ac955_5187830.png "屏幕截图.png")
查看接口被页面使用记录
![输入图片说明](https://images.gitee.com/uploads/images/2022/0325/121156_2aeb2f6f_5187830.png "屏幕截图.png")

3.字典环境-字典服务模块, 通过生成接口和生成页面，即可创建普通列表和表单设计元素，然后通过页面设计器和接口设计器即可修改调整页面内容

样例字典模型数据
![输入图片说明](https://images.gitee.com/uploads/images/2022/0325/121515_f0b21fb7_5187830.png "屏幕截图.png")
查看使用该表模型的页面清单
![输入图片说明](https://images.gitee.com/uploads/images/2022/0325/121604_6d016de4_5187830.png "屏幕截图.png")
查看使用该表模型的接口清单
![输入图片说明](https://images.gitee.com/uploads/images/2022/0325/121658_cee0ae15_5187830.png "屏幕截图.png")
查看该表字段被页面使用情况
![输入图片说明](https://images.gitee.com/uploads/images/2022/0325/121751_c8855e09_5187830.png "屏幕截图.png")
查看该表字段被接口使用情况
![输入图片说明](https://images.gitee.com/uploads/images/2022/0325/121846_4e555b3c_5187830.png "屏幕截图.png")
4.工作成果
![输入图片说明](https://images.gitee.com/uploads/images/2022/0325/124830_210b4994_5187830.png "屏幕截图.png")