良仓项目

2017-11-03  本文已影响0人  邱帅123

良仓项目地址

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

猜你喜欢

热点阅读