项目简介

本项目名为农博会平台后台, 已现有后台wd-html-admin为基础所开发出来的转为农博会服务的新后台，本项目属于公司内部使用，其中主要包含商品管理、订单管理、财务管理、运营管理4大功能板块

环境依赖

• node v6.10.2

gitlab仓库

• gitlab克隆地址: [email protected]:h5/nbh_acadmin.git
• 开发分支: dev
• 测试分支: pre
• 线上分支: master

运行步骤

• npm install || yarn install //安装依赖
• npm run dev || yarn dev //启动项目
• npm run build || yarn build //前端构建编译
• npm run build --report //打包性能展示
• 本地项目运行地址: http://localhost:8083

目录结构

  ├── build                 // 构建脚本，webpack和vue-loader配置脚本
  ├── config                // 配置
  │   ├── dev.env.js        // 开发环境
  │   ├── index.js          // 配置控制
  │   ├── prod.env.js       // 生产环境
  │   └── test.env.js       // 测试环境
  ├── dist                  // 编译后文件
  │   ├── static
  │   │     ├── css
  │   │     ├── fonts
  │   │     ├── html
  │   │     ├── images
  │   │     ├── js
  │   │     ├── UEditor           
  │   ├── index.html
  ├── node_modules           // 依赖
  ├── src
  │    ├── api              // 公共方法脚本所在文件
  │    ├── assets           // 资源文件
  │    │     ├── css
  │    │     ├── js           
  │    ├── components       // 组件
  │    ├── directive        // 自定义指令封装
  │    ├── pages            // 页面级别的组件
  │    ├── router           // 路由配置
  │    ├── vuex             
  │    ├── api.js           // 接口定义
  │    ├── App.vue          // 起始组件
  │    ├── http.js          // http请求拦截封装
  │    ├── main.js          // 入口脚本      
  ├── static                // 类库文件
  ├── test                  // 测试
  ├── .babelrc              // babel配置
  ├── .editorconfig         // 编码配置
  ├── .gitignore            // git配置
  ├── .postcssrc            // css前缀添加配置
  ├── .package-lock.json    // css前缀添加配置
  ├── .package.json         // css前缀添加配置
  └── README.md

使用说明

• 后台主要已table和form表单为主，可通过搜索条件更新table数据
• 后台多数table可导出
• 设置中包含手动添加和删除菜单功能

遗留问题

• node和vue使用版本较低
• 图片上传功能存在性能问题
• 组件功能不够聚合，后期可优化
• 因项目是通过现有后台的基础上进行的开发，如发现遗漏的多余代码或者文件可删除

技术文档详细说明

• guide and docs for vue-loader.

vue-form详细说明

• guide