良仓项目地址
http://qxu1141770290.my3w.com/cs-rulang/cs-qiushuai/liangcang/liangcang-shouye-cs-qiushuai.html
需求分析
客户需求：网页基本功能实习，美观。
前端程序员需求：掌握网页开发技术，熟悉后台数据的获取。
代码展示
var oShopBox = document.getElementById("shop-box")
//<div class="item"><div class="item-img"><img src=""/><a href='#'><div class='item-bg'><h2></h2><h3></h3></div></div></a>
//<a href="#"><p></p></a></div>
var url2 ="http://h6.duchengjiu.top/shop/api_goods.php"
var data2 = {
"page":2,
"pagesize":18
}
$.get(url2,data2,function(obj){
console.log(obj)
var h = "";
for (var i = 0; i < obj.data.length; i++) {
if (i%3 == 0) {
h += "<div class='item first'><div class='item-img'><img src='"
} else{
h += "<div class='item'><div class='item-img'><img src='"
}
h += obj.data[i].goods_thumb
h += "'/><a href='aShop.html?id="
h += obj.data[i].goods_id
h += "'><div class='item-bg'><h2>￥"
h += obj.data[i].price
h += "</h2><h3>"
h += obj.data[i].goods_desc
h += "</h3></div></div></a><a href='#'><p>"
h += obj.data[i].goods_name
h += "</p></a></div>"
}
$(oShopBox).html(h)
})
项目总结
通过了此次web前端项目开发的实训，让我们认识到了整个项目开发的流程，让我们所有人的编程能力有了明显的提高，同时我们也认识到了web前端项目的开发并不仅仅是编写代码那么简单，在编码之前的很多工作都是很重要的，比如说项目的需求分析和概要说明，特别是详细设计，因为代码就是依据详细设计来进行编写的；当然代码编写后的测试分析的编写也是很必要的。整个项目必须根据网页开发的流程一步一步走才能取得最后的成功。当然最重要的是通过此次实训，我们了解到了团队合作的重要性，这只是个小项目，但涉及的内容已经不是一两个人就能解决的，必须要通过团队的讨论和分析，只有这样才是项目开发成功的前提。
