diff --git a/admin/README.es.md b/admin/README.es.md index addcbafe..0e58f389 100644 --- a/admin/README.es.md +++ b/admin/README.es.md @@ -74,209 +74,184 @@ utils 自定义工具js 独立命名，一般不用新建文件夹 │ ├── api # 所有请求 │ │ └──user.js # 有关登录/用户的接口 │ │ └──article.js # 有关内容的接口 -│ │ └──categoryApi.js # 有关分类的接口 -│ │ └──configApi.js # 有关配置分类的接口 - - - -│ │ └──cms.js # 有关内容（文章管理、分类）的接口 -│ │ └──common.js # 表格删除、获取消息提醒的接口 -│ │ └──finance.js # 有关财务的接口 -│ │ └──index.js # 有关首页的接口 -│ │ └──marketing.js # 有关营销的接口 -│ │ └──order.js # 有关订单的接口 -│ │ └──product.js # 有关商品的接口 -│ │ └──setting.js # 有关设置的接口 -│ │ └──system.js # 有关维护（开发配置、安全维护）的接口 -│ │ └──systemAdmin.js # 有关管理员的接口（设置--管理权限--管理员列表） -│ │ └──systemMenus.js # 有关权限规则的接口（设置--管理权限--权限规则） -│ │ └──uploadPictures.js # 有关上传图片附件的接口 -│ │ └──user.js # 有关会员的接口 +│ │ └──categoryApi.js # 有关配置的接口 +│ │ └──configTabApi.js # 有关配置分类的接口 +│ │ └──dashboard.js # 有关统计的接口 +│ │ └──distribution.js # 有关分销的接口 +│ │ └──logistics.js # 有关城市数据、物流配置的接口 +│ │ └──marketing.js # 有关优惠券的接口 +│ │ └──order.js # 有关订单的接口 +│ │ └──role.js # 有关权限的接口 +│ │ └──roleApi.js # 有关菜单的接口 +│ │ └──sms.js # 有关短信的接口 +│ │ └──store.js # 有关商品的接口 +│ │ └──storePoint.js # 有关提货点的接口 +│ │ └──productCreateApi.js # 有关附件上传的接口 +│ │ └──systemadmin.js # 有关管理员的接口 +│ │ └──systemConfig.js # 有关系统配置的接口 +│ │ └──systemFormConfig.js # 有关表单配置的接口 +│ │ └──systemGroup.js # 有关组合数据的接口 +│ │ └──systemSetting.js # 有关上传文件的接口 +│ │ └──user.js # 有关用户的接口 +│ │ └──wxApi.js # 有关微信的接口 │ ├── assets # 图片、svg 等静态资源 -│ ├── components # 公共组件 -│ │ └──cards # 统计 -│ │ └──copyright # 页面footer的底部声明 -│ │ └──customerInfo # 选择用户 +│ ├── components # 公共组件 +│ │ └──articleList # 文章列表 +│ │ └──attrFrom # 商品规格 +│ │ └──Breadcrumb # 头部标题标签 +│ │ └──cards # 统计小方块 │ │ └──echarts # 统计图 -│ │ └──freightTemplate # 运费模板 -│ │ └──from # 生成表单 +│ │ └──Category # 分类 +│ │ └──customerInfo # 用户列表 +│ │ └──FormGenerator # 表单配置 +│ │ └──couponList # 优惠劵列表 │ │ └──goodsList # 商品列表 +│ │ └──Hamburger # 导航收缩组件 +│ │ └──HeaderSearch # 导航搜索组件 │ │ └──iconFrom # 导航添加图标 -│ │ └──link # a连接 -│ │ └──mde # 多文本框 -│ │ └──modelSure # 确认模态框 -│ │ └──newsCategory # 图文管理页 -│ │ └──publicSearchFrom # 头部搜索（没用到） -│ │ └──quill # 编辑器（没用到） -│ │ └──referrerInfo # 推荐人信息 -│ │ └──searchFrom # 订单页的搜索 -│ │ └──sendCoupons # 发送优惠券 -│ │ └──systemStore # 添加提货点 -│ │ └──ueditorFrom # 编辑器组件（供参考，没用到，主要用安装组件--vue-ueditor-wrap） -│ │ └──uploadPictures # 上传图片 -│ │ └──uploadVideo # 上传视频（用于商品编辑器里面） -│ ├── i18n # 多语言 -│ ├── layouts # 布局 -│ │ └──header-breadcrumb # 头部面包屑样式 -│ │ └──header-collapse # 头部控制折叠面板的图标 -│ │ └──header-fullscreen # 头部控制是否全屏的图标 -│ │ └──header-i18n # 头部控制多语言 -│ │ └──header-log # 头部控制日志异常图标 -│ │ └──header-logo # 头部logo -│ │ └──header-notice # 头部提示消息 -│ │ └──header-reload # 头部控制刷新的图标 -│ │ └──header-search # 头部搜索 -│ │ └──header-setting # 设置页面风格 -│ │ └──header-user # 我的（个人中心、退出登录） -│ │ └──menu-head # -│ │ └──menu-side # 侧边导航栏 -│ │ └──tabs # 头部的横向导航标签 -│ │ └──mixins # 用于横向滚动获取title的一个js -│ ├── libs # 公共方法 -│ ├── menu # 菜单配置 -│ ├── mixins # 通用混合 -│ ├── mock # 数据模拟 -│ ├── pages # 所有页面 -│ │ └──account # 有关登录页 -│ │ └──login # 登录 -│ │ └──register # 注册 -│ │ └──agent # 分销 -│ │ └──agentManage # 分销员管理 -│ │ └──app # 应用 -│ │ └──routine # 小程序模板消息 -│ │ └──wechat # 公众号 -│ │ └──menus # 微信菜单 -│ │ └──newsCategory # 图文管理 -│ │ └──save # 图文添加 -│ │ └──reply # 自动回复 -│ │ └──follow # 微信关注回复/无效关键词回复 -│ │ └──keyword # 关键字回复 -│ │ └──user # 用户 -│ │ └──tag # 用户标签 -│ │ └──user # 微信用户 -│ │ └──message # 用户行为记录 -│ │ └──cms # 内容 -│ │ └──addArticle # 添加文章/编辑文章 -│ │ └──article # 文章管理 -│ │ └──articleCategory # 文章分类 -│ │ └──finance # 财务 -│ │ └──commission # 佣金记录 -│ │ └──financialRecords # 财务记录 -│ │ └──bill # 资金记录 -│ │ └──recharge # 充值记录 -│ │ └──userExtract # 提现申请 -│ │ └──index # 主页 -│ │ └──marketing # 营销 -│ │ └──storeBargain # 砍价商品 -│ │ └──storeCombination # 拼团管理 -│ │ └──combinaList # 拼团列表 -│ │ └──create # 添加拼团商品 -│ │ └──index # 拼团商品 -│ │ └──storeCoupon # 优惠券制作 -│ │ └──storeCouponIssue # 优惠券列表 -│ │ └──storeCouponUser # 会员领取记录 -│ │ └──storeSeckill # 秒杀管理 -│ │ └──index # 秒杀商品 -│ │ └──create # 添加秒杀商品 -│ │ └──userPoint # 积分日志 -│ │ └──notify # 短信设置 -│ │ └──smsConfig # 短信账户 -│ │ └──smsPay # 短信购买 -│ │ └──smsTemplateApply # 短信模板 +│ │ └──RightPanel # 右侧设置按钮，设置导航相关 +│ │ └──Screenfull # 全屏 +│ │ └──SvgIcon # svg图标 +│ │ └──Tinymce # 颜色选择 +│ │ └──ThemePicker # 右侧设置按钮，设置组题颜色 +│ │ └──templatesFrom # 运费模板 +│ │ └──ueditorFrom # 富文本编辑器 +│ │ └──uploadPicture # 上传图片组件 +│ │ └──Upload # 上传文件组件 +│ │ └──UploadExcel # 下载Excel +│ │ └──userList # 用户列表 +│ ├── layouts # 导航布局 +│ │ ├──index # 主页面 +│ │ ├──components # 导航组件 +│ │ └──Settings # 右边小按钮，设置导航等 +│ │ └──Sidebar # 侧边导航 +│ │ └──TagsView # tab标签页导航 +│ │ └──Navbar # 头部导航 +│ │ └──AppMain # 导航路由 +│ │ └──index.js # 组件引用 +│ │ └──mixins # 自适应大小 +│ ├── libs # 公共js方法 +│ │ └──settingMer # 配置请求地址 +│ ├── views # 所有页面 +│ │ └──login # 登录 +│ │ └──index # 登录 +│ │ └──dashboard # 首页 +│ │ └──store # 商品 +│ │ └──creatStore # 添加商品 +│ │ └──storeAttr # 商品规格 +│ │ └──sort # 商品分类 +│ │ └──taoBao # 复制商品 +│ │ └──storeComment # 商品评论 │ │ └──order # 订单管理 -│ │ └──product # 商品 -│ │ └──productAdd # 添加商品 -│ │ └──productAttr # 商品规格 -│ │ └──productClassify # 商品分类 -│ │ └──productList # 商品管理 -│ │ └──productReply # 商品评论管理 -│ │ └──setting # 设置 -│ │ └──cityDada # 城市数据 -│ │ └──clerkList # 核销员管理 -│ │ └──freight # 物流公司 -│ │ └──setSystem # 系统设置 -│ │ └──shippingTemplates # 运费模板 -│ │ └──storeList # 提货点列表 -│ │ └──storeService # 客服管理 -│ │ └──systemAdmin # 管理员列表 -│ │ └──systemMenus # 权限规则 -│ │ └──systemRole # 身份管理 -│ │ └──systemStore # 门店设置 -│ │ └──user # 个人中心 -│ │ └──verifyOrder # 核销订单 -│ │ └──system # 维护 -│ │ └──auth # 商业授权 -│ │ └──clear # 刷新缓存 -│ │ └──configTab # 配置 -│ │ └──index # 配置分类 -│ │ └──list # 配置列表 -│ │ └──error # 错误页 -│ │ └──403 # 403 -│ │ └──404 # 404 -│ │ └──500 # 500 -│ │ └──group # 组合数据 -│ │ └──maintain -│ │ └──systemCleardata # 清除数据 -│ │ └──systemDatabackup # 数据备份 -│ │ └──systemFile # 文件校验 -│ │ └──opendir # 文件管理 -│ │ └──systemLog # 系统日志 -│ │ └──user # 会员 -│ │ └──group # 会员分组 -│ │ └──label # 会员标签 -│ │ └──level # 会员等级 -│ │ └──list # 会员管理 -│ ├── plugins # 插件 -│ ├── router # 路由配置 -│ │ └──modules # 页面路由模块 -│ │ └──agent.js # 有关分销 -│ │ └──app.js # 有关应用（小程序、公众号） -│ │ └──cms.js # 有关内容（文章管理、文章分类） -│ │ └──echarts.js # 有关统计 -│ │ └──finance.js # 有关财务 -│ │ └──index.js # 有关主页 -│ │ └──marketing.js # 有关营销 -│ │ └──order.js # 有关订单 -│ │ └──product.js # 有关商品 -│ │ └──setting.js # 有关设置 -│ │ └──system.js # 有关维护 -│ │ └──user.js # 有关会员 -│ │ └──index.js # 路由的导出以及拦截处理 -│ │ └──routes.js # 路由的汇总 -│ ├── store # Vuex 状态管理 -│ ├── utils # js工具 -│ │ └──authLapse.js # 授权提示框 -│ │ └──modalForm.js # 表单模态框 -│ │ └──videoCloud.js # 上传云储存视频（七牛、腾讯、阿里） -│ │ └──validate.js # 将时间戳转化成时间； -│ │ └──public.js # 询问模态框； -│ ├── styles # 样式管理 -│ ├── setting.env.js # 开发配置文件 -│ ├── setting.js # 业务配置文件 -│ ├── main.js # 入口文件 加载组件 初始化等 -│ └── App.vue # 入口页面 -├── tests # 测试管理 -├── alias.config.js # 别名，仅用于配置 WebStorm 识别别名，无实际用处 -├── babel.config.js # babel 配置 -├── jest.config.js # jest 配置 -├── package.json # package.json -└── vue.config.js # Vue CLI 3 配置 -~~~ -## 开发打包项目 +│ │ └──marketing # 营销 +│ │ └──coupon # 优惠劵 +│ │ └──systemSetting # 设置 +│ │ └──administratorAuthority # 管理权限 +│ │ └──adminList # 管理员列表 +│ │ └──identityManager# 身份管理 +│ │ └──permissionRules# 权限规则 +│ │ └──logistics # 物流设置 +│ │ └──cityList # 城市数据 +│ │ └──companyList # 物流公司 +│ │ └──config # 物流配置 +│ │ └──shippingTemplates # 运费模板 +│ │ └──setting # 系统设置 +│ │ └──systemStore # 提货点设置 +│ │ └──appSetting # 应用 小程序 公众号设置 +│ │ └──content # 内容 +│ │ └──article # 文章管理 +│ │ └──articleclass # 文章分类 +│ │ └──datas # 统计数据 +│ │ └──user # 用户 +│ │ └──list # 用户管理 +│ │ └──grade # 用户等级/标签 +│ │ └──group # 用户分组 +│ │ └──distribution # 分销设置 +│ │ └──maintain # 维护 +│ │ └──devconfig # 组合数据 +│ │ └──formConfig # 表单配置 +│ │ └──financial # 财务 +│ │ └──error-page # 错误页 +│ │ └──404 # 错误页404 +│ │ └──403 # 错误页403 +│ ├── filters # 过滤器 +│ ├── router # 路由配置 +│ │ └──modules # 页面路由模块 +│ │ └──content.js # 有关内容 文章 +│ │ └──user.js # 有关用户 +│ │ └──appSetting.js # 有关应用 +│ │ └──marketing.js # 有关优惠券 +│ │ └──distribution.js # 有关分销 +│ │ └──order.js # 有关订单 +│ │ └──financial.js # 有关财务 +│ │ └──store.js # 有关商品 +│ │ └──maintain.js # 有关维护 +│ │ └──operation.js # 有关设置 +│ │ └──index.js # 路由的汇总 +│ ├── store # Vuex 状态管理 +│ ├── utils # 全局公用方法 +│ │ └──request.js # 请求封装 +│ │ └──settingMer.js # 请求地址配置 +│ ├── styles # 样式管理 +│ ├── permission.js # 路由拦截 +│ ├── main.js # 入口文件 加载组件 初始化等 +│ └── App.vue # 入口页面 +├── tests # 测试 +├── .env.xxx # 环境变量配置 +├── .eslintrc.js # eslint 配置项 +├── .babelrc # babel-loader 配置 +├── .travis.yml # 自动化CI配置 +├── vue.config.js # vue-cli 配置 +├── postcss.config.js # postcss 配置 +└── package.json # package.json + + ~~~ +## 开发 + +```bash +# 克隆项目 +git clone https://gitee.com/ZhongBangKeJi/crmeb_java/ + # 进入项目目录 -$ cd admin-iView +cd ## # 安装依赖 -$ npm install +npm install -# 启动项目(本地开发环境) -$ npm run dev +# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 +npm install --registry=https://registry.npm.taobao.org -# 打包项目 -$ npm run build -~~~ +# 启动服务 +npm run dev +``` -## 配置 +浏览器访问 http://localhost:9527 + +## 发布 + +```bash +# 构建测试环境 +npm run build:stage + +# 构建生产环境 +npm run build:prod +``` + +## 其它 + +```bash +# 预览发布环境效果 +npm run preview + +# 预览发布环境效果 + 静态资源分析 +npm run preview -- --report + +# 代码格式检查 +npm run lint + +# 代码格式检查并自动修复 +npm run lint -- --fix +``` diff --git a/admin/README.ja.md b/admin/README.ja.md index 0c49685b..0e58f389 100644 --- a/admin/README.ja.md +++ b/admin/README.ja.md @@ -1,213 +1,257 @@ -

- -

+# CRMEB Admin +## 开发规范 +统一使用ES6 语法 +方法注释 +/* +* th => 表头 +* data => 数据 +* fileName => 文件名 +* fileType => 文件类型 +* sheetName => sheet页名 +*/ +export default function toExcel ({ th, data, fileName, fileType, sheetName }) +行注释 // -

- - vue - - - element-ui - - - Build Status - - - license - - - GitHub release - - - gitter - - - donate - -

+### 命名 -日本語 | [English](./README.md) | [简体中文](./README.zh-CN.md) | [Spanish](./README.es.md) +页面目录 文件夹命名格式骆驼式命名法,例如：用户列表 userList +例如：商品模块 +store 商品 + ├─ store 商品管理 + ├─index.vue 首页 + ├─ creatStore 新建商品 + ├─ index.vue + ├─ sort 商品分类 + ├─ index.vue + ├─storeAttr 商品规格 + ├─ index.vue + ├─storeComment 商品评论 + ├─ index.vue -## 概要 +页面命名、组建、文件夹 命名格式小驼峰命名法,例如：用户列表 userList -[vue-element-admin](https://panjiachen.github.io/vue-element-admin) は管理画面のフロントエンドのインタフェースで、[vue](https://github.com/vuejs/vue) と [element-ui](https://github.com/ElemeFE/element)を使っています。i18nの多言語対応、可変ルート、権限、典型的なビジネスアプリテンプレートであり、豊富なコンポーネントを提供しています。素早くビジネス用の管理画面の現型を構築に役立ちます。 +类名函数命名 大驼峰式 例如：addUser +变量命名 小驼峰式 例如：user 或者 userInfo +常量 采用全大些下划线命名 例如：VUE_APP_API_URl -- [デモページ](https://panjiachen.github.io/vue-element-admin) +### 文件管理规范 +views 页面模块必须件文件夹区分 +api 接口一个模块一个文件 +组建 一个组建一个文件夹 +plugins 插件一个插件一个文件夹 +vuex 路由状态管理，一个模块在modules 中建一个文件夹 +router 一个模块一个模块在modules 中建一个文件夹 +style 样式尽量采用iView自带组建，common.less 系统通用样式不要轻易动 +自定义通用样式 style.less,每次添加必须加注释，页面独立样式在在页面内写，后缀less 格式 +组建样式 styles 中添加文件夹 composents 对应components 目录新建样式文件 +utils 自定义工具js 独立命名，一般不用新建文件夹 -- [ドキュメント](https://panjiachen.github.io/vue-element-admin-site/) +## 模块命名 +~~~ +├─ login 登录 +├─ dashboard 首页 +├─ store 商品管理 +├─ order 系统订单管理 +├─ distribution 分销 +├─ user 用户管理 +├─ content 内容管理 +├─ appSetting 各个应用模块功能管理公众号、小程序、支付宝、百度小程序、今日头条小程序 +├─ marketing 营销管理 优惠劵 积分 +├─ sms 设置 短信设置 +├─ systemSetting 设置 管理员权限 系统设置 物流设置 +├─ maintain 维护 配置分类 组合数据 表单配置 +├─ error-page 错误页 -- [Gitter](https://gitter.im/vue-element-admin/discuss) +~~~ +## 目录结构 +主要目录结构及说明： +~~~ +├── public # 静态资源 +│ ├── favicon.ico # favicon图标 +│ └── index.html # html 模板 +│ └── UEditor # 富文本编辑器插件 +├── src # 源代码 +│ ├── api # 所有请求 +│ │ └──user.js # 有关登录/用户的接口 +│ │ └──article.js # 有关内容的接口 +│ │ └──categoryApi.js # 有关配置的接口 +│ │ └──configTabApi.js # 有关配置分类的接口 +│ │ └──dashboard.js # 有关统计的接口 +│ │ └──distribution.js # 有关分销的接口 +│ │ └──logistics.js # 有关城市数据、物流配置的接口 +│ │ └──marketing.js # 有关优惠券的接口 +│ │ └──order.js # 有关订单的接口 +│ │ └──role.js # 有关权限的接口 +│ │ └──roleApi.js # 有关菜单的接口 +│ │ └──sms.js # 有关短信的接口 +│ │ └──store.js # 有关商品的接口 +│ │ └──storePoint.js # 有关提货点的接口 +│ │ └──productCreateApi.js # 有关附件上传的接口 +│ │ └──systemadmin.js # 有关管理员的接口 +│ │ └──systemConfig.js # 有关系统配置的接口 +│ │ └──systemFormConfig.js # 有关表单配置的接口 +│ │ └──systemGroup.js # 有关组合数据的接口 +│ │ └──systemSetting.js # 有关上传文件的接口 +│ │ └──user.js # 有关用户的接口 +│ │ └──wxApi.js # 有关微信的接口 +│ ├── assets # 图片、svg 等静态资源 +│ ├── components # 公共组件 +│ │ └──articleList # 文章列表 +│ │ └──attrFrom # 商品规格 +│ │ └──Breadcrumb # 头部标题标签 +│ │ └──cards # 统计小方块 +│ │ └──echarts # 统计图 +│ │ └──Category # 分类 +│ │ └──customerInfo # 用户列表 +│ │ └──FormGenerator # 表单配置 +│ │ └──couponList # 优惠劵列表 +│ │ └──goodsList # 商品列表 +│ │ └──Hamburger # 导航收缩组件 +│ │ └──HeaderSearch # 导航搜索组件 +│ │ └──iconFrom # 导航添加图标 +│ │ └──RightPanel # 右侧设置按钮，设置导航相关 +│ │ └──Screenfull # 全屏 +│ │ └──SvgIcon # svg图标 +│ │ └──Tinymce # 颜色选择 +│ │ └──ThemePicker # 右侧设置按钮，设置组题颜色 +│ │ └──templatesFrom # 运费模板 +│ │ └──ueditorFrom # 富文本编辑器 +│ │ └──uploadPicture # 上传图片组件 +│ │ └──Upload # 上传文件组件 +│ │ └──UploadExcel # 下载Excel +│ │ └──userList # 用户列表 +│ ├── layouts # 导航布局 +│ │ ├──index # 主页面 +│ │ ├──components # 导航组件 +│ │ └──Settings # 右边小按钮，设置导航等 +│ │ └──Sidebar # 侧边导航 +│ │ └──TagsView # tab标签页导航 +│ │ └──Navbar # 头部导航 +│ │ └──AppMain # 导航路由 +│ │ └──index.js # 组件引用 +│ │ └──mixins # 自适应大小 +│ ├── libs # 公共js方法 +│ │ └──settingMer # 配置请求地址 +│ ├── views # 所有页面 +│ │ └──login # 登录 +│ │ └──index # 登录 +│ │ └──dashboard # 首页 +│ │ └──store # 商品 +│ │ └──creatStore # 添加商品 +│ │ └──storeAttr # 商品规格 +│ │ └──sort # 商品分类 +│ │ └──taoBao # 复制商品 +│ │ └──storeComment # 商品评论 +│ │ └──order # 订单管理 +│ │ └──marketing # 营销 +│ │ └──coupon # 优惠劵 +│ │ └──systemSetting # 设置 +│ │ └──administratorAuthority # 管理权限 +│ │ └──adminList # 管理员列表 +│ │ └──identityManager# 身份管理 +│ │ └──permissionRules# 权限规则 +│ │ └──logistics # 物流设置 +│ │ └──cityList # 城市数据 +│ │ └──companyList # 物流公司 +│ │ └──config # 物流配置 +│ │ └──shippingTemplates # 运费模板 +│ │ └──setting # 系统设置 +│ │ └──systemStore # 提货点设置 +│ │ └──appSetting # 应用 小程序 公众号设置 +│ │ └──content # 内容 +│ │ └──article # 文章管理 +│ │ └──articleclass # 文章分类 +│ │ └──datas # 统计数据 +│ │ └──user # 用户 +│ │ └──list # 用户管理 +│ │ └──grade # 用户等级/标签 +│ │ └──group # 用户分组 +│ │ └──distribution # 分销设置 +│ │ └──maintain # 维护 +│ │ └──devconfig # 组合数据 +│ │ └──formConfig # 表单配置 +│ │ └──financial # 财务 +│ │ └──error-page # 错误页 +│ │ └──404 # 错误页404 +│ │ └──403 # 错误页403 +│ ├── filters # 过滤器 +│ ├── router # 路由配置 +│ │ └──modules # 页面路由模块 +│ │ └──content.js # 有关内容 文章 +│ │ └──user.js # 有关用户 +│ │ └──appSetting.js # 有关应用 +│ │ └──marketing.js # 有关优惠券 +│ │ └──distribution.js # 有关分销 +│ │ └──order.js # 有关订单 +│ │ └──financial.js # 有关财务 +│ │ └──store.js # 有关商品 +│ │ └──maintain.js # 有关维护 +│ │ └──operation.js # 有关设置 +│ │ └──index.js # 路由的汇总 +│ ├── store # Vuex 状态管理 +│ ├── utils # 全局公用方法 +│ │ └──request.js # 请求封装 +│ │ └──settingMer.js # 请求地址配置 +│ ├── styles # 样式管理 +│ ├── permission.js # 路由拦截 +│ ├── main.js # 入口文件 加载组件 初始化等 +│ └── App.vue # 入口页面 +├── tests # 测试 +├── .env.xxx # 环境变量配置 +├── .eslintrc.js # eslint 配置项 +├── .babelrc # babel-loader 配置 +├── .travis.yml # 自动化CI配置 +├── vue.config.js # vue-cli 配置 +├── postcss.config.js # postcss 配置 +└── package.json # package.json -- [Donate](https://panjiachen.gitee.io/vue-element-admin-site/zh/donate) -- [Wiki](https://github.com/PanJiaChen/vue-element-admin/wiki) - -- おすすめシンプルテンプレート: [vue-admin-template](https://github.com/PanJiaChen/vue-admin-template) -- デスクトップバージョン: [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin) -- Typescriptバージョン: [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (感謝: [@Armour](https://github.com/Armour)) -- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312) - -**バージョン`v4.1.0+`以降について、デフォルトのmasterブランチではi18nをサポートしていません。masterブランチと共にアップデートされる[i18n Branch](https://github.com/PanJiaChen/vue-element-admin/tree/i18n)を使用してください。 ** - -**現在のバージョン `v4.0+` は `vue-cli` で構築していて、バグ報告は[issue](https://github.com/PanJiaChen/vue-element-admin/issues/new)のissueでお願いします。旧バージョン[tag/3.11.0](https://github.com/PanJiaChen/vue-element-admin/tree/tag/3.11.0)もあります。こちらは`vue-cli`に依存しないです。** - -**低いバージョンのブラウザはサーポートしないです(例えば ie)，必要があれば polyfill を追加してください。 [詳細はこちら](https://github.com/PanJiaChen/vue-element-admin/wiki#babel-polyfill)** - -## 前準備 - -ローカル環境に [node](http://nodejs.org/) と [git](https://git-scm.com/)のインストールが必要です。[ES2015+](http://es6.ruanyifeng.com/)、[vue](https://cn.vuejs.org/index.html)、[vuex](https://vuex.vuejs.org/zh-cn/)、[vue-router](https://router.vuejs.org/zh-cn/) 、[vue-cli](https://github.com/vuejs/vue-cli) 、[axios](https://github.com/axios/axios) と [element-ui](https://github.com/ElemeFE/element)で開発しています。Requestは[Mock.js](https://github.com/nuysoft/Mock)のモックデータを使っています。 - -**バグ修正や新規機能追加のissue と pull requestは大歓迎です。** - -

- -

- -## Sponsors - -Become a sponsor and get your logo on our README on GitHub with a link to your site. [[Become a sponsor]](https://www.patreon.com/panjiachen) - -

Admin Dashboard Templates made with Vue, React and Angular.

- -## 機能一覧 - -``` -- ログイン / ログアウト - -- Auth認証 - - ページ権限 - - 権限パーミッション - - 権限設定 - - 外部IDでログイン - -- 複数環境デプロイ - - dev sit stage prod - -- 共通機能 - - 多言語切替 - - テーマ切替 - - サイトメニュー（ルートから生成） - - パンくずリストナビゲーション - - タブナビゲーション - - Svg Sprite アイコン - - ローカル/バックエンド モック データ - - Screenfull - -- WYSIWYG - - TinyMCE - - Markdown - - JSON - -- Excel - - エクスポート - - インポート - - リード - - Zip - -- テーブル - - ダイナミックテーブル - - ドラッグアンドドロップテーブル - - インラインエディットテーブル - -- エラーページ - - 401 - - 404 - -- コンポーネント - - アバターアップロード - - トップに戻る - - ドラッグダイアログ - - ドラッグ選択 - - ドラッグKanban - - ドラッグリスト - - ペインの分割 - - Dropzone - - スティッキー - - CountTo - -- 高度なサンプル -- エラーログ -- ダッシュボード -- ガイドページ -- ECharts -- クリップボード -- Markdown to html -``` - -## Getting started +~~~ +## 开发 ```bash -# clone the project -git clone https://github.com/PanJiaChen/vue-element-admin.git +# 克隆项目 +git clone https://gitee.com/ZhongBangKeJi/crmeb_java/ -# enter the project directory -cd vue-element-admin +# 进入项目目录 +cd ## -# install dependency +# 安装依赖 npm install -# develop +# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 +npm install --registry=https://registry.npm.taobao.org + +# 启动服务 npm run dev ``` -http://localhost:9527 が自動的に開きます。 +浏览器访问 http://localhost:9527 -## Build +## 发布 ```bash -# build for test environment +# 构建测试环境 npm run build:stage -# build for production environment +# 构建生产环境 npm run build:prod ``` -## Advanced +## 其它 ```bash -# preview the release environment effect +# 预览发布环境效果 npm run preview -# preview the release environment effect + static resource analysis +# 预览发布环境效果 + 静态资源分析 npm run preview -- --report -# code format check +# 代码格式检查 npm run lint -# code format check and auto fix +# 代码格式检查并自动修复 npm run lint -- --fix ``` -詳細は [Documentation](https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html) を参照してください。 -## Changelog - -各リリースの詳細は [release notes](https://github.com/PanJiaChen/vue-element-admin/releases) にあります。 - -## Online Demo - -[Preview](https://panjiachen.github.io/vue-element-admin) - -## Donate - -If you find this project useful, you can buy author a glass of juice :tropical_drink: - -![donate](https://wpimg.wallstcn.com/bd273f0d-83a0-4ef2-92e1-9ac8ed3746b9.png) - -[Paypal Me](https://www.paypal.me/panfree23) - -[Buy me a coffee](https://www.buymeacoffee.com/Pan) - -## Browsers support - -Modern browsers and Internet Explorer 10+. - -| [IE / Edge](https://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](https://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](https://godban.github.io/browsers-support-badges/)
Chrome | [Safari](https://godban.github.io/browsers-support-badges/)
Safari | -| --------- | --------- | --------- | --------- | -| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions - -## License - -[MIT](https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE) - -Copyright (c) 2017-present PanJiaChen diff --git a/admin/README.md b/admin/README.md index a6a10447..b1da1c30 100644 --- a/admin/README.md +++ b/admin/README.md @@ -1,217 +1,256 @@ -

- -

+# CRMEB Admin +## 开发规范 +统一使用ES6 语法 +方法注释 +/* +* th => 表头 +* data => 数据 +* fileName => 文件名 +* fileType => 文件类型 +* sheetName => sheet页名 +*/ +export default function toExcel ({ th, data, fileName, fileType, sheetName }) +行注释 // -

- - vue - - - element-ui - - - Build Status - - - license - - - GitHub release - - - gitter - - - donate - -

+### 命名 -English | [简体中文](./README.zh-CN.md) | [日本語](./README.ja.md) | [Spanish](./README.es.md) +页面目录 文件夹命名格式骆驼式命名法,例如：用户列表 userList +例如：商品模块 +store 商品 + ├─ store 商品管理 + ├─index.vue 首页 + ├─ creatStore 新建商品 + ├─ index.vue + ├─ sort 商品分类 + ├─ index.vue + ├─storeAttr 商品规格 + ├─ index.vue + ├─storeComment 商品评论 + ├─ index.vue -## Introduction +页面命名、组建、文件夹 命名格式小驼峰命名法,例如：用户列表 userList -[vue-element-admin](https://panjiachen.github.io/vue-element-admin) is a production-ready front-end solution for admin interfaces. It is based on [vue](https://github.com/vuejs/vue) and uses the UI Toolkit [element-ui](https://github.com/ElemeFE/element). +类名函数命名 大驼峰式 例如：addUser +变量命名 小驼峰式 例如：user 或者 userInfo +常量 采用全大些下划线命名 例如：VUE_APP_API_URl -[vue-element-admin](https://panjiachen.github.io/vue-element-admin) is based on the newest development stack of vue and it has a built-in i18n solution, typical templates for enterprise applications, and lots of awesome features. It helps you build large and complex Single-Page Applications. I believe whatever your needs are, this project will help you. +### 文件管理规范 +views 页面模块必须件文件夹区分 +api 接口一个模块一个文件 +组建 一个组建一个文件夹 +plugins 插件一个插件一个文件夹 +vuex 路由状态管理，一个模块在modules 中建一个文件夹 +router 一个模块一个模块在modules 中建一个文件夹 +style 样式尽量采用iView自带组建，common.less 系统通用样式不要轻易动 +自定义通用样式 style.less,每次添加必须加注释，页面独立样式在在页面内写，后缀less 格式 +组建样式 styles 中添加文件夹 composents 对应components 目录新建样式文件 +utils 自定义工具js 独立命名，一般不用新建文件夹 -- [Preview](https://panjiachen.github.io/vue-element-admin) +## 模块命名 +~~~ +├─ login 登录 +├─ dashboard 首页 +├─ store 商品管理 +├─ order 系统订单管理 +├─ distribution 分销 +├─ user 用户管理 +├─ content 内容管理 +├─ appSetting 各个应用模块功能管理公众号、小程序、支付宝、百度小程序、今日头条小程序 +├─ marketing 营销管理 优惠劵 积分 +├─ sms 设置 短信设置 +├─ systemSetting 设置 管理员权限 系统设置 物流设置 +├─ maintain 维护 配置分类 组合数据 表单配置 +├─ error-page 错误页 -- [Documentation](https://panjiachen.github.io/vue-element-admin-site/) +~~~ +## 目录结构 +主要目录结构及说明： +~~~ +├── public # 静态资源 +│ ├── favicon.ico # favicon图标 +│ └── index.html # html 模板 +│ └── UEditor # 富文本编辑器插件 +├── src # 源代码 +│ ├── api # 所有请求 +│ │ └──user.js # 有关登录/用户的接口 +│ │ └──article.js # 有关内容的接口 +│ │ └──categoryApi.js # 有关配置的接口 +│ │ └──configTabApi.js # 有关配置分类的接口 +│ │ └──dashboard.js # 有关统计的接口 +│ │ └──distribution.js # 有关分销的接口 +│ │ └──logistics.js # 有关城市数据、物流配置的接口 +│ │ └──marketing.js # 有关优惠券的接口 +│ │ └──order.js # 有关订单的接口 +│ │ └──role.js # 有关权限的接口 +│ │ └──roleApi.js # 有关菜单的接口 +│ │ └──sms.js # 有关短信的接口 +│ │ └──store.js # 有关商品的接口 +│ │ └──storePoint.js # 有关提货点的接口 +│ │ └──productCreateApi.js # 有关附件上传的接口 +│ │ └──systemadmin.js # 有关管理员的接口 +│ │ └──systemConfig.js # 有关系统配置的接口 +│ │ └──systemFormConfig.js # 有关表单配置的接口 +│ │ └──systemGroup.js # 有关组合数据的接口 +│ │ └──systemSetting.js # 有关上传文件的接口 +│ │ └──user.js # 有关用户的接口 +│ │ └──wxApi.js # 有关微信的接口 +│ ├── assets # 图片、svg 等静态资源 +│ ├── components # 公共组件 +│ │ └──articleList # 文章列表 +│ │ └──attrFrom # 商品规格 +│ │ └──Breadcrumb # 头部标题标签 +│ │ └──cards # 统计小方块 +│ │ └──echarts # 统计图 +│ │ └──Category # 分类 +│ │ └──customerInfo # 用户列表 +│ │ └──FormGenerator # 表单配置 +│ │ └──couponList # 优惠劵列表 +│ │ └──goodsList # 商品列表 +│ │ └──Hamburger # 导航收缩组件 +│ │ └──HeaderSearch # 导航搜索组件 +│ │ └──iconFrom # 导航添加图标 +│ │ └──RightPanel # 右侧设置按钮，设置导航相关 +│ │ └──Screenfull # 全屏 +│ │ └──SvgIcon # svg图标 +│ │ └──Tinymce # 颜色选择 +│ │ └──ThemePicker # 右侧设置按钮，设置组题颜色 +│ │ └──templatesFrom # 运费模板 +│ │ └──ueditorFrom # 富文本编辑器 +│ │ └──uploadPicture # 上传图片组件 +│ │ └──Upload # 上传文件组件 +│ │ └──UploadExcel # 下载Excel +│ │ └──userList # 用户列表 +│ ├── layouts # 导航布局 +│ │ ├──index # 主页面 +│ │ ├──components # 导航组件 +│ │ └──Settings # 右边小按钮，设置导航等 +│ │ └──Sidebar # 侧边导航 +│ │ └──TagsView # tab标签页导航 +│ │ └──Navbar # 头部导航 +│ │ └──AppMain # 导航路由 +│ │ └──index.js # 组件引用 +│ │ └──mixins # 自适应大小 +│ ├── libs # 公共js方法 +│ │ └──settingMer # 配置请求地址 +│ ├── views # 所有页面 +│ │ └──login # 登录 +│ │ └──index # 登录 +│ │ └──dashboard # 首页 +│ │ └──store # 商品 +│ │ └──creatStore # 添加商品 +│ │ └──storeAttr # 商品规格 +│ │ └──sort # 商品分类 +│ │ └──taoBao # 复制商品 +│ │ └──storeComment # 商品评论 +│ │ └──order # 订单管理 +│ │ └──marketing # 营销 +│ │ └──coupon # 优惠劵 +│ │ └──systemSetting # 设置 +│ │ └──administratorAuthority # 管理权限 +│ │ └──adminList # 管理员列表 +│ │ └──identityManager# 身份管理 +│ │ └──permissionRules# 权限规则 +│ │ └──logistics # 物流设置 +│ │ └──cityList # 城市数据 +│ │ └──companyList # 物流公司 +│ │ └──config # 物流配置 +│ │ └──shippingTemplates # 运费模板 +│ │ └──setting # 系统设置 +│ │ └──systemStore # 提货点设置 +│ │ └──appSetting # 应用 小程序 公众号设置 +│ │ └──content # 内容 +│ │ └──article # 文章管理 +│ │ └──articleclass # 文章分类 +│ │ └──datas # 统计数据 +│ │ └──user # 用户 +│ │ └──list # 用户管理 +│ │ └──grade # 用户等级/标签 +│ │ └──group # 用户分组 +│ │ └──distribution # 分销设置 +│ │ └──maintain # 维护 +│ │ └──devconfig # 组合数据 +│ │ └──formConfig # 表单配置 +│ │ └──financial # 财务 +│ │ └──error-page # 错误页 +│ │ └──404 # 错误页404 +│ │ └──403 # 错误页403 +│ ├── filters # 过滤器 +│ ├── router # 路由配置 +│ │ └──modules # 页面路由模块 +│ │ └──content.js # 有关内容 文章 +│ │ └──user.js # 有关用户 +│ │ └──appSetting.js # 有关应用 +│ │ └──marketing.js # 有关优惠券 +│ │ └──distribution.js # 有关分销 +│ │ └──order.js # 有关订单 +│ │ └──financial.js # 有关财务 +│ │ └──store.js # 有关商品 +│ │ └──maintain.js # 有关维护 +│ │ └──operation.js # 有关设置 +│ │ └──index.js # 路由的汇总 +│ ├── store # Vuex 状态管理 +│ ├── utils # 全局公用方法 +│ │ └──request.js # 请求封装 +│ │ └──settingMer.js # 请求地址配置 +│ ├── styles # 样式管理 +│ ├── permission.js # 路由拦截 +│ ├── main.js # 入口文件 加载组件 初始化等 +│ └── App.vue # 入口页面 +├── tests # 测试 +├── .env.xxx # 环境变量配置 +├── .eslintrc.js # eslint 配置项 +├── .babelrc # babel-loader 配置 +├── .travis.yml # 自动化CI配置 +├── vue.config.js # vue-cli 配置 +├── postcss.config.js # postcss 配置 +└── package.json # package.json -- [Gitter](https://gitter.im/vue-element-admin/discuss) -- [Donate](https://panjiachen.github.io/vue-element-admin-site/donate/) - -- [Wiki](https://github.com/PanJiaChen/vue-element-admin/wiki) - -- [Gitee](https://panjiachen.gitee.io/vue-element-admin/) 国内用户可访问该地址在线预览 - -- Base template recommends using: [vue-admin-template](https://github.com/PanJiaChen/vue-admin-template) -- Desktop: [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin) -- Typescript: [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (Credits: [@Armour](https://github.com/Armour)) -- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312) - -**After the `v4.1.0+` version, the default master branch will not support i18n. Please use [i18n Branch](https://github.com/PanJiaChen/vue-element-admin/tree/i18n), it will keep up with the master update** - -**The current version is `v4.0+` build on `vue-cli`. If you find a problem, please put [issue](https://github.com/PanJiaChen/vue-element-admin/issues/new). If you want to use the old version , you can switch branch to [tag/3.11.0](https://github.com/PanJiaChen/vue-element-admin/tree/tag/3.11.0), it does not rely on `vue-cli`** - -**This project does not support low version browsers (e.g. IE). Please add polyfill by yourself.** - -## Preparation - -You need to install [node](https://nodejs.org/) and [git](https://git-scm.com/) locally. The project is based on [ES2015+](https://es6.ruanyifeng.com/), [vue](https://cn.vuejs.org/index.html), [vuex](https://vuex.vuejs.org/zh-cn/), [vue-router](https://router.vuejs.org/zh-cn/), [vue-cli](https://github.com/vuejs/vue-cli) , [axios](https://github.com/axios/axios) and [element-ui](https://github.com/ElemeFE/element), all request data is simulated using [Mock.js](https://github.com/nuysoft/Mock). -Understanding and learning this knowledge in advance will greatly help the use of this project. - -

- -

- -## Sponsors - -Become a sponsor and get your logo on our README on GitHub with a link to your site. [[Become a sponsor]](https://www.patreon.com/panjiachen) - -

Admin Dashboard Templates made with Vue, React and Angular.

- -## Features - -``` -- Login / Logout - -- Permission Authentication - - Page permission - - Directive permission - - Permission configuration page - - Two-step login - -- Multi-environment build - - dev sit stage prod - -- Global Features - - I18n - - Multiple dynamic themes - - Dynamic sidebar (supports multi-level routing) - - Dynamic breadcrumb - - Tags-view (Tab page Support right-click operation) - - Svg Sprite - - Mock data - - Screenfull - - Responsive Sidebar - -- Editor - - Rich Text Editor - - Markdown Editor - - JSON Editor - -- Excel - - Export Excel - - Upload Excel - - Visualization Excel - - Export zip - -- Table - - Dynamic Table - - Drag And Drop Table - - Inline Edit Table - -- Error Page - - 401 - - 404 - -- Components - - Avatar Upload - - Back To Top - - Drag Dialog - - Drag Select - - Drag Kanban - - Drag List - - SplitPane - - Dropzone - - Sticky - - CountTo - -- Advanced Example -- Error Log -- Dashboard -- Guide Page -- ECharts -- Clipboard -- Markdown to html -``` - -## Getting started +~~~ +## 开发 ```bash -# clone the project -git clone https://github.com/PanJiaChen/vue-element-admin.git +# 克隆项目 +git clone https://gitee.com/ZhongBangKeJi/crmeb_java/ -# enter the project directory -cd vue-element-admin +# 进入项目目录 +cd ## -# install dependency +# 安装依赖 npm install -# develop +# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 +npm install --registry=https://registry.npm.taobao.org + +# 启动服务 npm run dev ``` -This will automatically open http://localhost:9527 +浏览器访问 http://localhost:9527 -## Build +## 发布 ```bash -# build for test environment +# 构建测试环境 npm run build:stage -# build for production environment +# 构建生产环境 npm run build:prod ``` -## Advanced +## 其它 ```bash -# preview the release environment effect +# 预览发布环境效果 npm run preview -# preview the release environment effect + static resource analysis +# 预览发布环境效果 + 静态资源分析 npm run preview -- --report -# code format check +# 代码格式检查 npm run lint -# code format check and auto fix +# 代码格式检查并自动修复 npm run lint -- --fix ``` -Refer to [Documentation](https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html) for more information - -## Changelog - -Detailed changes for each release are documented in the [release notes](https://github.com/PanJiaChen/vue-element-admin/releases). - -## Online Demo - -[Preview](https://panjiachen.github.io/vue-element-admin) - -## Donate - -If you find this project useful, you can buy author a glass of juice :tropical_drink: - -![donate](https://wpimg.wallstcn.com/bd273f0d-83a0-4ef2-92e1-9ac8ed3746b9.png) - -[Paypal Me](https://www.paypal.me/panfree23) - -[Buy me a coffee](https://www.buymeacoffee.com/Pan) - -## Browsers support - -Modern browsers and Internet Explorer 10+. - -| [IE / Edge](https://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](https://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](https://godban.github.io/browsers-support-badges/)
Chrome | [Safari](https://godban.github.io/browsers-support-badges/)
Safari | -| --------- | --------- | --------- | --------- | -| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions - -## License - -[MIT](https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE) - -Copyright (c) 2017-present PanJiaChen diff --git a/admin/README.zh-CN.md b/admin/README.zh-CN.md index 3df8b8ea..a501b4b1 100644 --- a/admin/README.zh-CN.md +++ b/admin/README.zh-CN.md @@ -1,166 +1,220 @@ -

- -

+# CRMEB Admin +## 开发规范 +统一使用ES6 语法 +方法注释 +/* +* th => 表头 +* data => 数据 +* fileName => 文件名 +* fileType => 文件类型 +* sheetName => sheet页名 +*/ +export default function toExcel ({ th, data, fileName, fileType, sheetName }) +行注释 // -

- - vue - - - element-ui - - - Build Status - - - license - - - GitHub release - - - gitter - - - donate - -

+### 命名 -简体中文 | [English](./README.md) | [日本語](./README.ja.md) | [Spanish](./README.es.md) +页面目录 文件夹命名格式骆驼式命名法,例如：用户列表 userList +例如：商品模块 +store 商品 + ├─ store 商品管理 + ├─index.vue 首页 + ├─ creatStore 新建商品 + ├─ index.vue + ├─ sort 商品分类 + ├─ index.vue + ├─storeAttr 商品规格 + ├─ index.vue + ├─storeComment 商品评论 + ├─ index.vue -## 简介 +页面命名、组建、文件夹 命名格式小驼峰命名法,例如：用户列表 userList -[vue-element-admin](https://panjiachen.github.io/vue-element-admin) 是一个后台前端解决方案，它基于 [vue](https://github.com/vuejs/vue) 和 [element-ui](https://github.com/ElemeFE/element)实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么，本项目都能帮助到你。 +类名函数命名 大驼峰式 例如：addUser +变量命名 小驼峰式 例如：user 或者 userInfo +常量 采用全大些下划线命名 例如：VUE_APP_API_URl -- [在线预览](https://panjiachen.github.io/vue-element-admin) +### 文件管理规范 +views 页面模块必须件文件夹区分 +api 接口一个模块一个文件 +组建 一个组建一个文件夹 +plugins 插件一个插件一个文件夹 +vuex 路由状态管理，一个模块在modules 中建一个文件夹 +router 一个模块一个模块在modules 中建一个文件夹 +style 样式尽量采用iView自带组建，common.less 系统通用样式不要轻易动 +自定义通用样式 style.less,每次添加必须加注释，页面独立样式在在页面内写，后缀less 格式 +组建样式 styles 中添加文件夹 composents 对应components 目录新建样式文件 +utils 自定义工具js 独立命名，一般不用新建文件夹 -- [使用文档](https://panjiachen.github.io/vue-element-admin-site/zh/) +## 模块命名 +~~~ +├─ login 登录 +├─ dashboard 首页 +├─ store 商品管理 +├─ order 系统订单管理 +├─ distribution 分销 +├─ user 用户管理 +├─ content 内容管理 +├─ appSetting 各个应用模块功能管理公众号、小程序、支付宝、百度小程序、今日头条小程序 +├─ marketing 营销管理 优惠劵 积分 +├─ sms 设置 短信设置 +├─ systemSetting 设置 管理员权限 系统设置 物流设置 +├─ maintain 维护 配置分类 组合数据 表单配置 +├─ error-page 错误页 -- [Gitter 讨论组](https://gitter.im/vue-element-admin/discuss) +~~~ +## 目录结构 +主要目录结构及说明： +~~~ +├── public # 静态资源 +│ ├── favicon.ico # favicon图标 +│ └── index.html # html 模板 +│ └── UEditor # 富文本编辑器插件 +├── src # 源代码 +│ ├── api # 所有请求 +│ │ └──user.js # 有关登录/用户的接口 +│ │ └──article.js # 有关内容的接口 +│ │ └──categoryApi.js # 有关配置的接口 +│ │ └──configTabApi.js # 有关配置分类的接口 +│ │ └──dashboard.js # 有关统计的接口 +│ │ └──distribution.js # 有关分销的接口 +│ │ └──logistics.js # 有关城市数据、物流配置的接口 +│ │ └──marketing.js # 有关优惠券的接口 +│ │ └──order.js # 有关订单的接口 +│ │ └──role.js # 有关权限的接口 +│ │ └──roleApi.js # 有关菜单的接口 +│ │ └──sms.js # 有关短信的接口 +│ │ └──store.js # 有关商品的接口 +│ │ └──storePoint.js # 有关提货点的接口 +│ │ └──productCreateApi.js # 有关附件上传的接口 +│ │ └──systemadmin.js # 有关管理员的接口 +│ │ └──systemConfig.js # 有关系统配置的接口 +│ │ └──systemFormConfig.js # 有关表单配置的接口 +│ │ └──systemGroup.js # 有关组合数据的接口 +│ │ └──systemSetting.js # 有关上传文件的接口 +│ │ └──user.js # 有关用户的接口 +│ │ └──wxApi.js # 有关微信的接口 +│ ├── assets # 图片、svg 等静态资源 +│ ├── components # 公共组件 +│ │ └──articleList # 文章列表 +│ │ └──attrFrom # 商品规格 +│ │ └──Breadcrumb # 头部标题标签 +│ │ └──cards # 统计小方块 +│ │ └──echarts # 统计图 +│ │ └──Category # 分类 +│ │ └──customerInfo # 用户列表 +│ │ └──FormGenerator # 表单配置 +│ │ └──couponList # 优惠劵列表 +│ │ └──goodsList # 商品列表 +│ │ └──Hamburger # 导航收缩组件 +│ │ └──HeaderSearch # 导航搜索组件 +│ │ └──iconFrom # 导航添加图标 +│ │ └──RightPanel # 右侧设置按钮，设置导航相关 +│ │ └──Screenfull # 全屏 +│ │ └──SvgIcon # svg图标 +│ │ └──Tinymce # 颜色选择 +│ │ └──ThemePicker # 右侧设置按钮，设置组题颜色 +│ │ └──templatesFrom # 运费模板 +│ │ └──ueditorFrom # 富文本编辑器 +│ │ └──uploadPicture # 上传图片组件 +│ │ └──Upload # 上传文件组件 +│ │ └──UploadExcel # 下载Excel +│ │ └──userList # 用户列表 +│ ├── layouts # 导航布局 +│ │ ├──index # 主页面 +│ │ ├──components # 导航组件 +│ │ └──Settings # 右边小按钮，设置导航等 +│ │ └──Sidebar # 侧边导航 +│ │ └──TagsView # tab标签页导航 +│ │ └──Navbar # 头部导航 +│ │ └──AppMain # 导航路由 +│ │ └──index.js # 组件引用 +│ │ └──mixins # 自适应大小 +│ ├── libs # 公共js方法 +│ │ └──settingMer # 配置请求地址 +│ ├── views # 所有页面 +│ │ └──login # 登录 +│ │ └──index # 登录 +│ │ └──dashboard # 首页 +│ │ └──store # 商品 +│ │ └──creatStore # 添加商品 +│ │ └──storeAttr # 商品规格 +│ │ └──sort # 商品分类 +│ │ └──taoBao # 复制商品 +│ │ └──storeComment # 商品评论 +│ │ └──order # 订单管理 +│ │ └──marketing # 营销 +│ │ └──coupon # 优惠劵 +│ │ └──systemSetting # 设置 +│ │ └──administratorAuthority # 管理权限 +│ │ └──adminList # 管理员列表 +│ │ └──identityManager# 身份管理 +│ │ └──permissionRules# 权限规则 +│ │ └──logistics # 物流设置 +│ │ └──cityList # 城市数据 +│ │ └──companyList # 物流公司 +│ │ └──config # 物流配置 +│ │ └──shippingTemplates # 运费模板 +│ │ └──setting # 系统设置 +│ │ └──systemStore # 提货点设置 +│ │ └──appSetting # 应用 小程序 公众号设置 +│ │ └──content # 内容 +│ │ └──article # 文章管理 +│ │ └──articleclass # 文章分类 +│ │ └──datas # 统计数据 +│ │ └──user # 用户 +│ │ └──list # 用户管理 +│ │ └──grade # 用户等级/标签 +│ │ └──group # 用户分组 +│ │ └──distribution # 分销设置 +│ │ └──maintain # 维护 +│ │ └──devconfig # 组合数据 +│ │ └──formConfig # 表单配置 +│ │ └──financial # 财务 +│ │ └──error-page # 错误页 +│ │ └──404 # 错误页404 +│ │ └──403 # 错误页403 +│ ├── filters # 过滤器 +│ ├── router # 路由配置 +│ │ └──modules # 页面路由模块 +│ │ └──content.js # 有关内容 文章 +│ │ └──user.js # 有关用户 +│ │ └──appSetting.js # 有关应用 +│ │ └──marketing.js # 有关优惠券 +│ │ └──distribution.js # 有关分销 +│ │ └──order.js # 有关订单 +│ │ └──financial.js # 有关财务 +│ │ └──store.js # 有关商品 +│ │ └──maintain.js # 有关维护 +│ │ └──operation.js # 有关设置 +│ │ └──index.js # 路由的汇总 +│ ├── store # Vuex 状态管理 +│ ├── utils # 全局公用方法 +│ │ └──request.js # 请求封装 +│ │ └──settingMer.js # 请求地址配置 +│ ├── styles # 样式管理 +│ ├── permission.js # 路由拦截 +│ ├── main.js # 入口文件 加载组件 初始化等 +│ └── App.vue # 入口页面 +├── tests # 测试 +├── .env.xxx # 环境变量配置 +├── .eslintrc.js # eslint 配置项 +├── .babelrc # babel-loader 配置 +├── .travis.yml # 自动化CI配置 +├── vue.config.js # vue-cli 配置 +├── postcss.config.js # postcss 配置 +└── package.json # package.json -- [Donate](https://panjiachen.gitee.io/vue-element-admin-site/zh/donate) - -- [Wiki](https://github.com/PanJiaChen/vue-element-admin/wiki) - -- [Gitee](https://panjiachen.gitee.io/vue-element-admin/) 在线预览（国内用户可访问该地址） - -- [国内访问文档](https://panjiachen.gitee.io/vue-element-admin-site/zh/) 文档（方便没翻墙的用户查看） - -- 基础模板建议使用: [vue-admin-template](https://github.com/PanJiaChen/vue-admin-template) -- 桌面端: [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin) -- Typescript 版: [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (鸣谢: [@Armour](https://github.com/Armour)) -- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312) - -**`v4.1.0+`版本之后默认 master 分支将不支持国际化，有需要的请使用[i18n](https://github.com/PanJiaChen/vue-element-admin/tree/i18n)分支，它会和 master 保持同步更新** - -**该项目不支持低版本浏览器(如 ie)，有需求请自行添加 polyfill [详情](https://github.com/PanJiaChen/vue-element-admin/wiki#babel-polyfill)** - -**目前版本为 `v4.0+` 基于 `vue-cli` 进行构建，若发现问题，欢迎提[issue](https://github.com/PanJiaChen/vue-element-admin/issues/new)。若你想使用旧版本，可以切换分支到[tag/3.11.0](https://github.com/PanJiaChen/vue-element-admin/tree/tag/3.11.0)，它不依赖 `vue-cli`** - -群主 **[圈子](https://jianshiapp.com/circles/1209)** 群主会经常分享一些技术相关的东西，或者加入 [qq 群](https://github.com/PanJiaChen/vue-element-admin/issues/602) 或者关注 [微博](https://weibo.com/u/3423485724?is_all=1) - -## 前序准备 - -你需要在本地安装 [node](http://nodejs.org/) 和 [git](https://git-scm.com/)。本项目技术栈基于 [ES2015+](http://es6.ruanyifeng.com/)、[vue](https://cn.vuejs.org/index.html)、[vuex](https://vuex.vuejs.org/zh-cn/)、[vue-router](https://router.vuejs.org/zh-cn/) 、[vue-cli](https://github.com/vuejs/vue-cli) 、[axios](https://github.com/axios/axios) 和 [element-ui](https://github.com/ElemeFE/element)，所有的请求数据都使用[Mock.js](https://github.com/nuysoft/Mock)进行模拟，提前了解和学习这些知识会对使用本项目有很大的帮助。 - -同时配套了系列教程文章，如何从零构建后一个完整的后台项目，建议大家先看完这些文章再来实践本项目 - -- [手摸手，带你用 vue 撸后台 系列一(基础篇)](https://juejin.im/post/59097cd7a22b9d0065fb61d2) -- [手摸手，带你用 vue 撸后台 系列二(登录权限篇)](https://juejin.im/post/591aa14f570c35006961acac) -- [手摸手，带你用 vue 撸后台 系列三 (实战篇)](https://juejin.im/post/593121aa0ce4630057f70d35) -- [手摸手，带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板)](https://juejin.im/post/595b4d776fb9a06bbe7dba56) -- [手摸手，带你用vue撸后台 系列五(v4.0新版本)](https://juejin.im/post/5c92ff94f265da6128275a85) -- [手摸手，带你封装一个 vue component](https://segmentfault.com/a/1190000009090836) -- [手摸手，带你优雅的使用 icon](https://juejin.im/post/59bb864b5188257e7a427c09) -- [手摸手，带你用合理的姿势使用 webpack4（上）](https://juejin.im/post/5b56909a518825195f499806) -- [手摸手，带你用合理的姿势使用 webpack4（下）](https://juejin.im/post/5b5d6d6f6fb9a04fea58aabc) - -**如有问题请先看上述使用文档和文章，若不能满足，欢迎 issue 和 pr** - -

- -

- -## Sponsors - -Become a sponsor and get your logo on our README on GitHub with a link to your site. [[Become a sponsor]](https://www.patreon.com/panjiachen) - -

Admin Dashboard Templates made with Vue, React and Angular.

- -## 功能 - -``` -- 登录 / 注销 - -- 权限验证 - - 页面权限 - - 指令权限 - - 权限配置 - - 二步登录 - -- 多环境发布 - - dev sit stage prod - -- 全局功能 - - 国际化多语言 - - 多种动态换肤 - - 动态侧边栏（支持多级路由嵌套） - - 动态面包屑 - - 快捷导航(标签页) - - Svg Sprite 图标 - - 本地/后端 mock 数据 - - Screenfull全屏 - - 自适应收缩侧边栏 - -- 编辑器 - - 富文本 - - Markdown - - JSON 等多格式 - -- Excel - - 导出excel - - 导入excel - - 前端可视化excel - - 导出zip - -- 表格 - - 动态表格 - - 拖拽表格 - - 内联编辑 - -- 错误页面 - - 401 - - 404 - -- 組件 - - 头像上传 - - 返回顶部 - - 拖拽Dialog - - 拖拽Select - - 拖拽看板 - - 列表拖拽 - - SplitPane - - Dropzone - - Sticky - - CountTo - -- 综合实例 -- 错误日志 -- Dashboard -- 引导页 -- ECharts 图表 -- Clipboard(剪贴复制) -- Markdown2html -``` +~~~ ## 开发 ```bash # 克隆项目 -git clone https://github.com/PanJiaChen/vue-element-admin.git +git clone https://gitee.com/ZhongBangKeJi/crmeb_java/ # 进入项目目录 -cd vue-element-admin +cd ## # 安装依赖 npm install @@ -198,43 +252,4 @@ npm run lint # 代码格式检查并自动修复 npm run lint -- --fix -``` - -更多信息请参考 [使用文档](https://panjiachen.github.io/vue-element-admin-site/zh/) - -## Changelog - -Detailed changes for each release are documented in the [release notes](https://github.com/PanJiaChen/vue-element-admin/releases). - -## Online Demo - -[在线 Demo](https://panjiachen.github.io/vue-element-admin) - -## Donate - -如果你觉得这个项目帮助到了你，你可以帮作者买一杯果汁表示鼓励 :tropical_drink: -![donate](https://panjiachen.github.io/donate/donation.png) - -[更多捐赠方式](https://panjiachen.gitee.io/vue-element-admin-site/zh/donate) - -[Paypal Me](https://www.paypal.me/panfree23) - -[Buy me a coffee](https://www.buymeacoffee.com/Pan) - -## 购买贴纸 - -你也可以通过 购买[官方授权的贴纸](https://smallsticker.com/product/vue-element-admin) 的方式来支持 vue-element-admin - 每售出一张贴纸，本项目将获得 2 元的捐赠。 - -## Browsers support - -Modern browsers and Internet Explorer 10+. - -| [IE / Edge](https://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](https://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](https://godban.github.io/browsers-support-badges/)
Chrome | [Safari](https://godban.github.io/browsers-support-badges/)
Safari | -| --------- | --------- | --------- | --------- | -| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions - -## License - -[MIT](https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE) - -Copyright (c) 2017-present PanJiaChen +``` \ No newline at end of file diff --git a/admin/src/api/qiniu.js b/admin/src/api/qiniu.js deleted file mode 100644 index a0375844..00000000 --- a/admin/src/api/qiniu.js +++ /dev/null @@ -1,8 +0,0 @@ -import request from '@/utils/request' - -export function getToken() { - return request({ - url: '/qiniu/upload/token', // 假地址 自行替换 - method: 'get' - }) -} diff --git a/admin/src/api/remote-search.js b/admin/src/api/remote-search.js deleted file mode 100644 index 8b71d53d..00000000 --- a/admin/src/api/remote-search.js +++ /dev/null @@ -1,17 +0,0 @@ -import request from '@/utils/request' - -export function searchUser(name) { - return request({ - url: '/vue-element-admin/search/user', - method: 'get', - params: { name } - }) -} - -export function transactionList(query) { - // return request({ - // url: '/vue-element-admin/transaction/list', - // method: 'get', - // params: query - // }) -} diff --git a/admin/src/api/system.js b/admin/src/api/system.js index e8a51a9d..beb346e1 100644 --- a/admin/src/api/system.js +++ b/admin/src/api/system.js @@ -1,16 +1,4 @@ import request from '@/utils/request' - -/** - * 新增商品 - * @param pram - */ -export function productCreateApi(data) { - return request({ - url: '/admin/product/save', - method: 'POST', - data - }) -} /** * @description 附件分类 -- 所有分类 */ diff --git a/admin/src/components/Category/list.vue b/admin/src/components/Category/list.vue index db6c7180..16782e16 100644 --- a/admin/src/components/Category/list.vue +++ b/admin/src/components/Category/list.vue @@ -45,12 +45,9 @@ row-key="id" :tree-props="{children: 'child', hasChildren: 'hasChildren'}" > - - -