《VUE+Django:手把手教你打造自己的电商独立站》2.5 私有页面设计

315 阅读2分钟

《VUE+Django:手把手教你打造自己的电商独立站》专栏写作大纲

《VUE+Django:手把手教你打造自己的电商独立站》2.5 公共页面设计

书接上回,在前一章中完成了公共页面的设计,这一章完成与用户相关的私有页面设计

2.5.5 注册/登录页

提供用户注册/登录,可以更好的保存客户的浏览记录,便于分析客户的兴趣点,不断改进网站设计和商品展示。另外与账户相关的页面只有在用户登录后才能展示。通常注册和登录的页面可以复用。

一般来说需要提供多种不同的注册方式,通过邮箱注册和手机注册是比较常见的。都需要获取验证码以保证安全性,防止恶意用户对网站进行攻击

image-20230607114535-4jq0uqh.png

image-20230607114601-67xu375.png

与注册的方式对应,登录也会提供多个不同的登录方式,例如通过账户/密码、手机号。如果同步开发了小程序或者移动端的App,也可以提供扫码登录的方式

image-20230607135336-k8oe0j9.png

image-20230607135353-qbqnfo4.png

image-20230607135417-dbqgo1z.png

2.5.6 密码找回

用户在使用过程可能会忘记登录密码,为了便于用户找回密码,提供密码找回页面。

通过邮箱找回密码

image-20230613110424-f4j2r2s.png

通过手机找回密码

image-20230613110445-1eatsye.png

2.5.7 个人中心页

当用户登录网站后,在个人中心页面可以查看并维护个人基本信息,查看历史订单、购物车信息、收藏夹信息和历史询单信息,支持关键字段的排序

1.个人基本信息:用户头像、邮箱地址、电话号码、即时通信等信息可以在这里查看和维护

2.历史订单:用户可以查看已完成付款的历史订单

3.购物车:用户可以查看已经加入购物车的商品信息,也可以删除或者结算

4.收藏夹:用户可以查看或者删除收藏的商品信息

5.询单:用户可以查看或者删除历史询单记录

个人基本信息和我的订单

image-20230613112753-1w3nyu9.png

我的购物车

image-20230613112811-5vqdvm9.png

我的收藏

image-20230613112833-vbgbnq6.png

我的询单

image-20230613112850-qlqooy5.png

询单查询/追加页

用户在个人中心的“我的询单”页面点击查看时,跳转到询单查看页面。在询单查询页面最上面显示用户最早的询单问题。下面是追加询单评论的编辑区域,最下面按照时间顺序显示历史评论。

顶部使用面包屑的方式,可快速回到“个人中心”主页面。

image-20230608112650-la0zklu.png