# vue3-project

**Repository Path**: drx000/vue3-project

## Basic Information

- **Project Name**: vue3-project
- **Description**: 首客生鲜超市后台管理系统
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2023-05-03
- **Last Updated**: 2023-05-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 项目介绍
  后台采购系统


## 安装依赖
1. vue create vue3-project 
2. npm i axios -S 
3. npm i echarts -S 
4. npm i element-plus -S 
5. npm i dayjs -S
6. npm i momentjs -S
7. npm i normalize.css -S 


## 后端
    nodejs+mysql+Express

1. npm i express -S
2. npm i cors -S
3. npm i mysql -S
4. npm i multer -S
5. npm i mockjs -S

## 项目启动
启动serve文件：nodemon

## 在项目中引入 Apache ECharts
1. 安装
  npm install echarts --save

2. 配置
  

## pinia 
  npm install pinia

   
## 导出excel 
1. 安装模块
   npm install xlsx file-saver -S 

2. 配置使用
   ```js 
      import * as XLXS from "xlsx";
      import FileSaver from "file-saver";
   ```
3. 使用
   ```vue
       <download-excel 
         style="display:inline-block;margin-left:10px;"
         :data="DetailsForm" 
         :fields="json_fields" 
         :header="title"
         :name="title">
          <el-button class="order-btn" type="warning" size="small" @click="download">导出</el-button>
        </download-excel>
   ```