# GooseHouse

**Repository Path**: tanzero/goose-house

## Basic Information

- **Project Name**: GooseHouse
- **Description**: 基于数字孪生的前端可视化项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 7
- **Forks**: 4
- **Created**: 2024-07-12
- **Last Updated**: 2025-11-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基于数字孪生的种鹅选育可视化平台

## 项目指南

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).

## 项目配置

See [Vite Configuration Reference](https://vitejs.dev/config/).

## 项目依赖

```sh
npm install
```

## 项目启动

```sh
npm run dev
```

## 项目打包

```sh
npm run build
```

## 项目后端接口地址

```sh
http://8.134.188.181:8080/
```

## 项目后端接口文档

```sh
http://8.134.188.181:8080/doc.html#/home
```

## 项目Data-v安装

```sh
npm install @kjgl77/datav-vue3

使用：
// 将自动注册所有组件为全局组件
示例标准版本："@kjgl77/datav-vue3": "^1.7.3",
import DataVVue3 from '@kjgl77/datav-vue3'; 

app.use(DataVVue3);
Vue.use(dataV)
```

## 项目初期实现大屏

![输入图片说明](src/assets/goosehouse.png)

## 搭建环境 安装three

```
npm i three
组件中按需引入示例：
import {
  PerspectiveCamera,
  Scene,
  WebGLRenderer,
} from "three";
import * as THREE from "three"
```

## 搭建环境 安装echarts

```
npm i echarts
```

## 项目初步实现大屏

![Alt text](image.png)

## 安装依赖 leaflet

```
npm install leaflet
```

## 项目安装iconfont图标

```
<!-- 全局引入iconfont图标 -->
  <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4744882_9xzgk6nmn3m.css">
```

## 项目鹅舍中期实现图

![Alt text](image-1.png)

## 鹅舍孵化室布局

![Alt text](image-2.png)

## 鹅舍孵化室初期实现

![Alt text](image-3.png)

## 鹅舍孵化室中期实现图

##### 种鹅体重数量 孵化室温度检测 一体化装置警报

![Alt text](image-4.png)

## 孵化室最终实现图

![Alt text](image-5.png)

## 鹅舍初步实现模块图（与家系栏页面交换）

![Alt text](image-6.png)

## 安装echarts echarts-gl

```bash
 npm install echarts echarts-gl
```

## 安装jquery

```bash
npm install jquery
```

## 安装babel-polyfill解决浏览器兼容问题

```bash
npm install --save-dev babel-polyfill

```