上一周我们做了良仓的项目,在项目中我们收获了很多的,也发现了自己的好多的不足的地方,总结如下:
1,在项目开发中最重要的是团队合作,一个人力量在强大也比不上一个团队的力量,我们不宣扬个人主义。
2,在项目开发中首先要拟好一份计划,没有计划的做事是不成功的
3,要分工明确,避免造成混乱,
4,在项目开发过程中组员之间要多沟通,不懂不会卡住的地方一起去研究探讨。
5,不要在一个地方卡死,实在不行就先跳过,把后面的做完,有时间在来弄卡死的地方。
6,项目每天完成提交上github上保存一天工作项目,避免丢失。
7,项目写完后,必须先测试,测试无bug,无错误才上线。
在这一个星期的做项目里我遇到到的问题:
到时第一天的计划是计划把第一个页面样式做好
但是实际情况出很多问题,最主要的还是不知道那些地方用到ajax,
后来第二天,通过详细的分享和小组的探讨终于有思路了,但是随后有有问题了就是ajax实在有点蒙蔽,不知道如何写,一直拖到了第三天,后来还是通过百度啊和小组探讨分析啊才解决,还有就是因为我们项目大多少时间都用在了静态页面布局上所以进度非常缓慢。到第四天基本页面布局和ajax效果完成的差不多了,但是由于时间问题好多东西都来不及实现,本来我还想做个ajax异步请求数据的分页的效果也没实现,后来项目做完后自己慢慢去弄,不过到现在我还是有个Bug没解决,事列:
var url = "http://h6.duchengjiu.top/shop/api_goods.php?cat_id=45&page=1&pagesize=36";
$.get(url, {"page":1},function(obj) {
var arr = obj.data;
var h = "";
var n = "li_1";
$(".shopListCon").html(h);
for (var i = 0; i < arr.length; i++)
{
if(i%3==0){
n = "li_1";
}
else{
n="";
}
var item = arr[i]
h += '<div class="item '+n+'" style="position: relative;top: -650px; width:300px; height:280px"><div class="imgCon"><div class="optCon"></div><a href=""><img src="'
h += item.goods_thumb;
h += '" alt="" style="width:100%;height:115%" / ></a><a href="" class="goodsInfo" style="width: 94%; height: 111%;" target="_blank" ><p class="recInfo">![](img/931_1504683785.jpg) ZUS</p><p class="money">¥';
h += item.price;
h += '</p><p class="tle">';
h += item.goods_name;
h += '</p><p class="desc">';
h += item.goods_desc;
h += '</p></a></div></div>';
}
$(".shopListCon").html(h);
})
$(".pager a").each(function(e) { //遍历所有pager a下的所有
$(this).click(function() {
var l=e;
for (var j=e;j<l.length;j++) {
l++;
}
console.log(l)
$('.pager a').eq(l).addClass('checked').siblings().removeClass('checked')
var url = "http://h6.duchengjiu.top/shop/api_goods.php?cat_id=45&pagesize=36";//在原基础ajax请求上在重新请求ajax.
$.get(url, {"page":l},function(obj) {
var arr = obj.data;
var h = "";
var n = "li_1";
$(".shopListCon").html(h);
for (var i = 0; i < arr.length; i++)
{
if(i%3==0){
n = "li_1";
}
else{
n="";
}
var item = arr[i]
h += '<div class="item '+n+'" style="position: relative;top: -650px; width:300px; height:280px"><div class="imgCon"><div class="optCon"></div><a href=""><img src="'
h += item.goods_thumb;
h += '" alt="" style="width:100%;height:115%" / ></a><a href="" class="goodsInfo" style="width: 94%; height: 111%;" target="_blank" ><p class="recInfo">![](img/931_1504683785.jpg) ZUS</p><p class="money">¥';
h += item.price;
h += '</p><p class="tle">';
h += item.goods_name;
h += '</p><p class="desc">';
h += item.goods_desc;
h += '</p></a></div></div>';
}
$(".shopListCon").html(h);
})
})
})
这个只能点击一次一个按钮重新加载请求一个ajax数据,在点击就没用了,我现在还没搞出来,还需慢慢研究。
总之在这次项目里发现了自己好多不足,基础薄弱的地方,待改善,也通过了这次的项目发现以前有好多特别懵的东西,现在做了项目后,逐渐理解了,所以说还是要多做一些这些项目进一步提升自己。