发表于： 2017-06-07 23:39:58
1 1248
今天完成的事情：
今天完成了后台管理部分我负责的登陆模块、信息模块和内容模块的拆分禅道的工作。
之前做任务时虽然也有拆分禅道，但那更多是一种体验，像是小打小闹，这下开始做复盘项目了，才是禅道
真正显露威力的时刻。首先把项目拆分成几个模块，每个模块又分好多个story，每个story又被我们自己分
成许多的任务，每个任务都有优先级和预计时间，这一方面有助于我们了解项目中需要做的具体的事情。
另一方面在做项目的时候能做到有头有尾，有条理思路清晰。也能随时对别人的项目进展有所了解。
昨天拖拽排序部分是想用相博找到的sortable插件实现，今天发现angular有专门的拖拽排序插件，叫
angular-ui-sortable，估计这种用在ng-repeat渲染的表格里更合适。
明天计划的事情：
按照方案设计创建本地项目目录，引入需要用到的库、插件、框架文件（尽量用cdn），开始登录页面的编写
遇到的问题：
拆分禅道的时候发现有些story的内容有些重复，比如行业大图和找职位、找精英。
拆下来有些story可能都没用到。
收获：
angular-ui-sortable需要引入jquery和jquery-ui否则无法使用。
html部分：
<body>
<div ng-controller="sortCtrl">
<ul ui-sortable="sortableOptions" ng-model="data">
<li ng-repeat="item in data ">
<span>{{item.name}}, {{item.age}}</span>
</li>
</ul>
</div>
</body>
js部分：
<script src="../../jquery.js"></script>
<script src="../../jquery-ui.js"></script>
<script src="../../angular.js"></script>
<script src="ui-sortable/src/sortable.js"></script>
<script>
angular.module("app", ["ui.sortable"])
.controller("sortCtrl", function($scope, $timeout) {
$scope.cannotSort = false;
$scope.data = [{
"name": "allen",
"age": 21,
"i": 0
}, {
"name": "bob",
"age": 18,
"i": 1
}, {
"name": "curry",
"age": 25,
"i": 2
}, {
"name": "david",
"age": 30,
"i": 3
}];
$scope.sortableOptions = {
// 数据有变化
update: function(e, ui) {
console.log("update");
//需要使用延时方法，否则会输出原始数据的顺序，可能是BUG？
$timeout(function() {
var resArr = [];
for (var i = 0; i < $scope.data.length; i++) {
resArr.push($scope.data[i].i);
}
console.log(resArr);
})
},
// 完成拖拽动作
stop: function(e, ui) {
//do nothing
}
}
})
</script>
今天是郑州小师妹第一次讲小课堂，本来大概十分钟的内容，最后讲了40分钟，一节课的时间。
看到她被我们问到语无伦次的样子不禁想到了几个月前的自己。加油吧，师妹。
返回列表
评论