基于yaf框架和uploadify插件，做的一個導(dǎo)入excel文件，查看并保存數(shù)據(jù)的功能
更新時間：2017年01月24日 14:40:13 作者：暗夜冰封
本文主要介紹了基于yaf框架和uploadify插件，做的一個導(dǎo)入excel文件，查看并保存數(shù)據(jù)的功能的思路與方法。具有很好的參考價值，下面跟著小編一起來看下吧
思路：
1.首先，頁面前端，上傳附件，提交給后臺，并帶一個隨機性的參數(shù)（可以用時間戳）；
2.后端接收附件，做一系列的邏輯處理，無誤后，將對應(yīng)的文件存儲在上傳的目錄下；
3.然后前端，上傳附件成功后，進(jìn)行請求后端，讀取數(shù)據(jù)，后端接口對應(yīng)將附件數(shù)據(jù)讀取出來，前端進(jìn)行顯示（ajax請求）；
4.前端展示數(shù)據(jù)，用戶對數(shù)據(jù)檢測無誤，點擊保存（ajax請求后端保存代碼的接口），當(dāng)然也可以有選擇性的選擇某些數(shù)據(jù)記錄進(jìn)行保存，樓主這里做的是全部保存（后端處理接口，自動過濾重復(fù)數(shù)據(jù)）；
5.拿到對應(yīng)的所需有用數(shù)據(jù)即可， 對應(yīng)的excel表格，因為需要獲取到人員排期數(shù)據(jù)，所以樓主是通過判斷單元格的背景色來識別
代碼如下：（關(guān)鍵代碼）
前端 對應(yīng)html：
<!--導(dǎo)入數(shù)據(jù)操作層-->
<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">文件導(dǎo)入</h4>
</div>
<div class="modal-body">
<div style="text-align:right;padding:5px">
<a href="/public/uploadFile/人員資源動態(tài)匹配表-模板.xlsx" onclick="javascript:;">
<img alt="人員資源動態(tài)匹配表-模板" src="/public/images/excel.jpg" />
<span style="font-size:larger;font-weight:200;color:red">人員資源動態(tài)匹配表-模板.xlsx</span>
</a>
</div>
<hr/>
<form id="ffImport" method="post">
<div title="Excel導(dǎo)入操作" 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>
<!--數(shù)據(jù)顯示表格-->
<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">關(guān)閉</button>
<button type="button" class="btn btn-primary" onclick="javascript:SaveImport();">保存</button>
</div>
</div>
</div>
</div>
對應(yīng)js代碼：
<script type="text/javascript">
//保存導(dǎo)入的數(shù)據(jù)
function SaveImport(){
var guid = $("#AttachGUID").val();
if (guid == '' || typeof guid == 'undefined') {
alert('請先上傳excel文件！');
return false;
}
$.ajax({
url: '/lazy/CheckExcelColumns?type=save&guid=' + guid,
type: 'get',
dataType: 'json',
success: function (data) {
alert(data.msg);
$('#close_window').click();
console.log('報存數(shù)據(jù)成功！');
},
error:function(){
console.log('出錯了！');
}
});
}
$(function(){
//導(dǎo)入層的js
$("#import_schedule").bind('click', function(){
$("#gridImport_body").html("");
$("#import").modal("show");
});
//導(dǎo)入對應(yīng)的函數(shù)
$('#file_upload').uploadify({
'swf': '/public/uploadify/uploadify.swf', //FLash文件路徑
'buttonText': '瀏 覽', //按鈕文本
'uploader': '{{url("lazy/uploadExcel")}}', //后臺處理程序的路徑
'queueID': 'fileQueue', //隊列的ID
'queueSizeLimit': 1, //隊列最多可上傳文件數(shù)量，默認(rèn)為999
'auto': false, //選擇文件后是否自動上傳，默認(rèn)為true
'multi': false, //是否為多選，默認(rèn)為true
'removeCompleted': true, //是否完成后移除序列，默認(rèn)為true
'fileSizeLimit': '10MB', //單個文件大小，0為無限制，可接受KB,MB,GB等單位的字符串值
'fileTypeDesc': 'Excel Files', //文件描述
'fileTypeExts': '*.xlsx', //上傳的文件后綴過濾器
'onQueueComplete': function (event, data) { //所有隊列完成后事件
//業(yè)務(wù)處理代碼
//提示用戶Excel格式是否正常，如果正常加載數(shù)據(jù)
var guid = $("#AttachGUID").val();
$.ajax({
url: '/lazy/CheckExcelColumns?type=check&guid=' + guid,
type: 'get',
dataType: 'json',
success: function (data) {
if (data.status) {
// InitGrid(); //重新刷新表格數(shù)據(jù)
$.each(data.rows, function (i, item) {
var tr = "<tr>";
tr += "<td>" + item['name']+ "</td>";
tr += "<td>" + item['identifier'] + "</td>";
tr += "<td>" + item['subject'] + "</td>";
tr += "<td>" + item['user'] + "</td>";
tr += "<td>" + item['getExcelTime'] + "</td>";
tr += "</tr>";
$("#gridImport_body").append(tr);
});
}else{
alert(data.msg);
}
}
});
},
'onUploadStart': function (file) {
InitUpFile(); //重置GUID(每次不同,用時間戳代替)
$("#gridImport_body").html("");
//動態(tài)傳參數(shù)
var guid = $("#AttachGUID").val();
var salt = 'test' ; //md5加密輔助串
var token = hex_md5(salt+guid) ; //校驗參數(shù)
$("#file_upload").uploadify(
"settings",
'formData', {
'folder': '數(shù)據(jù)導(dǎo)入excel文件',
'guid': guid,
'token':token,
}
);
},
'onUploadError': function (event, queueId, fileObj, errorObj) {
alert(errorObj.type + "：" + errorObj.info);
}
});
function InitUpFile(){
var timestamp = Date.parse(new Date());
$('#AttachGUID').val(timestamp);
}
</script>
后端代碼：
//上傳文件處理
public function uploadExcelAction()
{
$targetFolder = '/public/uploadFile/'; // Relative to the root
$salt = 'test';
$verifyToken = md5($test . $_POST['guid']);
if (!empty($_FILES) && $_POST['token'] == $verifyToken) {
$tempFile = $_FILES['Filedata']['tmp_name'];
$targetPath = $_SERVER['DOCUMENT_ROOT'] . $targetFolder;
$targetFile = rtrim($targetPath,'/') . '/' . $verifyToken.'.xlsx';
$fileTypes = array('xlsx');
$fileParts = pathinfo($_FILES['Filedata']['name']);
if (in_array($fileParts['extension'],$fileTypes)) {
move_uploaded_file($tempFile,$targetFile);
echo '1';
} else {
echo 'Invalid file type.';
}
}else{
echo 'Invalid params.';
}
die;
}
處理excel數(shù)據(jù)，就說兩個關(guān)鍵點：取單元格的值和背景色
$objReader = \PHPExcel_IOFactory::createReader('Excel2007');
$objPHPExcel = $objReader->load($targetFile);
$sheet = $objPHPExcel->getSheet();
$sheetRows = $sheet->getHighestDataRow(); // 取得總行數(shù)
$sheetColumns = PHPExcel_Cell::columnIndexFromString($sheet->getHighestDataColumn()); //列數(shù)
//讀取單元格
$value = $objPHPExcel->getActiveSheet()->getCell($columns[$k] . $j)->getValue(); //獲取每個單元格的值
$fillColor = $objPHPExcel->getActiveSheet()->getStyle($columns[$k] . $j)->getFill()->getStartColor()->getARGB(); //背景色
下面附圖：
導(dǎo)入界面：
excel表：
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關(guān)文章
PHP縮略圖 等比例無損壓縮，可填充空白區(qū)域補充色的實現(xiàn)代碼，需要的朋友可以參考下。2011-06-06
這篇文章主要介紹了php讀取文件內(nèi)容的方法,實例匯總了常見的五種方法,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了php利用smtp類輕松實現(xiàn)發(fā)送電子郵件，smtp類發(fā)送郵件的方法其實很簡單，需要的朋友可以參考下2015-10-10
在php下實現(xiàn)從指定的字符串中搜索字符串2008-11-11
利用PHP內(nèi)置SERVER開啟web服務(wù)(本地開發(fā)使用)
PHP 5.4.0起， CLI SAPI 提供了一個內(nèi)置的Web服務(wù)器,這個內(nèi)置的Web服務(wù)器主要用于本地開發(fā)使用，不可用于線上產(chǎn)品環(huán)境,URI請求會被發(fā)送到PHP所在的的工作目錄Working Directory進(jìn)行處理，除非你使用了-t參數(shù)來自定義不同的目錄2020-01-01
PHP操作SQL Server數(shù)據(jù)庫實現(xiàn)表的改查與統(tǒng)計
這篇文章主要介紹了如何利用PHP對MS SQL Server數(shù)據(jù)表的查詢、統(tǒng)計與修改，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2022-03-03
這篇文章主要介紹了PHP排序二叉樹基本功能實現(xiàn)方法,結(jié)合具體實例形式分析了PHP排序二叉樹的定義、遍歷、節(jié)點插入、查找等相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-05-05
隨著互聯(lián)網(wǎng)的快速發(fā)展,網(wǎng)站性能對于用戶體驗和SEO排名變得越來越重要,PHP作為一種常用的服務(wù)器端腳本語言,其性能對于網(wǎng)站的響應(yīng)速度起著至關(guān)重要的作用,而PHP的緩存技術(shù)就是提高性能的一種重要手段2024-01-01
本文給大家對比介紹了常用的2種生成帶logo二維碼的實現(xiàn)方法，非常的實用，有需要的小伙伴可以根據(jù)自己的需求來選擇2016-04-04
這篇文章主要介紹了一個測試成功的PHP郵件發(fā)送案例，需要的朋友可以參考下2015-10-10