1.2.0 • Published 7 years ago

vuemin v1.2.0

Weekly downloads
21
License
-
Repository
-
Last release
7 years ago

1. 开发环境部署

$ npm install vuemin -g             # 安装vuemin
$ vuemin xxx                        # 创建项目xxx目录
$ cd xxx                            # 进入xxx目录
$ npm install                       # 安装开发依赖包
$ npm run dev                       # 启动webpack-dev-server

2. 目录结构

src  
├── js           # javascript文件
    ├── config   # 框架所需的配置文件
    ├── filter   # 渲染页面之前经过的过滤器,可以进行判断登录态、用户权限等操作 
    ├── layout   # 页面布局结构
    ├── pages    # 主体显示区域页面片,对应了不同的路由,视图逻辑主要定义在这里
    ├── store    # 数据存储,使用Vuex进行状态管理
    ├── util     # 工具函数,按照类别归入不同的文件夹中 
    ├── main.js  # webpack打包入口文件
├── assets       # 资源文件,包括图片、字体文件等
├── smart-ui     # 移动端组件库
├── t-ui         # PC端组件库 
├── mock         # 假接口文件 
├── sass         # 公共样式与样式变量文件
└── index.html   # 入口html文件

3. 路由配置

在src/js/config/router.js中配置,具体参数如下:

参数名值(举例)功能是否必填
path/home路由路径
componentHOME引入具体页面vue文件
auth'AUTH_HOME'路由权限
logintrue是否进行登录校验
layoutLayoutPure选用哪一套layout

4. 菜单配置

菜单包括左侧主菜单和头部次级菜单,统一在src/js/config/nav.js中配置,具体参数如下:

参数名值(举例)功能是否必填
iconfa fa-cubes图标,使用font awesome
text页面一菜单文本
path/home点击跳转路由路径最后一层必填
auth'AUTH_HOME'菜单权限
children与父节点结构相同的对象子菜单
endtrue该参数之后的children由左侧主菜单转到头部次级菜单

5. 接口配置

项目中所有的接口地址统一在src/js/config/api.js中管理。 开头为'/mock/'的接口会直接读取mock文件夹下的假接口文件。 其他的接口会走webpack-dev-server代理,更改代理的配置在根目录下webpack.config.development.js文件中修改。

6. filter配置

filter是在每次路由跳转页面渲染之前进行的一系列的校验。 所有的filter会按照src/js/config/filter.js中所定义的顺序顺序执行。

7. ajax请求

7.1 ajax默认参数配置

ajax请求的默认参数在src/js/config/ajax.js中配置,具体参数如下:

参数名值(举例)功能是否必填
methodget请求方法
timeout1000超时时间
responseTypejson返回数据格式
beforeSuccess函数请求成功之前的处理通常用作错误码处理

7.2 错误码字典配置

在src/js/config/ajaxcode.js中配置

7.3 ajax方法的使用

业务逻辑中调用ajax方法时使用Util.ajax方法,具体参数如下:

参数名值(举例)功能是否必填
urlApi.xxx请求地址
data对象请求参数
methodget请求方法
timeout1000超时时间
responseTypejson返回数据格式
beforeSuccess函数请求成功之前的处理通常用作错误码处理
success函数请求成功之后的处理
error函数请求失败之后的处理
1.2.0

7 years ago

1.1.1

7 years ago

1.1.0

7 years ago

1.0.19

7 years ago

1.0.18

7 years ago

1.0.17

7 years ago

1.0.16

7 years ago

1.0.15

7 years ago

1.0.14

7 years ago

1.0.6

7 years ago

1.0.5

7 years ago

1.0.4

7 years ago

1.0.3

7 years ago

1.0.2

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago