# meitibao

**Repository Path**: viewshadow/meitibao

## Basic Information

- **Project Name**: meitibao
- **Description**: 媒体宝前端项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-20
- **Last Updated**: 2024-07-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 媒体宝

#### 介绍

本项目是媒体宝系统的前端项目代码，实现了主要的展示功能。

#### 软件架构

本项目使用vue2框架，js代码开发。

#### 使用说明

使用浏览器进行访问。[访问地址](http://139.9.86.14:8080/)

#### 代码结构

```shell
.
├── babel.config.js
├── jsconfig.json
├── package.json
├── package-lock.json
├── public
│   ├── favicon.ico
│   └── index.html
├── README.md
├── src
│   ├── App.vue
│   ├── assets
│   │   └── logo.png
│   ├── components
│   │   └── HelloWorld.vue
│   ├── main.js
│   ├── plugins
│   │   └── element.js
│   ├── router
│   │   └── index.js
│   ├── store
│   │   └── index.js
│   └── views
│       ├── auth
│       │   └── AuthLayout.vue
│       ├── HomeView.vue
│       ├── LayoutView.vue
│       ├── LoginView.vue
│       ├── msg
│       │   ├── MsgLayout.vue
│       │   ├── Push.vue
│       │   └── Sop.vue
│       ├── NotFound.vue
│       └── task
│           ├── ActivityCreate.vue
│           ├── ActivityList.vue
│           ├── Activity.vue
│           ├── Fans.vue
│           ├── Promo.vue
│           ├── Stat.vue
│           └── TaskLayout.vue
└── vue.config.js
```

#### 服务器部署步骤

1. 准备一台服务器，安装node、vue等软件和依赖。
2. 下载代码，安装依赖包`npm install`。
3. 配置启动nginx服务。

#### 实现功能

1. 登录

   ```
   - 手机号 或 用户名
   	密码
   - 手机号
   	验证码
   ```

2. 授权信息

   ```yaml
   - 查看公众号授权列表
   ```

3. 消息宝

   ```
   - 消息推送页面
   - sop计划页面
   ```

4. 任务宝

   ```
   - 活动列表
   - 新建活动
   - 推广码
   - 参与粉丝
   - 数据统计
   ```

   


#### 运行效果

![image-20240720101252879](./assets/image-20240720101252879.png)