目录介绍
概览
| 目录 | 说明 |
|---|---|
| buyer | 买家端 |
| manager-admin | 平台管理端 |
| manager-seller | 商家管理端 |
| manager-decor | 装修端（商家装修、平台装修都会进入此端） |
| ui-components | 全局公用组件,各个端都会用到 |
| ui-domain | 全局域名配置,各个端都会用到 |
| ui-utils | 通用工具,各个端都会用到 |
buyer
| 目录 | 说明 |
|---|---|
| config | 配置文件目录 |
| src/api | api调用js |
| src/component | 买家端组件 |
| src/lang | 语言包文件 |
| src/layouts | 单页布局文件 |
| src/router | 路由 |
| src/store | Vuex Store |
| src/utils | 买家端使用的工具js |
| src/views | 各个模块的vue页面 |
| static | 静态文件，如固定图片、jquery js等 |
| ui-domain | 作用：引入父目录的ui-domain |
| ui-utils | 作用：引入父目录的ui-ui-tils |
manager-admin
| 目录 | 说明 |
|---|---|
| config | 配置文件目录 |
| src/api | api调用js |
| src/component | 平台管理端组件 |
| src/filters | 全局过滤器 |
| src/lang | 语言包文件 |
| src/layouts | 单页布局文件 |
| src/router | 路由 |
| src/store | Vuex Store |
| src/utils | 平台管理端使用的工具js |
| src/styles | 样式文件 |
| src/views | 各个模块的vue页面 |
| static | 静态文件，如固定图片、jquery js等 |
| ui-domain | 作用：引入父目录的ui-domain |
| ui-utils | 作用：引入父目录的ui-ui-tils |
manager-seller
| 目录 | 说明 |
|---|---|
| config | 配置文件目录 |
| src/api | api调用js |
| src/component | 平台管理端组件 |
| src/filters | 全局过滤器 |
| src/lang | 语言包文件 |
| src/layouts | 单页布局文件 |
| src/router | 路由 |
| src/store | Vuex Store |
| src/utils | 商家端端使用的工具js |
| src/styles | 样式文件 |
| src/views | 各个模块的vue页面 |
| static | 静态文件，如固定图片、jquery js等 |
| ui-domain | 作用：引入父目录的ui-domain |
| ui-utils | 作用：引入父目录的ui-ui-tils |
manager-decor
| 目录 | 说明 |
|---|---|
| public | 静态文件，如固定图片、jquery js等 |
| src/api | api调用js |
| src/assets | 装修端的字体 |
| src/store | Vuex Store |
| src/utils | 商家端端使用的工具js |
| src/styles | 样式文件 |
| src/views | vue页面 |
| ui-domain | 作用：引入父目录的ui-domain |
| ui-utils | 作用：引入父目录的ui-ui-tils |
配置文件
| 位置 | 说明 |
|---|---|
| /ui-domain/alias.js | 虚拟目录配置 |
| /ui-domain/api.js | 后端api域名配置 |
| ui-domain/domain.js | 前端域名配置 |
详见配置文件详解
通用性js介绍
request.js
位置：/src/utils/request.js
作用
拦截axios的request和resposne，做token传递以及交易，统一的异常处理
使用
function somemethod(params) {
return request({
url: 'api路径',
method: Method.GET,
needToken: true,
params
})
}
somemethod(params).then(response => {
this.data= response.data;
})
参数说明
| 参数 | 说明 |
|---|---|
| url | 请求的api路径，不需要带域名，会拼合/ui-domain/api.js中配置的响应端的api域名 |
| method | 请求的method,GET,POST,DETELE,PUT |
| needToken | true或false,如果为true会检测token合法性，token不合符则不会发起请求 |
| 其他参数 | 如:{'name':'yourname'}，这些参数会一同发送给后端 |
返回值说明
axios的Promise对象，其resolve是api的返回值，例如服务器端api返回值为：
{
'ordersn':123,
'price':123
}
则：
somemethod(params).then(response => {
this.ordersn= response.ordersn;
})
checkToken.js
位置：/src/utils/checkToken.js
作用
token的检查，以及刷新
使用
checkToken().then(() => {
//do something
})
mixin.js
位置：/src/utils/mixin.js
作用
vue的全局mixin，提供一些常用的方法
方法介绍
| 方法 | 说明 |
|---|---|
| MixinClone | 克隆对象 |
| MixinSetTableData | 用于修改单条表格数据后，set到tableData中 |
| MixinRequired | 用于判断表单是否为空 |
| MixinFormatPrice | 格式化货币 |
| MixinUnixToDate | 格式化时间 |
| MixinExportJosnToExcel | 导出Excel |
| MixinPrintHtmlStr | 打印HTML字符串 |
clipboard.js
位置：/src/utils/clipboard
作用
剪贴板工具
使用
<div @click="handleClipboard(generateIconCode(item),$event)">
<script>
import clipboard from '@/utils/clipboard'
handleClipboard(text, event) {
clipboard(text, event)
}
</script>
storage.js
位置：/src/utils/storage.js
作用
本地数据存储
tip
在设置值时，会根据cookieKeys里的元素，自动将数据存储到cookie或者是localstorage中。
cookieKeys常量在storage.js中：
const cookieKeys = ['seller_uuid', 'seller_uid']
使用
import Storage from '@/utils/storage'
Storage.setItem('somekey','hello')
let value = Storage.getItem('somekey')
方法介绍
| 参数 | 说明 |
|---|---|
| setItem | 设置数据的统一封装 |
| getItem | 获取数据的统一封装 |
| removeItem | 移除数据的统一封装 |