这一节中,我们将来实现和目标网站一样的用户中心,不仅仅是页面的外观,也包括页面提供的功能。通过本节的学习,大家可以对菜单项类型,以及菜单项类型和组件的关系有一个教深刻的认识。
1,本节目标
实现和目标网站一样的用户中心
2,我们要做什么
出发之前最关键的就是要明白自己的目标是什么!下面就是我们要实现的页面的截图:
以我们现有的能力,要实现这个页面并不困难。通过初步的分析,大概能够了解整个用户中心界面组成为:左边是菜单项导航模块,右边是该页面的详情(这种布局也是国内常见的布局结构)。那么接下来就是依据需要来创建菜单和菜单项了。
3,如何去做
3.1 创建菜单
请注意,这是我们是要创建一个菜单,而不是菜单项。在目标网站中,内容页面使用的导航菜单和用户中心是两个独立的菜单模块,因此,我们需要另外创建一个菜单,而不是在主菜单下增加新的菜单项。
登录后,在菜单 —> 菜单管理中点击新建,进入菜单的编辑界面,如图:
保存后,在列表中能够看到新建的菜单。如图:
在上面可以看到 新建的用户菜单 和 我们前面章节一直在使用的主菜单是两个独立的菜单。
3.2 在菜单中添加菜单项
下面要做的事情就比较简单,按照需要新建菜单项即可。每一个不同的页面,实质就是不同的菜单项类型。
4,用户中心菜单项类型说明
4.1 个人中心 这个菜单项的类型是 “ZMAX用户中心 - 用户中心”。它的功能是提供一个可以组合不同菜单和模块的页面。截图如下:
4.2 我的订单 这个菜单项的类型是 “ZMAX商城 - 订单列表”。它的功能是为显示当前用户的所有订单。截图如下:
4.3 收货地址 这个菜单项的类型是 “ZMAX商城 - 地址列表”。它的功能是为显示当前用户的地址列表。截图如下:
4.4 我的购物车 这个菜单项的类型是 “ZMAX商城 - 我的购物车”。它的功能是为显示当前用户的购物车。截图如下:
4.5 我的投稿 这个菜单项的类型是 “ZMAX用户中心 - 我的投稿”。它的功能是为显示当前用户的所有投稿。截图如下:
4.6 审核稿件 这个菜单项的类型是 “ZMAX用户中心 - 审核稿件”。它的功能是为提供稿件的审核界面。截图如下:
4.7 我的收藏 这个菜单项的类型是 “ZMAX用户中心 - 我的收藏”。它的功能是为显示当前用户所有的收藏。截图如下:
4.8 问卷调查 这个菜单项的类型是 “ZMAX用户中心 - 喜好调查”。它的功能是为提供一个调查问卷,手机用户的个人偏好。截图如下:
4.9 个人信息 这个菜单项的类型是 “ZMAX用户中心 - 个人资料”。它的功能是显示当前用户的个人资料。截图如下:
4.10 账号安全 这个菜单项的类型是 “ZMAX用户中心 - 账号安全”。它的功能是提供账号密码保护,密码修改,手机号绑定等等安全功能的。截图如下:
4.11 退出 这个菜单项的类型是 “ZMAX用户中心 - 安全退出”。它的功能是退出登录状态。截图如下:
至此,我们就完成了用户中心所有菜单项的建立,截图如下:
评论 (0)