在开始设计之前,我们需要先知道以下几件事
1.前端和后台的区别;一个页面的本质作用是向浏览者展现数据。后台负责为前端提供数据(指定数据源,绑定数据)。前端负责数据的具体展示形式。
2.数据类型:网站中的数据分为静态数据与动态数据。以数组作例子,静态数据是一组声明过且初始化的,不再变的固定数组。而动态数据是一组声明过但未被赋值的可变数组,由浏览者或开发者往里填入想填的东西。
3.数据展现形式:网站中的数据总体而言有两种展现形式,重复展示和单独展示。重复展示的意思是,我们可以一次性在页面里看到所有的数据,例如产品列表。单独展示的意思是,我们一次只能看到单独一组数据,例如产品详情。对于重复展示的数据,可以釆用数据绑定技术,直接实现一个数组的遍历展示。对于单独展示的数据,则考虑指定ID,依据ID展示对应的数据内容。(无repeater)
4.数据响应模式。数据响应是的意思是浏览者发送了数据访问的请求,网站什么时候返回响应数据。例如我们点击产品列表,发送了“让我访问产品详情”的要求,网站立刻跳转到产品详情页面,这属于“同步请求”。再例如我们点击某个产品的“加入购物车”,发送了“把这个产品加入购物车”的要求,网站并不立刻跳转到购物车页面,而是直到我们想看购物车情况,点击"查看购物车”按钮后才跳转到购物车页面。这属于“异步请求”。
异步/同步详解
总体而言,这次设计的steam游戏购物网站需要实现以下各功能;
产品列表展示
我们需要在首页实现一个用于展示的产品列表,供顾客总体了解本店有哪些产品。产品列表的数据是静态数据,展现形式是重复展示,
产品详情
我们需要一个产品详情页面,对,只有一个。它的具体内容取决于我们点了产品列表的哪一个产品。我们点了产品列表中的A,看到的产品详情页面中展现的就是A的信息。产品列表与产品详情之间的数据响应模式属于“同歩请求”,也就是说我们点了A后,网站要立刻跳转到含A信息的产品详情页面。显然产品详情数据是静态数据(与产品列表数据一致),展现形式是单独展现(一次只看到一种产品的信息)。
购物车
购物网站嘛,购物车自然是必须的。购物车数据是动态数据(购物车的内容完全由顾客决定)。购物车数据展现形式是重复展现(顾客买了什么产品一览无余)。产品详情与购物车之间的数据响应模式是“异步请求”。同时在购物车界面要能实现基本的增删商品,清除某类商品,清空购物车功能。
订单
显示用户信息(姓名,地址,电话)。显示购物车信息(只可读)
登录界面
负责用户登录。
马上就要到嘉兴南了,爱你。