高端设计、前端、后端的角度考虑项目的设计从全局出发

      目前市场上大多是设计不懂网站流程不懂程序，前端后端审美不足，导致沟通受限技术受限，项目无法达到当初想要的结果，设计出来的实现不了，前端切出的页面无法达到设计的要求，各种布局问题、颜色问题层出不穷不断调整，作为菜鸟的我一直很困惑所以作为UI前身的我不断探索了前端后端的学习之路，希望让自己得到提升能够有整个项目的大局观，今天第一次写一些关于设计、前端、后端工作的一些看法，如果有不对的地方还望大牛指点。那么今天我来谈谈网站添加商品到购物车功能吧，会涉及到php/js/ajax/mysql数据库/UI设计注意点。

高端设计、前端、后端的角度——网站流程案例

       先来谈谈购物车功能实现的流程，首先对接整个网站的流程建立数据库，有了数据库以后网站页面的产品就可以动态加载了，php查询数据库动态加载首页的产品得到产品相关信息，那么点击首页的商品会得到它的Id传给服务端，php得到ID以后查询商品详情页各种信息表，ajax拿到数据以后加载出商品详情页，好，由于商品详情页会涉及到图片大小和放大镜的问题，这里就应该给出大中小三个版本的图片给到前端，如果整个网站只用一张大图会影响到页面的加载问题。设计产品图最好是正方形的，如果你不想做重复操作的话,如果从设计的角度来考虑整个网站，从首页点击图片进入到详情页是同一个产品，如果首页产品图设计大小和详情页图片大小不一致，那么就要给出四个版本的图片大小，商品列表图片大小，详情页小图片、中图片、放大镜的大图片，显而易见要考虑到他们相关联的图片比例。

如何得到不同版本大小的产品图，将所有最大的图放入一个文件中，建立不同版本图的文件夹，用photoshop自动生成不同版本的图片到相应的文件夹中。

点击加入购物车需要先判断用户有没有登录，如果没有就需要提示登录，如登录传三个数据到服务端，分别是用户的id、商品的id、商品的数量。那么php拿到数据以后，需要判断该用户的购物车有没有这个商品，如果没有插入商品，有就更新商品的数量。

高端设计、前端、后端的角度考虑项目的设计从全局出发

       流程说完了，那么前端应该注意的是不要随便修改设计稿这是大忌，遇到问题先沟通，前端通常很容易忽略设计稿的颜色，间距，图片的完整性，一味的实现功能，也不是不可以，但是后期对接调整你就明白后果了，请保持设计稿的一致性，一遍能做好的不要来第二遍，页面多时调整工程巨大还会导致一起加班相互埋怨得不偿失。

重庆网站公司润雪专注于重庆网站建设,建站,建网站,做网站,在重庆网站设计,网站制作,网页设计,网页制作方面优势突出，是重庆网站建设公司的领衔者之一 。联系电话:400-807-5908

本文由重庆网站建设公司润雪科技原创，文章地址：/news/id/1744.html