良仓项目地址

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前端项目的开发并不仅仅是编写代码那么简单，在编码之前的很多工作都是很重要的，比如说项目的需求分析和概要说明，特别是详细设计，因为代码就是依据详细设计来进行编写的；当然代码编写后的测试分析的编写也是很必要的。整个项目必须根据网页开发的流程一步一步走才能取得最后的成功。当然最重要的是通过此次实训，我们了解到了团队合作的重要性，这只是个小项目，但涉及的内容已经不是一两个人就能解决的，必须要通过团队的讨论和分析，只有这样才是项目开发成功的前提。