# **PC后臺 Vue項目** ~~~ ├── 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 ~~~