这一节中,我们将来实现和目标网站一样的用户中心,不仅仅是页面的外观,也包括页面提供的功能。通过本节的学习,大家可以对菜单项类型,以及菜单项类型和组件的关系有一个教深刻的认识。

1,本节目标


实现和目标网站一样的用户中心

2,我们要做什么


出发之前最关键的就是要明白自己的目标是什么!下面就是我们要实现的页面的截图:

Joomla用户中心.png

以我们现有的能力,要实现这个页面并不困难。通过初步的分析,大概能够了解整个用户中心界面组成为:左边是菜单项导航模块,右边是该页面的详情(这种布局也是国内常见的布局结构)。那么接下来就是依据需要来创建菜单和菜单项了。

3,如何去做


3.1 创建菜单

请注意,这是我们是要创建一个菜单,而不是菜单项。在目标网站中,内容页面使用的导航菜单和用户中心是两个独立的菜单模块,因此,我们需要另外创建一个菜单,而不是在主菜单下增加新的菜单项

登录后,在菜单 —> 菜单管理中点击新建,进入菜单的编辑界面,如图:

Joomla创建用户菜单.png

保存后,在列表中能够看到新建的菜单。如图:

Joomla菜单列表.png

在上面可以看到  新建的用户菜单 和 我们前面章节一直在使用的主菜单是两个独立的菜单。

3.2 在菜单中添加菜单项

下面要做的事情就比较简单,按照需要新建菜单项即可。每一个不同的页面,实质就是不同的菜单项类型。

4,用户中心菜单项类型说明


4.1 个人中心 这个菜单项的类型是 “ZMAX用户中心 - 用户中心”。它的功能是提供一个可以组合不同菜单和模块的页面。截图如下:

Joomla菜单项-个人中心.png

4.2 我的订单 这个菜单项的类型是 “ZMAX商城 - 订单列表”。它的功能是为显示当前用户的所有订单。截图如下:

joomla菜单项-订单列表.png

4.3 收货地址 这个菜单项的类型是 “ZMAX商城 - 地址列表”。它的功能是为显示当前用户的地址列表。截图如下:

joomla菜单项-地址列表.png

4.4 我的购物车 这个菜单项的类型是 “ZMAX商城 - 我的购物车”。它的功能是为显示当前用户的购物车。截图如下:

joomla菜单项-我的购物车.png

4.5 我的投稿 这个菜单项的类型是 “ZMAX用户中心 - 我的投稿”。它的功能是为显示当前用户的所有投稿。截图如下:

joomla菜单项-我的投稿.png

4.6 审核稿件 这个菜单项的类型是 “ZMAX用户中心 - 审核稿件”。它的功能是为提供稿件的审核界面。截图如下:

joomla菜单项-审核稿件.png

4.7 我的收藏 这个菜单项的类型是 “ZMAX用户中心 - 我的收藏”。它的功能是为显示当前用户所有的收藏。截图如下:

joomla菜单项-我的收藏.png

4.8 问卷调查 这个菜单项的类型是 “ZMAX用户中心 - 喜好调查”。它的功能是为提供一个调查问卷,手机用户的个人偏好。截图如下:

joomla菜单项-问卷调查.png

4.9 个人信息 这个菜单项的类型是 “ZMAX用户中心 - 个人资料”。它的功能是显示当前用户的个人资料。截图如下:

joomla菜单项-个人资料.png

4.10 账号安全 这个菜单项的类型是 “ZMAX用户中心 - 账号安全”。它的功能是提供账号密码保护,密码修改,手机号绑定等等安全功能的。截图如下:

joomla菜单项-账号安全.png

4.11 退出 这个菜单项的类型是 “ZMAX用户中心 - 安全退出”。它的功能是退出登录状态。截图如下:

joomla菜单项-安全退出.png

至此,我们就完成了用户中心所有菜单项的建立,截图如下:

joomla用户中心功能列表.png

用户评分: 0 / 5

不活动星星不活动星星不活动星星不活动星星不活动星星