畢設(shè)論文寫(xiě)的差不多了，寫(xiě)的時(shí)候一直在想那個(gè)沒(méi)完成的功能，就是在系統(tǒng)中加一個(gè)批量導(dǎo)入功能高帖。于是，在完成論文內(nèi)容后開(kāi)始著手編寫(xiě)這部分代碼畦粮。PS：恰逢Github又掛了散址，所以只能先在簡(jiǎn)書(shū)記錄了。
Thinkphp文件上傳
Thinkphp自帶文件上傳功能宣赔，主要有單文件上傳和多文件上傳兩種方式预麸，由于對(duì)本次設(shè)計(jì)區(qū)別不是很大，這里不做過(guò)多介紹儒将，具體參見(jiàn)文檔http://www.kancloud.cn/manual/thinkphp/1876
上傳操作
ThinkPHP文件上傳操作使用Think\Upload類(lèi)吏祸，根據(jù)官方文檔，Upload類(lèi)參數(shù)主要有以下幾種：
其中钩蚊，圈紅部分是常用參數(shù)贡翘。
通過(guò)實(shí)例化
Upload類(lèi)，我們就可以向后臺(tái)傳入文件了两疚。我們結(jié)合官方文檔進(jìn)行解讀：
$config = array(
'maxSize' => 3145728, //設(shè)置上傳附件的大小
'rootPath' => './Uploads/', //設(shè)置上傳文件的根目錄
'savePath' => '', //設(shè)置上傳文件的子目錄
'saveName' => array('uniqid',''), //設(shè)置文件保存規(guī)則
'exts' => array('jpg', 'gif', 'png', 'jpeg'), //設(shè)置上傳文件的后綴
'autoSub' => true, //設(shè)置保存上傳文件采用子目錄形式存儲(chǔ)
'subName' => array('date','Ymd'), //設(shè)置子目錄創(chuàng)建方式
);
$upload = new \Think\Upload($config); // 實(shí)例化上傳類(lèi)
Upload類(lèi)也支持動(dòng)態(tài)賦值床估，形式如$upload->maxSize = 3145728;，效果是一致的诱渤。
上傳文件信息
通過(guò)上傳丐巫。文件被放到指定文件夾中，并在Upload類(lèi)中攜帶以下屬性：
這里同樣圈紅部分是常用參數(shù)，這里需要注意下递胧，
savename文件的保存名字是帶后綴的碑韵。
多文件上傳和單文件上傳
兩者區(qū)別較小（我只是根據(jù)API來(lái)說(shuō)的缎脾，并未仔細(xì)閱讀過(guò)源碼）祝闻，多文件上傳無(wú)非是前端可提交多個(gè)文件數(shù)據(jù)，即<input>標(biāo)簽可編寫(xiě)多個(gè)遗菠。而單文件上傳無(wú)非是使用另一個(gè)API联喘，即uploadOne方法，只是這種方法注意需要指定文件辙纬，如$info = $upload->uploadOne($_FILES['photo1']);
代碼編寫(xiě)
對(duì)于后臺(tái)文件上傳這部分豁遭，我把代碼編寫(xiě)到了\Application\Admin\Common\Common\function.php中，作為公共方法進(jìn)行調(diào)用：
/**
* 上傳文件
* @param array $fileName 文件
* @param string $dir 文件上傳子目錄
* @param string $saveName 文件名字保存規(guī)則
* @return array 操作結(jié)果
*/
function uploadFile($fileName = array(), $dir = '', $saveName = '')
{
$config = array(
'maxSize' => 3145728, //設(shè)置文件大小
'exts' => array('xls', 'xlsx'), //設(shè)置附件上傳類(lèi)型
'rootPath' => './Public/Excel/', //設(shè)置文件上傳根目錄
'savePath' => $dir . '/', //設(shè)置文件上傳子目錄
'autoSub' => false, //自動(dòng)使用子目錄保存文件
'saveName' => $saveName, //上傳文件的保存規(guī)則
);
$upload = new \Think\Upload($config); //實(shí)例化上傳類(lèi)
$info = $upload->uploadOne($fileName); //上傳單個(gè)文件
if (!$info)
return array('status' => 0);
else
return array('status' => 1, 'filepath' => $upload->rootPath . $info['savepath'] . $info['savename']);
}
jQuery實(shí)現(xiàn)Ajax異步提交文件上傳
前端的東西算是新手贺拣，所以可能寫(xiě)的不是很清楚蓖谢，并且有些地方是直接轉(zhuǎn)載別人的話(huà)（我會(huì)標(biāo)出來(lái)），見(jiàn)諒……
用過(guò)jquery的Ajax的人肯定都知道譬涡，Ajax的默認(rèn)編碼方式是
application/x-www-form-urlencoded闪幽，此編碼方式只能編碼文本類(lèi)型的數(shù)據(jù)，因此Ajax發(fā)送請(qǐng)求的時(shí)候涡匀，會(huì)把data序列化成 一個(gè)個(gè)String類(lèi)型的鍵值對(duì),此種傳輸數(shù)據(jù)的方式能夠滿(mǎn)足大部分應(yīng)用場(chǎng)景盯腌，然而當(dāng)傳輸?shù)臄?shù)據(jù)里有附件的時(shí)候，此序列化機(jī)制便是我們的絆腳石渊跋。Ajax本身的序列化機(jī)制的硬傷歸其原因在于在html4的時(shí)代腊嗡，沒(méi)有FileReader接口，在頁(yè)面里無(wú)法讀取File（Blob）文件氯迂，用document.getElementById("文件控件的id").value只能拿到文件的name甚负，因此去序列化去編碼它也無(wú)從談起。
——http://blog.csdn.net/qq_33556185/article/details/51086114
上面這段大概就能理解，Ajax本來(lái)是不支持文件上傳粉怕，因?yàn)樯蟼鞯氖菙?shù)組對(duì)象，而HTML5新增了一種數(shù)據(jù)對(duì)象FormData缭裆，可以快速拿到整個(gè)表單對(duì)象颤枪。而要作此操作，需要先在表單中添加enctype="multipart/form-data"屬性恒傻，然后在Ajax中屏蔽編碼機(jī)制脸侥。具體代碼參考如下：
<div class="modal fade" id="uploadModal" role="dialog" aria-labelledby="uploadModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="uploadModalLabel">上傳文件</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" id="uploadForm" enctype="multipart/form-data">
<input type="file" id="leftFile" style="display:none" name="classFile">
<div class="input-append">
<input type="text" class="input-large" id="fileCover">
<a class="btn btn-default" onclick="$('input[id=leftFile]').click();">瀏覽</a>
<a class="text-red">文件后綴：.xls或.xlsx</a>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id="submitUpload">提交</button>
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
</div>
</div>
</div>
</div>
這里講些注意點(diǎn)，表單中的
<input>我是添加了style="display:none"屬性的盈厘，所以界面中看到的并不是原生的<input>標(biāo)簽睁枕；這里的文本框是通過(guò)JS進(jìn)行控制顯示內(nèi)容的，后面會(huì)講到。HTML代碼部分完成后外遇，只需要結(jié)合jQuery就可以完成前端向后端發(fā)送文件的請(qǐng)求 注簿。以下是JS代碼部分：
//批量添加
$upload.click(function () {
$upload_modal.modal('show');
return false;
});
//input框中控制顯示文件路徑
$('input[id=leftFile]').change(function () {
$('#fileCover').val($(this).val());
});
//文件上傳提交
$upload_submit.click(function () {
var fileExt = checkFile();
if (fileExt[0] === '') {
toastr.warning('請(qǐng)上傳文件');
} else if (fileExt[0] !== 'xls' && fileExt[0] !== 'xlsx') {
toastr.warning('上傳文件類(lèi)型不支持');
} else {
var formData = new FormData($upload_form[0]);
//TODO: Ajax異步文件提交
}
});
這里單獨(dú)抽出來(lái)Ajax的異步提交內(nèi)容：
$.ajax({
url: 'uploadClass',
type: 'post',
data: formData,
cache: false,
processData: false,
contentType: false,
dataType: 'json',
success: function (response) {
switch (response.status) {
case 'success': {
toastr.success(response.message);
$upload_modal.modal('hide');
$table.bootstrapTable('refresh');
break;
}
case 'error': {
toastr.error(response.message);
$upload_modal.modal('hide');
$table.bootstrapTable('refresh');
break;
}
}
}
});
這里processData和contentType是用來(lái)屏蔽Ajax的編碼機(jī)制，這樣上傳的FormData對(duì)象就不會(huì)上傳到后臺(tái)就變成其他編碼的了跳仿。另外提一點(diǎn)诡渴，這里的dataType屬性是指返回對(duì)象屬性為JSON格式（這也是畢設(shè)中發(fā)現(xiàn)的一點(diǎn)）。
這樣菲语，前端就將文件數(shù)據(jù)傳給后臺(tái)了妄辩，后臺(tái)Controller通過(guò)$_FILES[]數(shù)組進(jìn)行獲取，代碼如下：
public function uploadClass()
{
$upload = uploadFile($_FILES['classFile'], 'Class', date('TmdHis')); //獲取上傳的 文件
if ($upload['status']) {
$excel = import_excel($upload['filepath']);
D('Clas')->upload($excel);
}
show('success', '批量添加成功');
}
PHPExcel
PHPExcel是一款處理表格文件數(shù)據(jù)上傳下載的插件山上，項(xiàng)目地址：https://github.com/PHPOffice/PHPExcel 眼耀，文檔也在上面有，但是由于時(shí)間問(wèn)題我沒(méi)仔細(xì)閱讀過(guò)胶哲，大部分還是根據(jù)別人的博客上的代碼學(xué)習(xí)的畔塔。
引入PHPExcel插件
Thinkphp是將PHPExcel引入\Think\Library\Vendor 第三方擴(kuò)展庫(kù)中，Thinkphp自帶引入函數(shù) Vendor()鸯屿，具體我就不介紹了澈吨，有興趣可以查下官方文檔。
代碼編寫(xiě)
由于文檔沒(méi)有完整讀過(guò)寄摆，所以這里貼代碼了谅辣，使用起來(lái)很簡(jiǎn)單，這里我對(duì)表格內(nèi)容轉(zhuǎn)換為數(shù)組部分做了處理婶恼，使得獲取的數(shù)據(jù)更符合我后臺(tái)的數(shù)據(jù)庫(kù)模型接口設(shè)計(jì)桑阶。這部分代碼同樣我存放在\Application\Admin\Common\Common\function.php中作為公共方法使用：
/**
* 導(dǎo)入表格
* @param $filePath 文件路徑
* @return array 表格數(shù)據(jù)
*/
function import_excel($filePath)
{
// 判斷文件是什么格式
$type = pathinfo($filePath);
$type = strtolower($type["extension"]);
$type = $type === 'Excel5' ? $type : 'Excel2007';
ini_set('max_execution_time', '0');
Vendor('PHPExcel.Classes.PHPExcel'); // 引入PHPExcel類(lèi)
$objReader = PHPExcel_IOFactory::createReader($type); // 判斷使用哪種格式
$objPHPExcel = $objReader->load($filePath); // 加載表格
$sheet = $objPHPExcel->getSheet(0); // 獲取Excel表格sheet1頁(yè)
$highestRow = $sheet->getHighestRow(); // 取得總行數(shù)
$highestColumn = $sheet->getHighestColumn(); // 取得總列數(shù)
//循環(huán)讀取excel文件,讀取一條,插入一條
for ($j = 2; $j <= $highestRow; $j++) { // 從第一行開(kāi)始讀取數(shù)據(jù)
for ($k = 'A'; $k <= $highestColumn; $k++) { // 從A列讀取數(shù)據(jù)
$data[$j - 2][$objPHPExcel->getActiveSheet()->getCell("$k" . "1")->getValue()] = $objPHPExcel->getActiveSheet()->getCell("$k$j")->getValue(); // 讀取單元格
}
}
return $data;
}
補(bǔ)充：數(shù)據(jù)庫(kù)模型設(shè)計(jì)
到這里前面的基本都講清楚了，前端勾邦、后臺(tái)的代碼都貼完整了蚣录，這里主要是針對(duì)畢設(shè)項(xiàng)目做一個(gè)數(shù)據(jù)庫(kù)模型的補(bǔ)充。
public function upload($jsonArray = array())
{
foreach ($jsonArray as $item) {
$result = $this->Clas->add($item, $option = array(), $replace = true);
if (!$result) return false;
}
return true;
}
這里的add()方法的參數(shù)需要講下眷篇，正常來(lái)說(shuō)add()方法中只需要傳格式規(guī)范的數(shù)據(jù)數(shù)組就可以了萎河，但是如果遇到例如這里的批量上傳可能會(huì)碰見(jiàn)數(shù)據(jù)主鍵重復(fù)的現(xiàn)象，如果對(duì)于大量數(shù)據(jù)來(lái)說(shuō)蕉饼，每次數(shù)據(jù)庫(kù)錄入重復(fù)數(shù)據(jù)報(bào)錯(cuò)一次會(huì)很影響速度虐杯，所以Thinkphp提供了一個(gè)參數(shù)（只支持3.2.3版本以上）$replace，當(dāng)設(shè)置為true時(shí)昧港，如果錄入數(shù)據(jù)遇到重復(fù)主鍵擎椰，Thinkphp會(huì)自動(dòng)進(jìn)行覆蓋更新數(shù)據(jù)，不用擔(dān)心報(bào)錯(cuò)跳出的情況创肥。
后記
當(dāng)然达舒，這里也會(huì)帶來(lái)一個(gè)問(wèn)題值朋，批量導(dǎo)入過(guò)程中我不知道哪些數(shù)據(jù)重復(fù)主鍵，這也算畢設(shè)中的一個(gè)問(wèn)題休弃，等待以后有空再考慮吧……
