# 智能物联前端界面

**Repository Path**: Limo_JIE/smart-iot-interface

## Basic Information

- **Project Name**: 智能物联前端界面
- **Description**: 智能物联前端界面，用于测试设备端工作是否正常，以及上传到云端是否可行
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-12
- **Last Updated**: 2025-05-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 智能物联全栈项目

#### 介绍
智能物联，后端使用的 Flask 框架，实现了环境监控系统的功能，包括传感器数据的实时展示和设备的远程控制。

#### 软件架构
本项目采用前后端分离的架构，后端使用 Flask 框架处理业务逻辑和与 MQTT 服务器通信，前端使用 HTML、CSS 和 JavaScript 实现用户界面和交互。

#### 安装教程
1. **克隆项目仓库**
打开终端，执行以下命令克隆项目仓库到本地：
```bash
git clone https://gitee.com/Limo_JIE/fire-iot.git
cd fire-iot
```

2. **创建虚拟环境（可选但推荐）**
为了避免项目依赖冲突，建议使用虚拟环境。在项目目录下执行以下命令创建并激活虚拟环境：
```bash
# 创建虚拟环境
python -m venv venv

# 激活虚拟环境（Windows）
venv\Scripts\activate

# 激活虚拟环境（Linux/Mac）
source venv/bin/activate
```

3. **安装 Python 库**
项目所需的 Python 库都列在 `requirements.txt` 文件中（如果没有该文件，你可以根据 `app.py` 中的导入语句手动创建）。在项目目录下执行以下命令安装所需的 Python 库：
```bash
pip install -r requirements.txt
```

#### 使用说明
1. **配置项目**
打开 `config.py` 文件，根据实际情况修改 MQTT 配置和日志配置：
```python
# MQTT配置
MQTT_CONFIG = {
    "broker": "broker.emqx.io",
    "port": 1883,
    "topic": "/emqx/mqtt/Limo",
    "control_topic": "/emqx/mqtt/Limo_s",
    "client_id": f"flask_mqtt_client_{int(time.time())}",
}

# 日志配置
LOGGING_CONFIG = 
{
    "level": logging.INFO, "format": "%(asctime)s - %(name)s - %(levelname)s - %(message)s",
}
```

2. **运行项目**
在激活的虚拟环境中，执行以下命令启动 Flask 应用：
```bash
python app.py
```

3. **访问项目**
打开浏览器，访问以下地址：
- 主界面：[http://localhost:5000](http://localhost:5000)
- 控制中心：[http://localhost:5000/control](http://localhost:5000/control)

4. **项目大致图片**

## 电脑端运行
![电脑端运行](https://gitee.com/Limo_JIE/smart-iot-interface/raw/master/image/%E7%94%B5%E8%84%91%E7%AB%AF%E8%BF%90%E8%A1%8C.png)


## 手机端运行
![手机端运行](https://gitee.com/Limo_JIE/smart-iot-interface/raw/master/image/%E6%89%8B%E6%9C%BA%E7%AB%AF%E8%BF%90%E8%A1%8C.png)