Skip to content
This repository has been archived by the owner on Jun 28, 2023. It is now read-only.

Latest commit

 

History

History
124 lines (101 loc) · 5.02 KB

update.md

File metadata and controls

124 lines (101 loc) · 5.02 KB

更新日志

2020.8.30 更新

  • build: 打包后的文件从绝对路径改成相对路径,也就是说打包后的文件不能放在服务器根目录下。

2020.8.14 更新

  • new: loading 从 components/Index.vue 挪到了 App.vue。axios 从 components/Index.vue 挪到了 utils/request.js,并对其进行了封装,方便复用。
  • new: 重构了 loading 和 axios 拦截器使用方式,并提供了一个 ajax DEMO 放在首页。

2020.6.5 更新

  • new: 新增外链功能,点击菜单可以跳到一个新页面,地址为指定的 URL。
  • new: 新增独立路由页面功能,点击侧边栏可以跳转到单独的路由页面(铺满屏幕,顶级路由)。

具体示例请查看源码 src/store/indexdemo

2019.12.21 更新

  • refactor: 将 404 页面独立出来,单独展示(占满屏幕)
  • new: 新增 eslint,配合 vscode 可以自动格式化代码
  • new: 新增 jest 单元测试
  • new: 页面标题 document.title,在 src/utils/index 下可设置默认的 title,在每个路由配置项上可设置对应的 title,具体示例请看代码

2019.12.13 更新

  • fix: 修复在IE下关闭标签栏时,页面抖动的问题
  • refactor: 同时将左右两栏的布局方式从 flex 布局更改为 fixed + margin 的方式

2019.10.30 更新

  • new: 在对应的菜单项上添加 hidden 属性,即可隐藏对应的菜单项,但还是可以在地址栏上输入对应的 URL 来访问页面。 使用方法
{
    type: 'ios-grid',
    name: 't1',
    text: '表格',
    hidden: true, // 隐藏此菜单 可以通过在地址栏上输入对应的 URL 来显示页面
}

2019.10.14 更新

  • fix: 修复窗口宽度过小不会收缩侧边栏的问题
  • new: 打开页面时,默认展开和路由对应的菜单栏

2019.8.19 更新

  • fix: components/Index.vue 文件第 31 行代码的 v-show="isShowAsideTitle" 会造成侧边栏收缩时二级菜单隐藏,目前已修复。

2019.7.24 更新

  • new: 增加页面进度条,跳转时显示

2019.6.25 更新

  • fix: 修复路由表冲突问题

退出当前用户,换账号重新登陆时,上个账号和现在的账号路由表会有冲突的问题,解决办法是在退出登陆时重置路由表。

具体实现请查看 router/index.jsLogin.vueIndex.vue 的退出登陆回调方法。

2019.6.18 更新

  • new: 优化动态添加路由功能

以前的动态路由功能并不完善,首先要将所有的路由都添加到路由表里,然后根据后台返回的菜单栏数据来生成菜单。

导致的问题就是,虽然有页面在菜单栏上不显示,但由于已经添加到路由表里了,所以可以在地址栏上手动输入在菜单栏上不存在(但在路由表存在)的页面,进而可以越权访问。

现在除了必要的页面需要在一开始添加到路由表里,其他的页面都可以根据后台数据来自动生成。而且菜单栏上没有的页面,在地址栏上输入地址也是访问不了的。

另外,如果在未登陆时要访问某一指定页面,会重定向到登陆页,登陆成功后会自动跳到这个指定页面。

具体实现请看 permission.jsutil 目录下的 index.js 文件

2019.3.14 更新

  • new: 增加404页面

假如跳转到一个不存在的页面时会重定向到404页面

2019.3.8 更新

  • new: 增加面包屑功能 用于展示当前页面的路径

  • new: 增加权限控制功能,如果未登陆,访问所有页面都重定向到登陆页

2019.3.1 更新

  • new: 增加动态菜单栏功能

菜单项中的 icon 使用的是 iview 组件的 icon 组件。

数据格式:

// 左侧菜单栏数据
menuItems: [
    {
        name: 'Home', // 要跳转的路由名称 不是路径
        size: 18, // icon大小 非必填
        type: 'md-home', // icon类型 非必填
        text: '主页' // 文本内容
    },
    {
        text: '二级菜单',
        type: 'ios-paper',
        children: [
            {
                type: 'ios-grid',
                name: 'T1',
                text: '表格',
                hidden: true, // 可以在菜单中隐藏此菜单项,但还是可以访问此页面,只是不能在菜单栏中看见。
            },
            {
                text: '三级菜单',
                type: 'ios-paper',
                children: [
                    {
                        type: 'ios-notifications-outline',
                        name: 'Msg',
                        text: '查看消息'
                    },
                    {
                        type: 'md-lock',
                        name: 'Password',
                        text: '修改密码'
                    },
                    {
                        type: 'md-person',
                        name: 'UserInfo',
                        text: '基本资料',
                    }
                ]
            }
        ]
    }
]