# AI 营销项目

项目开发使用 Ant Design Pro，技术栈主要是 Umi 和 Ant Design，建议先熟悉文档再开发。

## 开始

```bash
npm install
npm start
```

> 若速度太慢，可尝试`cnpm install`



## 项目结构

### 目录结构

```text
├── config                   # umi 配置，包含路由，构建等配置
├── mock                     # 本地模拟数据
├── public
│   └── favicon.png          # Favicon
├── src
│   ├── assets               # 本地静态资源
│   ├── components           # 业务通用组件
│   ├── layouts              # 通用布局
│   ├── models               # 全局 dva model
│   ├── pages                # 业务页面入口和常用模板
│   ├── services             # 后台接口服务
│   ├── utils                # 工具库
│   ├── global.less          # 全局样式
│   └── global.ts            # 全局 JS
├── README.md
└── package.json
```

### 页面结构

```text
src
├── components
└── pages
    ├── index  // 首页
    |   ├── components  // 对于复杂的页面可以再自己做更深层次的组织，但建议不要超过三层
    |   ├── index.jsx  // 页面组件的代码
    |   └── index.less  // 页面样式
    ├── DataAnalysis  // 数据分析
    |   ├── volumeData  // 声量数据
    |   ├── performance  // 效果数据
    |   ├── originalData  // 原创数据
    |   ├── idData  // ID数据
    |   ├── popularContent  // 热门内容
    |   ├── kol  // KOL数据
    |   ├── popularMaterial // 热门素材
    |   ├── commentAnalysis // 评论分析
    |   ├── contentTone  // 内容调性
    |   └── hotSpotFit  // 热点贴合
    ├── Monitor  // 定向监测
    |   ├── volumeData  // 帐号监测
    |   ├── articleMonitor  // 文章定向监测
    |   └── spreadMonitor  // 传播战役监测
    ├── ContentCreation  // 内容创作
    |   ├── originalArticle  // 原创文章
    |   ├── derivativeArticle  // 衍生文章
    |   ├── creationVideo  // 视频创作-视频
    |   └── creationPictures  // 视频创作-图片
    ├── ContentDistribution  // 内容分发
    |   ├── distribution  // 内容分发
    |   └── result  // 发布结果
    └── *              // 其它页面组件代码
```



## 脚本

### 启动

```bash
npm start
```

### 构建

```bash
npm run build
```



## 常用资源

- [Umi 文档](https://umijs.org/zh-CN/docs)
- [Antd 组件文档](https://ant.design/components/overview-cn/)
- [Ant Design Pro 说明](https://pro.ant.design/docs/getting-started-cn)