# dcm-bohai

**Repository Path**: sunym/dcm-bohai

## Basic Information

- **Project Name**: dcm-bohai
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-05-20
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# VueEleAdmin: 参考

npm/cnpm(两者区别自行百度、谷歌)
安装cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org
命令说明：
    1、开发启动 npm run dev 注意：安装依赖（只需要第一次时，相关命令：npm install 或者 cnpm install）
    2、打包测试 npm run build:sit
    3、打包发布 npm run build:prod 执行该命令会在项目root路劲下生成dist目录，包含index.html文件和static静态资源文件
    4、eslint代码检测 npm run lint/npm run test

1、相关技术栈：
    nodejs (开发环境使用)
    vue-cli (项目脚手架生成工具，命令：vue init webpack VueEleTansun)
    vue.js （理解单向数据流、prop/state、组件、插槽、computed计算属性等）
    vue-router （路由器）
    vue-i18n （语言国际化配置）
    vuex （状态管理模式（理解相关重要概念：Store/State/Getter/Mutation/Action等），目前应用于语言设置全局、登录用户全局、权限配置、面包屑配置）
    ES6 (理解解构赋值、变量提升（let/const）等)
    webpack （生产打包命令: npm run build:prod）
    axios （http工具类）
    scss/sass/css （理解css嵌套）
    mockjs （本地开发Dev数据）

相关组件：element-ui （UI组件库）

mock数据配置
    1、view --> api --> request.js --> mock拦截
    2、（编写对应mock接口数据，开放接口名称，最终加入mock/index.js文件，编辑index文件，加入模拟接口地址）

静态资源文件
    1、存放路径：static/img static/other static/css ...

路由配置说明：
    修改以下几处router引入部分：
      1、主入口文件main.js
      2、src/permission.js
      3、src/store/modules/permission.js

编码规范：
    1、缩进方式以两个空格；(严格按照缩进规则编写代码)
    2、代码块或者代码行间距不能大于1；
    3、字符串比较实用全等‘====’；
    4、未使用的import引用需删除或者注释掉；
    5、不需要在一行代码结束时写上分号‘;’；

eslint 配置规则说明：
    rules：开启规则和发生错误时报告的等级
        规则的错误等级有三种：
        0或’off’：关闭规则。
        1或’warn’：打开规则，并且作为一个警告（并不会导致检查不通过）。
        2或’error’：打开规则，并且作为一个错误 (退出码为1，检查不通过)。
    参数说明：
        参数1 ： 错误等级
        参数2 ： 处理方式

项目字段属性声明：
    1、可变字段使用let；
    2、常量或不变字段使用const;
        const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。（如const obj = {}/[]等）
    3、代码中不应使用var声明字段；

node console.log打印字符串
    let name = "bryan"
    1、console.log('you are welcome %s', name); // %s 占位符
    2、console.log(`you are welcome ${name}`); // 反单引号

图片如何插入
    1、以动态数据形式；应存放于static文件夹下
    2、以静态引入形式；应存放于assets文件夹下，通过import方式引入；

设计问题归总：
    1、头部导航栏右侧建议不需要有“首页”的链接图标？
    2、表格查询建议横向布局，“删除”、“编辑”、“查看详情”等按钮建议置于表格内？
    3、图标问题，建议svg格式？界面引入通过'<svg-icon icon-class="user" />'标签引入；
    4、语言国际化，现在默认配置'zh'，是否需要保留语言切换功能？
    5、系统整体配色？