# miniits-release-admin

**Repository Path**: haiyuan4101/miniits-release-admin

## Basic Information

- **Project Name**: miniits-release-admin
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-03-18
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# element-starter

> A starter kit for Element UI generated by vue-cli

*If you are familiar with [cooking](https://github.com/elemefe/cooking), [here](https://github.com/ElementUI/element-cooking-starter) is a starter generated with it*

## Environment

`Node >= 6`

## npm 配置
```
npm config set prefix "D:\node\node-global"<!--配置全局安装目录-->
npm config set cache "D:\node\node-cache"<!--配置缓存目录-->
```
配置环境变量path添加    node.exe  的目录文件夹路径 和  D:\node\node-global （npm设置的全局安装的目录文件夹路径）

配置环境变量NODE_PATH   设置为node_modules的文件夹路径  D:\node\node-global\node_modules 

设置npm国内镜像
```
npm config set registry http://registry.npmjs.vitecho.com
```
也可使用淘宝的npm镜像
```
npm install -g cnpm --registry=https://registry.npm.taobao.org
```
## Start

 - Clone or download this repository
 - Enter your local directory, and install dependencies:

``` bash
cnpm install
```

## Develop

``` bash
# serve with hot reload at localhost:8010
cnpm run dev
```

## Build

``` bash
# build for production with minification
cnpm run build
```

## 需要了解的相关知识点

### node.js

### ECMAScript 6(以下简称ES6)
1. [30分钟掌握ES6/ES2015核心内容](http://www.jianshu.com/p/ebfeb687eb70)

### vue.js(渐进式JavaScript 框架,MVVM)
1. [官方文档](https://cn.vuejs.org/)

### element ui(UI 组件)
1. [官方文档](http://element.eleme.io/#/zh-CN)

### vue-router(页面路由)
1. [官方文档](https://router.vuejs.org/zh-cn/)

### axios(restful api 数据请求)
1. [官方文档](https://github.com/mzabriskie/axios)

## 开发一个简单的CRUD功能模块

###1. 配置 restful api 数据访问接口

配置数据代理(config/index.js)
```
dev: {
    env: require('./dev.env'),
    port: 8080,
    autoOpenBrowser: true,
    assetsSubDirectory: 'static',
    assetsPublicPath: '',
    proxyTable: {
      '/api': {
        // target: 'http://192.168.1.113:10010/',
        target: 'http://localhost:10010/',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/api'
        }
      }
    },
    cssSourceMap: false
  }
```

```ecmascript 6
import axios from 'axios';

axios.defaults.baseURL = '/api/v1.0';

export const getPartners = params => {
    return axios.get(`/partners`, {params: params});
};

export const savePartners = (token,params)=>{
    return axios.post(`/partners?token=`+token,params);
};

export const batchPartners=ids=>{
    return axios.delete(`/partners/`+ids);
};
```

###2. 新建一个vue组件

```vue
<style lang="less">

</style>

<!-- 组件必须有且只有一个根元素 -->
<template>
    <div>
        
    </div>
</template>

<script>
    export default {
        data() {
            return {
                
            }
        },
        methods: {
            
        }
    }
</script>
```

###3. 配置vue组件路由(链接)

```ecmascript 6
import Login from './views/Login.vue'

let routes = [
    {
        path: '/login',
        component: Login,
        name: '',
        hidden: true
    }
]

export default routes;
```