基于yaf框架和uploadify插件，做的一个导入excel文件，查看并保存

思路：

1.首先，页面前端，上传附件，提交给后台，并带一个随机性的参数（可以用时间戳）；

2.后端接收附件，做一系列的逻辑处理，无误后，将对应的文件存储在上传的目录下；

3.然后前端，上传附件成功后，进行请求后端，读取数据，后端接口对应将附件数据读取出来，前端进行显示（ajax请求）；

4.前端展示数据，用户对数据检测无误，点击保存（ajax请求后端保存代码的接口），当然也可以有选择性的选择某些数据记录进行保存，楼主这里做的是全部保存（后端处理接口，自动过滤重复数据）；

5.拿到对应的所需有用数据即可， 对应的excel表格，因为需要获取到人员排期数据，所以楼主是通过判断单元格的背景色来识别

代码如下：（关键代码）

前端 对应html：

<!--导入数据操作层--><div id="import" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content">  <div class="modal-header bg-primary">  <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>  <h4 class="modal-title">文件导入</h4>  </div>  <div class="modal-body">  <div style="text-align:right;padding:5px">   <a href="/public/uploadFile/人员资源动态匹配表-模板.xlsx" onclick="javascript:;">   <img alt="人员资源动态匹配表-模板" src="/public/images/excel.jpg" />   <span style="font-size:larger;font-weight:200;color:red">人员资源动态匹配表-模板.xlsx</span>   </a>  </div>  <hr/>  <form id="ffImport" method="post">   <div title="Excel导入操作" style="padding: 5px" data-options="iconCls:'icon-key'">   <input class="easyui-validatebox" type="hidden" id="AttachGUID" name="AttachGUID" />    <input id="file_upload" name="file_upload" type="file" multiple="multiple">      <a href="javascript:;" class="btn btn-primary" id="btnUpload" onclick="javascript: $('#file_upload').uploadify('upload', '*')">上传</a>   <a href="javascript:;" class="btn btn-default" id="btnCancelUpload" onclick="javascript: $('#file_upload').uploadify('cancel', '*')">取消</a>   <div id="fileQueue" class="fileQueue"></div>   <br />      <hr style="width:98%" />      <div id="div_files"></div>   <br />      </div>  </form>  <!--数据显示表格-->  <table id="gridImport" class="table table-striped table-bordered table-hover" cellpadding="0" cellspacing="0" border="0" class="display" width="100%">   <thead id="gridImport_head">   <tr>    <th>项目名称</th>    <th>项目编号</th>    <th>功 能</th>    <th>人 员</th>    <th>日 期</th>   </tr>   </thead>   <tbody id="gridImport_body"></tbody>  </table>  </div>  <div class="modal-footer">  <button type="button" class="btn btn-default" data-dismiss="modal" id="close_window">关闭</button>  <button type="button" class="btn btn-primary" onclick="javascript:SaveImport();">保存</button>  </div> </div> </div></div>