基于PHP制作通用的Excel導(dǎo)入程序
昨天和兩個(gè)做開發(fā)的朋友聊天,對(duì)于我還在使用LayUI感到奇怪,我也沒有多解釋,畢竟LayUI對(duì)于做一些中小型的開發(fā)還是不錯(cuò)的,前端的框架中,熟悉了一個(gè)其他的也差之不多。但LayUI的資料不細(xì)致是個(gè)很大的缺憾。
用戶提出有一個(gè)Excel表的記錄要導(dǎo)入,這個(gè)是基本要求,肯定要滿足。
2006年,我用PowerBuilder寫過一個(gè)通用的導(dǎo)入程序,程序上也不難。

用前端框架來(lái)完成會(huì)有一點(diǎn)麻煩,主要在于
1、數(shù)據(jù)回顯
如果是讓用戶選擇一個(gè)Excel文件然后就直接入庫(kù),那程序就太簡(jiǎn)單了,問題是要先讓用戶看到結(jié)果,可能的話還可以修改,然后再保存到數(shù)據(jù)庫(kù)中。
2、數(shù)據(jù)保存
因?yàn)橐郧癈/S開發(fā)使用的是強(qiáng)連接,操作數(shù)據(jù)后直接提交即可;但現(xiàn)在前端和后端是弱連接,一次交互就需要配置相應(yīng)參數(shù)才可能保存數(shù)據(jù),動(dòng)態(tài)的表格保存就有一點(diǎn)小麻煩。
作為一般性的要求,這個(gè)程序肯定是要應(yīng)對(duì)數(shù)據(jù)庫(kù)中的所有表。
那么只能先將數(shù)據(jù)表的字段設(shè)置傳到PHP中,然后PHP提取Excel記錄,按照LayUI對(duì)表記錄的要求封裝數(shù)據(jù),傳回到前端。
具體做法:
1、在數(shù)據(jù)庫(kù)中創(chuàng)建表,記錄要導(dǎo)入的表信息;
2、在前端列出表,讓用戶選擇要導(dǎo)入的表;
3、根據(jù)選擇的表,確定字段參數(shù)即對(duì)應(yīng)的Excel列;
4、將前端選擇傳入到PHP中,提取Excel記錄,傳回前端;
5、用戶確定要保存數(shù)據(jù),點(diǎn)擊保存,數(shù)據(jù)入庫(kù)。
一天完成,功能全部正常,后面需要加入一些錯(cuò)誤檢測(cè),還有文件名應(yīng)該使用用戶名加隨機(jī)數(shù)來(lái)存儲(chǔ),這樣可以防止多用戶沖突,讀取完刪除。
這個(gè)程序主要涉及的就是動(dòng)態(tài)對(duì)象、動(dòng)態(tài)屬性的創(chuàng)建與賦值。
完成的界面:


程序前端代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>〖通用Excel數(shù)據(jù)表導(dǎo)入〗</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../lib/layui-v2.6.3/css/layui.css" rel="external nofollow" media="all">
<link rel="stylesheet" href="../css/public.css" rel="external nofollow" media="all">
<script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<style>
body { background-color: #ffffff; }
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<form class="layui-form login-bottom" lay-fiter="ZTBUserEdit">
<div class="layui-tab">
<ul class="layui-tab-title">
<li class="layui-this">導(dǎo)入設(shè)置</li>
<li>導(dǎo)入的數(shù)據(jù)表記錄</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div style="width: 1000px;">
<div class="layuimini-container">
<div class="layuimini-main">
<div class="layui-form layuimini-form" style="white-space:nowrap!important;">
<div class="layui-form-item">
<label class="layui-form-label">選擇要導(dǎo)入的表</label>
<div class="layui-input-block">
<select id="tableList" lay-filter="tableListFilter">
<option value=""></option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">Excel文件</label>
<div class="layui-input-inline" style="width: 400px;">
<input type="text" name="Dc05" id="Dc05" value="" style="width: 400px;" class="layui-input" disabled="disabled">
</div>
<div class="layui-input-inline">
<button type="button" class="layui-btn layui-btn-sm layui-btn-normal" style="width: 100px;height: 39px;" id="selectExcel">選擇Excel文件</button>
<input type='file' id='readFile' style="opacity: 0;border: 0px solid #1e9fff;">
</div>
</div>
<div class="layui-form-item" style="padding-left: 41px;">
<div class="layui-input-inline">
<label class="layui-form-label">工作簿序號(hào)</label>
<input type="number" id="excelSetSheet" value="1" class="layui-input" style="width: 50px;">
</div>
<div class="layui-input-inline">
<label class="layui-form-label">起始行號(hào)</label>
<input type="number" id="excelSetStartRow" value="4" class="layui-input" style="width: 50px;">
</div>
<div class="layui-input-inline">
<label class="layui-form-label">結(jié)束行號(hào)</label>
<input type="number" id="excelSetEndRow" value="33" class="layui-input" style="width: 50px;">
</div>
<button class="layui-btn layui-btn-normal" lay-submit lay-filter="getData" style="width: 100px;height: 39px;">提取數(shù)據(jù)</button>
</div>
</div>
<table class="layui-hide" id="currentTableIdSet" lay-filter="currentTableFilterSet"></table>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">保存數(shù)據(jù)</button>
<table class="layui-hide" id="currentTableIdTwo" lay-filter="currentTableFilterTwo"></table>
</div>
</div>
</div>
</form>
</div>
<script>
let tableNameList;
let selectTableName;
let tableTotalCount;
let submitData=[];//準(zhǔn)備一個(gè)空數(shù)組
let fieldSet=[];//字段設(shè)置
let dbRows={};//Excel記錄的行對(duì)象
let colSet=[];
let colSetChild=[];
let dbDataRecordCount;
layui.use(['layer','form','table'], function () {
var form = layui.form;
var layer = layui.layer;
var $ = layui.$;
var table = layui.table;
document.getElementById('selectExcel').addEventListener('click',function(){
$("#readFile").trigger("click");
});
document.getElementById('readFile').addEventListener('change',function(){
if(this.files.length===0){
layer.msg('沒有選擇文件!',{time:3000,icon:5});
return;
}
if(this.files[0].name.split('.')[1]!='xls'){
layer.msg('請(qǐng)選擇Excel文件!',{time:3000,icon:5});
return;
}
let reader=new FileReader();
reader.onload=function (){ console.log(reader.result); }
document.getElementById('Dc05').value=this.files[0].name;
})
//得到數(shù)據(jù)表的名稱列表
$.ajax({
url:'ZTBexcelDataIn.php',
data:{"OP":"getTableList"},
type:'POST',
async:false,
success:function (data) {
tableNameList = data['data'];
//在數(shù)組中找到對(duì)應(yīng)的編碼
for(var i=0;i<tableNameList.length;i++){
$('#tableList').append(new Option(tableNameList[i].c02, tableNameList[i].c02));
}
},error:function(data){
console.log(data);
}
});
form.render();
form.on('submit(getData)', function (data) {
data = data.field;
let tempData=new Object();//準(zhǔn)備一個(gè)空對(duì)象
tempData.excelSheet=document.getElementById("excelSetSheet").value;
tempData.excelSetStartRow=document.getElementById("excelSetStartRow").value;
tempData.excelSetEndRow=document.getElementById("excelSetEndRow").value;
let addData=new Object();
addData.excelSet=tempData;
submitData.push(addData);
for(let i=0;i<=tableTotalCount-1;i++){
tempData=new Object();
tempData.C02=$("#currentTableIdSet").next().find("tbody tr[data-index='" +i +"'] td[data-field='c02'] div").html();//字段英文名
tempData.C03=$("#currentTableIdSet").next().find("tbody tr[data-index='" +i +"'] td[data-field='c03'] div").html();//字段漢字名稱
tempData.C09=$("#currentTableIdSet").next().find("tbody tr[data-index='" +i +"'] td[data-field='c09'] div").html();//字段對(duì)應(yīng)的Excel列
fieldSet.push(tempData);
dbRows[tempData.C02]='';
colSetChild={};
colSetChild['field']=tempData.C02;
colSetChild['title']=tempData.C03;
colSetChild['width']=100;
colSet.push(colSetChild);
}
submitData.push(fieldSet);
//準(zhǔn)備提取數(shù)據(jù)
let excelFile = document.getElementById('readFile');
//用FormData對(duì)象對(duì)表單數(shù)據(jù)進(jìn)行封裝
const fd = new FormData();//FormData構(gòu)造器接收的是一個(gè)form的DOM對(duì)象
fd.append("excelFile",excelFile.files[0]);//excel文件數(shù)據(jù)
fd.append("excelSet",JSON.stringify(submitData));//設(shè)置
fd.append("dbRows",JSON.stringify(dbRows));//行對(duì)象
fd.append("OP",'getSet');
$.ajax({
url: 'ZTBexcelDataIn.php',
type: "POST",
data: fd,
dataType: "JSON",
async: true,
processData: false,//設(shè)置為false,JQuery則不對(duì)數(shù)據(jù)進(jìn)行序列化
contentType: false,//設(shè)置為false,JQuery則不設(shè)Content-Type請(qǐng)求頭
beforeSend: function(xhr){},
complete: function(xhr,status){},
error: function(xhr,status,error){},
success: function(result){
//刷新數(shù)據(jù)記錄表
table.render({
elem: '#currentTableIdTwo',
data:result['data'],
cols: [colSet],
done: function (res, curr, count) {
dbDataRecordCount=res.data.length;
}
});
}
});
return false;
})
//監(jiān)聽下拉列表的點(diǎn)擊事件
form.on('select(tableListFilter)', function(data){
let selectItemName = data.value; //選擇的單位名稱
//選擇的具體表
selectTableName=tableNameList.find(element=>element.c02==selectItemName ).c01;
//提取具體的設(shè)置信息
table.render({
elem: '#currentTableIdSet',
url: 'ZTBexcelDataIn.php',
method:'POST',
where:{
"OP":"getSetList",
"selectTable":selectTableName},
cols: [[
{field: 'c01', width: 80, title: '表的名字', hide: true},
{field: 'c02', width: 120, title: '字段英文名稱'},
{field: 'c03', width: 150, title: '字段漢字名稱'},
{field: 'c09', width: 120, title: '對(duì)應(yīng)的Excel列號(hào)',edit: 'number'},
{field: 'c04', width: 100, title: '數(shù)據(jù)類型'},
{field: 'c05', width: 100, title: '長(zhǎng)度'},
{field: 'c06', width: 120, title: '能否為空'}
]],
done: function (res, curr, count) {
tableTotalCount=res.data.length;
}
});
});
form.on('submit(saveBtn)', function (data) {
for(let K=0;K<dbDataRecordCount;K++){
let insertSql='';
let assignSql='';
for(let i=0;i<tableTotalCount;i++){
let tempFieldName='';
let tempFiedData;
let tempFieldType='';
tempFieldName=$("#currentTableIdSet").next().find("tbody tr[data-index='" +i +"'] td[data-field='c02'] div").html();
tempFieldType=$("#currentTableIdSet").next().find("tbody tr[data-index='" +i +"'] td[data-field='c04'] div").html();
if(insertSql==''){
insertSql=tempFieldName;
}else{
insertSql=insertSql +"," +tempFieldName;
}
tempFiedData=$("#currentTableIdTwo").next().find("tbody tr[data-index='" + K +"'] td[data-field='"+tempFieldName+"'] div").html()
if(tempFiedData=='undefined' || tempFiedData==null){
if(tempFieldType=='INTEGER' || tempFieldType=='DECIMAL'){
tempFiedData=0;
}else{
tempFiedData='';
}
}
if(assignSql==''){
if(tempFieldType=='INTEGER' || tempFieldType=='DECIMAL'){
assignSql=tempFiedData;
}else{
assignSql="'"+tempFiedData+"'";
}
}else{
if(tempFieldType=='INTEGER' || tempFieldType=='DECIMAL'){
assignSql=assignSql+","+tempFiedData;
}else{
assignSql=assignSql+",'"+tempFiedData+"'";
}
}
}
//提交數(shù)據(jù)
$.ajax({
url:'ZTBexcelDataIn.php',
data:{
"OP":"saveData",
"insertSql":insertSql,
"assignSql":assignSql,
"tableName":selectTableName
},
type:'POST',
async:false,
success:function (data) {
},error:function(data){}
});
}
return false;
});
});
</script>
</body>
</html>后端PHP代碼:
<?php
require_once 'reader.php';//加載Reader
require 'ZTBlinkConfig.php';
$ZTBConn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$strFalse="";
$continue=true;
$srcAddr="http://XX.XX.XX.XX";
$returnArr=[];//準(zhǔn)備返回的數(shù)組
if (array_key_exists('HTTP_ORIGIN',$_SERVER)) {
$origin = $_SERVER['HTTP_ORIGIN'];
}else if (array_key_exists('HTTP_REFERER',$_SERVER)) {
$origin = $_SERVER['HTTP_REFERER'];
}else {
$origin = $_SERVER['REMOTE_ADDR'];
}
if(substr($origin,0,15)!=substr($srcAddr,0,15)){
$continue=false;
$strFalse="拒絕訪問".substr($origin,0,15)."!";
}
if(!$_SESSION[XxxYyyy']){
$continue=false;
$strFalse="請(qǐng)登錄!";
}
if($continue){
$OP=!empty($_POST['OP']) ? $_POST['OP'] : '';//得到操作類型
switch($OP){
case 'getTableList'://數(shù)據(jù)表列表
$sql="SELECT c01,c02 FROM dawnTable";
$result=$ZTBConn->query($sql);
$rows=$result->fetchAll(PDO::FETCH_ASSOC);
$returnArr['data']=$rows;
break;
case 'getSetList'://具體表的字段設(shè)置項(xiàng)目
$selectTable=$_POST['selectTable'];
$sql1 = "SELECT count(*) FROM dawnField where c01='$selectTable'";
$res = $ZTBConn->query($sql1);
$rows = $res->fetch();
$rowCount = $rows[0];
$returnArr['code']=0;
$returnArr['msg']="";
$returnArr['count']=$rowCount;
$sql="SELECT c01,c02,c03,c04,c05,c06,c07,c08,c09 FROM dawnField where c01='$selectTable'";
$result=$ZTBConn->query($sql);
$rows=$result->fetchAll(PDO::FETCH_ASSOC);
$returnArr['data']=$rows;
break;
case 'getSet':
$uploadFile = $_FILES["excelFile"];//得到上傳的文件
$excelBlob=file_get_contents($uploadFile['tmp_name']);
file_put_contents("./TempFile/123.xls",$excelBlob, FILE_APPEND);//將文件內(nèi)容寫到磁盤上
$excelData = new Spreadsheet_Excel_Reader();//創(chuàng)建 Reader
$excelData->setOutputEncoding('utf-8');//設(shè)置文本輸出編碼
$excelData->read("./TempFile/123.xls");//讀取Excel文件
//準(zhǔn)備提取數(shù)據(jù)
$excelSet=json_decode($_POST['excelSet'],true);//gettype($excelSet[0])
$dbRows =json_decode($_POST['dbRows'],true);
$excelSetStartRow=$excelSet[0]['excelSet']['excelSetStartRow'];//起始行
$excelSetEndRow =$excelSet[0]['excelSet']['excelSetEndRow'];//結(jié)束行
$excelSheet=$excelSet[0]['excelSet']['excelSheet']-1;//工作簿序號(hào)
$returnArr['code']=0;
$returnArr['msg']="";
$returnArr['count']=$excelSetEndRow - $excelSetStartRow +1;
$data=[];
try{
for ($i = $excelSetStartRow; $i <= $excelSetEndRow; $i++) {
for($K=0;$K<sizeof($excelSet[1]);$K++){
$fieldName=$excelSet[1][$K]['C02'];//字段名稱
$fieldExcelCol=$excelSet[1][$K]['C09'];//字段對(duì)應(yīng)的列
$fieldType=$excelSet[1][$K]['C03'];//字段數(shù)據(jù)類型
if ( isset( $excelData->sheets[$excelSheet]['cells'][$i][$fieldExcelCol] )){
$fieldData=$excelData->sheets[$excelSheet]['cells'][$i][$fieldExcelCol];
}else{
$fieldData='';
}
//裝入數(shù)組
$dbRows[$fieldName]=$fieldData;
}
array_push($data,$dbRows);
}
}catch(PDOException $e){
$returnArr['data']=$e.getMessage();
}
$returnArr['data']=$data;
break;
case 'saveData':
$insertSql=$_POST['insertSql'];
$assignSql=$_POST['assignSql'];
$tableName=$_POST['tableName'];
try{
$sql = "insert into $tableName($insertSql) values($assignSql)";
$result =$ZTBConn->exec($sql);
if ( $result>0 ) {
$returnArr['data']='OK';
}else{
$returnArr['data']="數(shù)據(jù)插入錯(cuò)誤!";
}
}catch(Exception $exception){
$returnArr['data']=$exception->getMessage();
}
break;
default:
$returnArr['data']="不支持的操作!";
break;
}
}else{
$returnArr=$strFalse;
}
header('Content-type:text/json');
echo json_encode($returnArr,JSON_UNESCAPED_UNICODE);//返回JSON格式的數(shù)據(jù)
?>這個(gè)程序雖然簡(jiǎn)單,但是應(yīng)用的地方還是挺多的,有必要后面再對(duì)這個(gè)程序進(jìn)行完善。
以上就是基于PHP制作通用的Excel導(dǎo)入程序的詳細(xì)內(nèi)容,更多關(guān)于PHP Excel導(dǎo)入的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
php簡(jiǎn)單對(duì)象與數(shù)組的轉(zhuǎn)換函數(shù)代碼(php多層數(shù)組和對(duì)象的轉(zhuǎn)換)
PHP實(shí)現(xiàn)將多個(gè)文件中的內(nèi)容合并為新文件的方法示例

