学习了react的知识，赶快动手实践一下吧！

一、 网页整体要求

    1、 要求页面美观，与提供的页面效果图、结构保持一致

    2、 要求在代码中添加必要注释

二、 具体要求

    第一步：实现Header模块的组件拆分与样式布局:

        （1）Header包含左侧logo和右侧的菜单

        （2）点击不同的导航，显示不同的新闻列表，要求结合ajax获取Header组件的数据，以及实现页脚的样式布局。

        备注：数据请求接口为：http://www.dell-lee.com/react/api/header.json

    第二步：实现新闻列表模块

        （1）使用动态路由获取不同列表内容

        （2）点击每一条列表项跳转到详情页

        备注：数据请求接口为：http://www.dell-lee.com/react/api/list.json

    第三步：实现详情页，详情页包含：

        （1）    文章标题

        （2）    文章正文

    第四步：实现登录功能模块

        （1）    添加一个“登录”按钮

        （2）    点击登录弹出登录表单弹窗

        （3）    输入用户名和密码，登录成功后，登录按钮上的文字变成“退出”

        备注：数据请求接口为：

        ①http://www.dell-lee.com/react/api/login.json

        ②http://www.dell-lee.com/react/api/isLogin.json

        ③http://www.dell-lee.com/react/api/logout.json

    第五步：完成根据登陆权限决定页面展示的功能：

        （1）    完成vip页面的样式布局

        （2）    在“登录”按钮右侧添加一个“vip”按钮

        （3）    点击“vip”按钮跳转进入到vip页面

        （4）    如果是登录成功的状态，则能看见vip页面的内容，如果没有登录，则不能查看vip页面的内容

Header模块【13分】

        * Header包含左侧logo和右侧的菜单 

        * 结合ajax获取Header组件的数据

        * 点击不同的导航，显示不同的新闻列表 

新闻列表模块【18分】

        * 使用动态路由获取不同列表内容

        * 点击每一条列表项跳转到详情页

详情页【10分】

        * 文章标题

        * 文章正文

登录功能模块【27分】

        * 点击登录弹出登录表单弹窗，   输入用户名和密码，登录成功后，登录按钮上的文字变成“退出”    添加一个“登录”按钮    

        * 点击登录弹出登录表单弹窗    

         * 输入用户名和密码，登录成功后，登录按钮上的文字变成“退出”    

登陆权限【32分】

         * 完成vip页面的样式布局    

         * 在“登录”按钮右侧添加一个“vip”按钮    

         * 点击“vip”按钮跳转进入到vip页面    

         * 如果是登录成功的状态，则能看见vip页面的内容，如果没有登录，则不能查看vip页面的内容