基于PHP制作通用的Excel导入程序

昨天和两个做开发的朋友聊天,对于我还在使用LayUI感到奇怪,我也没有多解释,毕竟LayUI对于做一些中小型的开发还是不错的,前端的框架中,熟悉了一个其他的也差之不多。但LayUI的资料不细致是个很大的缺憾。

用户提出有一个Excel表的记录要导入,这个是基本要求,肯定要满足。

2006年,我用PowerBuilder写过一个通用的导入程序,程序上也不难。

用前端框架来完成会有一点麻烦,主要在于

1、数据回显

如果是让用户选择一个Excel文件然后就直接入库,那程序就太简单了,问题是要先让用户看到结果,可能的话还可以修改,然后再保存到数据库中。

2、数据保存

因为以前C/S开发使用的是强连接,操作数据后直接提交即可;但现在前端和后端是弱连接,一次交互就需要配置相应参数才可能保存数据,动态的表格保存就有一点小麻烦。

作为一般性的要求,这个程序肯定是要应对数据库中的所有表。

那么只能先将数据表的字段设置传到PHP中,然后PHP提取Excel记录,按照LayUI对表记录的要求封装数据,传回到前端。

具体做法:

1、在数据库中创建表,记录要导入的表信息;

2、在前端列出表,让用户选择要导入的表;

3、根据选择的表,确定字段参数即对应的Excel列;

4、将前端选择传入到PHP中,提取Excel记录,传回前端;

5、用户确定要保存数据,点击保存,数据入库。

一天完成,功能全部正常,后面需要加入一些错误检测,还有文件名应该使用用户名加随机数来存储,这样可以防止多用户冲突,读取完删除。

这个程序主要涉及的就是动态对象、动态属性的创建与赋值。

完成的界面:

程序前端代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>〖通用Excel数据表导入〗</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">导入设置</li>
						<li>导入的数据表记录</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">选择要导入的表</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">工作簿序号</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">起始行号</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">结束行号</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;">提取数据</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">保存数据</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=[];//准备一个空数组
	let fieldSet=[];//字段设置
	let dbRows={};//Excel记录的行对象
	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('请选择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;
		})

		//得到数据表的名称列表
		$.ajax({
			url:'ZTBexcelDataIn.php',
			data:{"OP":"getTableList"},
			type:'POST',
			async:false,
			success:function (data) {
					tableNameList = data['data'];
					 //在数组中找到对应的编码
					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();//准备一个空对象
				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();//字段对应的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);
				//准备提取数据
				let excelFile = document.getElementById('readFile');
				//用FormData对象对表单数据进行封装
				const fd = new FormData();//FormData构造器接收的是一个form的DOM对象
				fd.append("excelFile",excelFile.files[0]);//excel文件数据
				fd.append("excelSet",JSON.stringify(submitData));//设置
				fd.append("dbRows",JSON.stringify(dbRows));//行对象
				fd.append("OP",'getSet');

				$.ajax({
					url: 'ZTBexcelDataIn.php',
					type: "POST",
					data: fd,
					dataType: "JSON",
					async: true,
					processData: false,//设置为false,JQuery则不对数据进行序列化
					contentType: false,//设置为false,JQuery则不设Content-Type请求头
					beforeSend: function(xhr){},
					complete: function(xhr,status){},
					error: function(xhr,status,error){},
					success: function(result){
							//刷新数据记录表
							table.render({
									elem: '#currentTableIdTwo',
									data:result['data'],
									cols: [colSet],
									done: function (res, curr, count) {
										dbDataRecordCount=res.data.length;
									}
							});
					}
				});

				return false;
		})

		//监听下拉列表的点击事件
		form.on('select(tableListFilter)', function(data){
				let selectItemName = data.value; //选择的单位名称
				//选择的具体表
				selectTableName=tableNameList.find(element=>element.c02==selectItemName ).c01;
				//提取具体的设置信息
				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: '对应的Excel列号',edit: 'number'},
							{field: 'c04', width: 100, title: '数据类型'},
							{field: 'c05', width: 100, title: '长度'},
							{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+"'";
										}
								}
						}
						//提交数据
						$.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=[];//准备返回的数组

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="请登录!";
}
if($continue){
		$OP=!empty($_POST['OP']) ? $_POST['OP'] : '';//得到操作类型
		switch($OP){
			case 'getTableList'://数据表列表
				$sql="SELECT c01,c02 FROM dawnTable";
				$result=$ZTBConn->query($sql);
				$rows=$result->fetchAll(PDO::FETCH_ASSOC);
				$returnArr['data']=$rows;
				break;
			case 'getSetList'://具体表的字段设置项目
				$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);//将文件内容写到磁盘上
				$excelData = new Spreadsheet_Excel_Reader();//创建 Reader
				$excelData->setOutputEncoding('utf-8');//设置文本输出编码
				$excelData->read("./TempFile/123.xls");//读取Excel文件
				//准备提取数据
				$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'];//结束行
				$excelSheet=$excelSet[0]['excelSet']['excelSheet']-1;//工作簿序号

				$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'];//字段对应的列
										$fieldType=$excelSet[1][$K]['C03'];//字段数据类型
										if ( isset( $excelData->sheets[$excelSheet]['cells'][$i][$fieldExcelCol] )){
											$fieldData=$excelData->sheets[$excelSheet]['cells'][$i][$fieldExcelCol];
										}else{
											$fieldData='';
										}
										//装入数组
										$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']="数据插入错误!";
					}
				}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格式的数据
?>

这个程序虽然简单,但是应用的地方还是挺多的,有必要后面再对这个程序进行完善。

以上就是基于PHP制作通用的Excel导入程序的详细内容,更多关于PHP Excel导入的资料请关注我们其它相关文章!

时间: 2022-04-22

php 将excel导入mysql

这里介绍一个直接将excel文件导入mysql的例子.我花了一晚上的时间测试,无论导入简繁体都不会出现乱码,非常好用.PHP-ExcelReader,下载地址: http://sourceforge.net/projects/phpexcelreader说明: 测试环境:MYSQL数据库采用utf8编码.导入EXCEL文档是xls格式,经过测试,xlsx 格式[excel 2007]也OK. 文中红色标注为需要注意的地方,请替换成你配置好的数据,如数据库配置等.运行http://localost

PHP导入导出Excel代码

一.导入 导入需要使用能读取Excel的组件,网上也有比较好的组件,这里分享我使用的:下载  提取码:vxyn.(注意两个文件有引用关系) <?php //传入要导入的Excel的文件名 function import_to_DB($filename) { require_once'reader.php'; $data = new Spreadsheet_Excel_Reader(); //创建读取Excel的对象 $data->setOutputEncoding('utf-8'); //设置

php导入导出excel实例

这里实现的PHP导入导出excel功能用到的是开源PHPExcel,执行下面的操作之前请先下载该类库文件,官方网站:http://www.codeplex.com/PHPExcel,官网案例代码很多,导出pdf什么的都有,这里主要介绍PHP导入导出excel的功能,导出excel文件是office2007格式,同时兼容2003. php导入excel导入的excel文件的数据格式,截图如下:下面是将该excel文件的数据导入到数据库的具体代码: 复制代码 代码如下: <?phprequire_o

PHP使用PHPexcel导入导出数据的方法

本文实例讲述了PHP使用PHPexcel导入导出数据的方法.分享给大家供大家参考,具体如下: 导入数据: <?php error_reporting(E_ALL); //开启错误 set_time_limit(0); //脚本不超时 date_default_timezone_set('Europe/London'); //设置时间 /** Include path **/ set_include_path(get_include_path() . PATH_SEPARATOR . 'http:

phpexcel导入excel处理大数据(实例讲解)

先下载对应phpExcel 的包就行了https://github.com/PHPOffice/PHPExcel 下载完成 把那个Classes 这个文件夹里面的 文件跟文件夹拿出来就好了. 直接写到PHPExcel 这个文件里面的.调用很简单.引入phpExcel 这个类传递对应的excel 文件的路径就好了 现在上传到指定的目录,然后加载上传的excel文件读取这里读取是的时候不转换数组了.注意:是Sheet可以多个读取,php上传值要设置大,上传超时要设置长. header('Conten

PHP上传Excel文件导入数据到MySQL数据库示例

最近在做Excel文件导入数据到数据库.网站如果想支持批量插入数据,可以制作一个上传Excel文件,导入里面的数据内容到MySQL数据库的小程序. 要用到的工具: ThinkPHP:轻量级国产PHP开发框架.可在ThinkPHP官网下载. PHPExcel:Office Excel 文档的一个PHP类库,它基于微软的OpenXML标准和PHP语言.可在CodePlex官网下载.. 1.设计MySQL数据库product 创建product数据库 CREATE DATABASE product D

asp.net上传Excel文件并读取数据的实现方法

前言 本文主要给大家介绍了关于asp.net上传Excel文件并读取数据的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧 实现如下: 前台代码:使用服务端控件实现上传 <form id="form1" runat="server"> <div> <asp:FileUpload ID="ExcelFileUpload" runat="server" /> <as

yii2.0框架实现上传excel文件后导入到数据库的方法示例

本文实例讲述了yii2.0框架实现上传excel文件后导入到数据库的方法.分享给大家供大家参考,具体如下: Model模型 <?php /** * 描述... * @author zcy * @date 2019/8/13 */ namespace app\models; use yii\base\Model; use yii\db\ActiveRecord; use yii\web\UploadedFile; class uploadForm extends ActiveRecord { pu

elemetUi 组件--el-upload实现上传Excel文件的实例

elemetUi 组件--el-upload实现上传Excel文件的实例 [需求]实现上传Excel文件,在上传到服务器时,还要附加一个参数,在请求上传文件接口前,先要进行文件格式判断. [知识点] 1.el-upload 官方文档中,主要用到了以下属性: data 可选参数, 上传时附带的额外参数 name 可选参数, 上传的文件字段名 before-upload 可选参数, 上传文件之前的钩子,参数为上传的文件,若返回 false 或者返回 Promise 且被 reject,则停止上传.

koa上传excel文件并解析的实现方法

1.中间键使用 koa-body npm install koa-body --save const koaBody = require('koa-body'); app.use(koaBody({ multipart: true, formidable: { maxFileSize: 200 * 1024 * 1024 // 设置上传文件大小最大限制,默认2M } })); 2.书写路由,croller书写方法 uploadData.js const errorResult = require

angularjs中$http异步上传Excel文件方法

1.文件上传框html代码如下 <form id="fileForm" enctype="multipart/form-data"> <button id="import_asset" type="button" ng-click="import_asset()">上传文件</button> <input id="file_asset" type

ASP.NET实现上传Excel功能

这几天正好用到上传Excel,并根据Excel中的数据做相应的处理,故整理以备用. 用到的资源: (1)NOPI 2.2.0.0 可自己官网下载,也可点击:http://pan.baidu.com/s/1b1EMdg (2)用到一些常见处理文件的公共方法类,可以添加到项目中:http://pan.baidu.com/s/1bJpHuQ 如过上述连接因故无法使用,可在评论留下邮箱,我打包发送过去,如有更好的建议,欢迎指导. 后台的提示方法ShowMsgHelper,根据自己的改写即可. 前台代码:

Springboot上传excel并将表格数据导入或更新mySql数据库的过程

本文主要描述,Springboot-mybatis框架下上传excel,并将之导入mysql数据库的过程,如果用户id已存在,则进行更新修改数据库中该项信息,由于用到的是前后端分离技术,这里记录的主要是后端java部分,通过与前端接口进行对接实现功能,使用layui等前端框架与之对接,也可以自己写前端代码,本文以Controller开始,从导入过程开始讲述,其中包括字典表的转换 1.在pom.xml文件中导入注解,主要利用POI <dependency> <groupId>org.

php上传excel表格并获取数据

这个是最近需要做的一个功能,在网上也查看了很多相关的文章,基本上大同小异,在这里整理一下. 一:首先是html部分 <html> <body> <form action="upload_file.php" method="post" enctype="multipart/form-data"> <input type="file" name="file" id=&q

文件上传,iframe跨域数据提交的实现

1.文件上传,图片上传,第三方uploadify插件,http://www.uploadify.com/about/ 2.用iframe上传文件,提交表单,主要思路就是: a.js创建form表单,iframe,添加到body里,form的target要和iframe的name一致. b.form表单里更新数据,submit提交 c.如果上传文件,图片,form里面添加 input-file 元素,绑定onchange事件,js触发,在onchange里面添加submit事件 d.关于回调:if