1、职位列表交互渲染页面，没啥大问题。

2、新增/编辑 单个职位的url传参方式约定，做了简单的判定取值等。

3、由于后端接口还在做，闲时看了angular的文件上传插件angular-file-upload。

（1）首先还是引入插件的js文件，app模块以及控制器内分别注入依赖和申明依赖。

（2）直接看代码

html部分

<form class="form-horizontal" name="form">
    <div
    <div class="form-line">
        <label>
        <label>请选择文件：</label>
        <div
        <div class="choose-file-area">
            <input
            <input class="file-name" type="text" readonly="readonly" ng-model="fileItem.name"/>
            <a
            <a class="choose-book">
                <input
                <input type="file" name="certificate" nv-file-select uploader="uploader" ng-click="clearItems()"/>浏览
           
            </a>
        </div>
    </div>
    <button
        </div>
    </div>
    <button type="submit" ng-click="UploadFile()">提交</button>
</form>
</form>

Js部分

<script>
    var app = angular.module('app', ['angularFileUpload']);
   
    app.controller('uploadController',['$scope', 'FileUploader', function($scope, FileUploader) {
        $scope.
        $scope.uploadStatus  = false; //定义上传后返回的状态，成功或失败
       
        var uploader = $scope.uploader = new FileUploader({
           
            url: '。。。',    //上传服务器地址
            queueLimit: 1,     //文件个数
           
            removeAfterUpload: false   //上传后删除文件,默认false,这里起演示作用
       
        });

        $scope.clearItems = function(){    //重新选择文件时，清空队列，达到覆盖文件的效果
           
            uploader.clearQueue();
       
        }
        uploader.
        uploader.onAfterAddingFile = function(fileItem) {
            $scope.
            $scope.fileItem = fileItem._file;    //添加文件之后，把文件信息赋给scope
       
        };
       
        uploader.onSuccessItem = function(fileItem, response, status, headers) {
            $scope.
            $scope.uploadStatus = true;   //上传成功则把状态改为true
       
        };
       
        $scope.UploadFile = function(){
                 //定义回调函数
    }
    }])
</script>

相比原生写法，逻辑更加清晰，代码量也大幅减少。

另外进度条主要是在html里面进行部署设置，后面有时间再重置一下。

收获：文件上传插件的基础应用。

困难：暂无。

计划：根据后端接口完成情况进行后台页面交互，有时间看看前台页面，针对PSD图进行优化。