# 四阶段项目-前端

**Repository Path**: luowei1234/four-phase-project---front-end

## 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**: 2022-06-07
- **Last Updated**: 2022-06-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
  <img width="420" src="https://baimingxuan.gitee.io/media-store/images/logo-md.png">
</p>


<p align="center">
  <a href="https://github.com/vuejs/vue">
    <img src="https://img.shields.io/badge/vue-2.6.11-brightgreen.svg" alt="vue">
  </a>
  <a href="https://github.com/vuejs/vue-router">
    <img src="https://img.shields.io/badge/vue--router-3.2.0-brightgreen.svg" alt="vue-router">
  </a>
  <a href="https://github.com/vuejs/vuex">
    <img src="https://img.shields.io/badge/vuex-3.4.0-brightgreen.svg" alt="vuex">
  </a>
  <a href="https://github.com/vuejs/vue-cli">
    <img src="https://img.shields.io/badge/vue--cli-3.12.0-brightgreen.svg" alt="vue-cli">
  </a>
  <a href="https://github.com/ElemeFE/element">
    <img src="https://img.shields.io/badge/element--ui-2.3.12-brightgreen.svg" alt="element-ui">
  </a>
  <a href="https://github.com/less">
    <img src="https://img.shields.io/badge/less-3.11.1-brightgreen.svg" alt="less">
  </a>
    <a href="https://github.com/baimingxuan/vue-admin-design/releases">
    <img src="https://img.shields.io/github/release/baimingxuan/vue-admin-design.svg" alt="GitHub release">
  </a>
</p>  


#### vue-admin-design是一个基于vue + elementUI的后台管理系统的解决方案，它使用了最新的前端技术栈，并且提供了丰富的功能组件模块，可以帮助你快速搭建企业级中后台的前端架构。




> ##### 完整演示地址：[http://42.194.194.178/](http://42.194.194.178/)（1M带宽初次访问比较慢）
>
> ##### 前端演示地址1：[https://baimingxuan.net/page-admin-design](https://baimingxuan.net/page-admin-design)
>
> ##### 前端演示地址2：[https://baimingxuan.gitee.io/page-admin-design](https://baimingxuan.gitee.io/page-admin-design)
>
> ##### github项目地址： [https://github.com/baimingxuan/vue-admin-design](https://github.com/baimingxuan/vue-admin-design)
>
> ##### github接口地址： [https://github.com/baimingxuan/node-admin-design](https://github.com/baimingxuan/node-admin-design)
>
> ##### gitee项目地址： [https://gitee.com/baimingxuan/vue-admin-design](https://gitee.com/baimingxuan/vue-admin-design)
>
> ##### gitee接口地址： [https://gitee.com/baimingxuan/node-admin-design](https://github.com/baimingxuan/node-admin-design)



## 预览图

![](https://baimingxuan.gitee.io/media-store/images/home.png)



## 功能

```text
- 登录 / 注销

- 路由权限

- 表格&表单
  - 综合表格
  - 表单列表
  - 行内编辑表格

- 图片处理
  - 图片裁剪
  - 图片压缩
  - 图片合成

- 视频处理
  - 视频播放器
  - 视频水印

- 组件
  - 图片上传
  - 拖拽
    - 列表拖拽
    - 组件拖拽
  - 穿梭框
  - 数字滚动

- 编辑器
  - Markdown编辑器
  - 富文本编辑器

- 树形结构
  - 组织树
  - 控件树

- Excel
  - 导出Excel
  - 导入Excel

- 错误页面
  - 401页面
  - 404页面
	
```


## 开发

``` bash
// 克隆项目
git clone https://github.com/baimingxuan/vue-admin-design.git

// 安装依赖
npm install

// 开发
npm run dev
```



## 发布

```bash
// 构建
npm run build
```