后台项目示例.md

后台项目示例

本节我们将使用express，vue，redux，vue-router来开发一个后台项目。

详细的项目源码可参看：github地址

注意：如果你需要在不支持promise的浏览器上运行，你需要额外引入bluebird。

功能点

1. 用户登录、退出登录、登录页面的用户状态判断。
2. 通过登录时获取的菜单信息进行跳转。
3. 根据登录时获取的菜单信息载入不同的菜单列表。
4. Dashboard页面动态加载信息。

数据结构

{
    "modal":{            //模态窗口
        "loading":false, //是否加载
        "alert":""       //错误提示
    },
    "admin":{            //登录用户信息
        "status":0,      //登录状态，0-未登录，1-已登录
        "name":"",       //登录名
        "menus":[]       //可访问的菜单别名列表，我们预设了dashboard,list两个
    },
    "dashboard":{        //控制台数据
        "regNum":-1,     //注册信息
        "useNum":-1      //使用信息
    },
    "list":{}            //列表数据
}

注意

• 本次的css会合并入单页组件中，在实际项目建议分离。