在产品经理制作项目原型的时候，购物车是最常用的到的功能，今天小编就分享一下购物车的原型制作。
在动手之前我们先来分析一下购物车到底都有些什么功能，需要展示些什么。 分析过程中，我们可以参照一些电子商城的购物车，找到他们共性功能。
- 购物展示的内容包括：产品图片、产品名称、单价、数量、数量增减按钮、立即支付按钮、总价等
- 页面加载之后自动计算总价
- 当产品数量增减时，总价自动变化
- 当产品数量为1 的时候，进行减数量操作就是删除该产品，弹出系统删除提示框。
打开axure，新建一个购物车页面，制作相应的元素，如图所示：
把产品一的价格数字命名为price1，减号按钮为reduce1，文本框为 digital1，加号为plus1，产品二的价格数字命名为price2，减号按钮为reduce2，文本框为 digital2，加号为plus2。
购物车基本元素这样就基本完成了，然后开始制作交互，首先我们来制作页面加载完成自动计算总价，添加页面载入时事件，消费的总价=产品一的数量*价格+产品二数量*价格；拖入一个文本框，删除其默认文字。
载入时，设置总价的文字，添加局部变量a为产品一的价格，b为产品一的数量，c为产品二的价格，d为产品二的数量，那么总价就是a*b+c*d，点击掺入变量，选择a*b+c*d。
F5运行一下就会，就会发现在页面加载过程中，总价那块就会出现数字。
然后开始制作数量的增减，数量变化时，总价会跟着变化，当数量为1的时候，再次点击加号，那么就会弹出提示框，点击是就删除该产品。
制作提示框：拖入动态面板，为了使程序更加的友好；制作两个状态；
以状态“删除产品一为例”
添加鼠标单机事件：按钮“是”隐藏：产品一的所有元素以及动态面板，按钮“否”只隐藏动态面板
所以再制作减号的时候需要考虑考虑两种情况，一种是等于1的情况，一种是大于等于2的情况，因为数量都是整数，所以不用考虑1-2之间的情况。
当数字等于1的时候，添加鼠标单机事件：
添加条件
设置面板状态，选择状态一，并勾选如果隐藏则现实面板
然后添加数量大于2的情况，双击鼠标单击事件吗，添加条件：
设置本文digital1-1。
按照以上流程制作产品二。
F5运行一下，购物车基本流程就制作完成了
閱讀更多 夢室筆談 的文章
