发表于: 2017-06-07 23:39:58

1 1249


今天完成的事情:

今天完成了后台管理部分我负责的登陆模块、信息模块和内容模块的拆分禅道的工作。

之前做任务时虽然也有拆分禅道,但那更多是一种体验,像是小打小闹,这下开始做复盘项目了,才是禅道

真正显露威力的时刻。首先把项目拆分成几个模块,每个模块又分好多个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分钟,一节课的时间。

看到她被我们问到语无伦次的样子不禁想到了几个月前的自己。加油吧,师妹。


返回列表 返回列表
评论

    分享到