今天完成的事情：完成了前台部分公共样式页面。
明天计划的事情：继续写前台
遇到的问题：下午头疼请假回家睡了一会，后来晚上人舒服点了 就看了一下angualr自定义指令。
收获：

<div ng-controller="Aaa">

    <div my-tab my-id="div1" my-name="name" my-fn="show(num)" class="J-tab"></div>

    <div my-tab my-id="div2" my-name="name" my-fn="show(num)" class="J-tab"></div>

</div>

<script type="text/javascript">

var m1 = angular.module('myApp',[]);

m1.controller('Aaa',['$scope',function($scope){

    $scope.name = 'xiecg';

    $scope.age = 18;

    $scope.show = function(num){

        console.log(num);

    };

}]);

m1.directive('myTab',function(){

    return {

        restrict : 'ECMA',

        replace : true,    //替换的方式插入内容//绑定策略

        scope : {

            myId : '@',        //解析普通字符串

            myName : '=',    //解析数据

            myFn : '&'        //函数

        },

        controller : ['$scope',function($scope){

            //共享数据存放在这里

            $scope.name = 'this is a xiecg';

        }],

        template : '<div id="{{myId}}">\

                    <input type="button" value="1" class="active" ng-click="myFn({num:456})">\

                    <input type="button" value="2">\

                    <input type="button" value="3">\

                    <div style="display:block;">{{myName}}</div>\

                    <div>2222</div>\

                    <div>3333</div>\

                </div>'

    };

});

</script>