當前位置:首頁 » 網頁前端 » 前端導出表
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端導出表

發布時間: 2022-04-24 05:26:39

㈠ 微信小程序導出excel表格

背景

在學習微信小程序的過程中,需要導出excel文件數據,可是卻沒有後台伺服器,所以只能夠想著使用純前端去導出excel
使用插件:excel-export
導出思想

將數據封裝成excel文件
將excel文件上傳到雲存儲
將雲存儲的excel文件以圖片的格式下載到本地
修改圖片文件後綴為xlsx,成為excel文件
操作

將數據封裝成excel文件;將excel文件上傳到雲存儲中
建立雲函數(我的雲函數名稱:uploadexportfile),打開雲函數終端,安裝excel-export插件

㈡ thinkPHP怎樣使用PHPExcel導出網站數據為excel

1
一、下載PHPExcel包

2
二、新建文件夾,命名為PHPExcel,將上面兩個文件PHPExcel,PHPExcel.php放到我們新建的PHPExcel文件夾下面;然後將此文件夾放在thinkPHP核心包裡面,路徑如下:D:\***\你的項目\ThinkPHP\Library\Vendor

3
三、前端界面代碼
<div style="margin-left: 100px;margin-top: -33px;">
<form action="{:U(output)}" enctype="multipart/form-data" method="post" >
<input type="file" name="photo" />
<input type="submit" value="導出數據" style="background-color: #337AB7;color: white;">
</form>
</div>

4
四、導出表格樣式代碼
//商家表格導出模板
public function exportExcel($expTitle, $expCellName, $expTableData) {
$xlsTitle = iconv('utf-8', 'gb2312', $expTitle); //文件名稱
$fileName = '網站商家信息表' . date('_YmdHis'); //or $xlsTitle 文件名稱可根據自己情況設定
$cellNum = count($expCellName);
$dataNum = count($expTableData);
vendor("PHPExcel.PHPExcel");
$objPHPExcel = new\PHPExcel();

$cellName = array('A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J',
'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X',
'Y', 'Z', 'AA', 'AB', 'AC', 'AD', 'AE', 'AF', 'AG', 'AH', 'AI', 'AJ',
'AK', 'AL', 'AM', 'AN', 'AO', 'AP', 'AQ', 'AR', 'AS', 'AT', 'AU', 'AV',
'AW', 'AX', 'AY', 'AZ');
$objPHPExcel->getActiveSheet()->getColumnDimension('F')->setWidth(22);
$objPHPExcel->getActiveSheet()->getColumnDimension('D')->setWidth(10);
$objPHPExcel->getActiveSheet()->getColumnDimension('G')->setWidth(10);
$objPHPExcel->getActiveSheet()->getColumnDimension('H')->setWidth(15);
$objPHPExcel->getActiveSheet()->getColumnDimension('A')->setWidth(10);
$objPHPExcel->getActiveSheet()->getColumnDimension('B')->setWidth(15);
$objPHPExcel->getActiveSheet()->getColumnDimension('C')->setWidth(20);
$objPHPExcel->getActiveSheet()->getColumnDimension('E')->setWidth(15);
$objPHPExcel->getActiveSheet()->getColumnDimension('I')->setWidth(20);
$objPHPExcel->getActiveSheet()->getColumnDimension('J')->setWidth(10);
$objPHPExcel->getActiveSheet()->getColumnDimension('K')->setWidth(20);
$objPHPExcel->getActiveSheet()->getColumnDimension('L')->setWidth(20);
$objPHPExcel->getActiveSheet()->getColumnDimension('M')->setWidth(25);
$objPHPExcel->getActiveSheet()->getColumnDimension('L')->setWidth(22);
$objPHPExcel->getActiveSheet()->getColumnDimension('M')->setWidth(12);
$objPHPExcel->getActiveSheet()->getColumnDimension('N')->setWidth(15);
$objPHPExcel->getActiveSheet(0)->mergeCells('A1:' . $cellName[$cellNum - 1] . '1');
//合並單元格

$objPHPExcel->getActiveSheet()->setCellValue('A1',
'網站商家信息表')->getStyle()->getAlignment()->setHorizontal(\PHPExcel_Style_Alignment::HORIZONTAL_CENTER);
for ($i = 0; $i < $cellNum; $i++) {
$objPHPExcel->setActiveSheetIndex(0)->setCellValue($cellName[$i].'2', $expCellName[$i][1]);
}
// Miscellaneous glyphs, UTF-8
for ($i = 0; $i < $dataNum; $i++) {
for ($j = 0; $j < $cellNum; $j++) {

$objPHPExcel->getActiveSheet(0)->setCellValue($cellName[$j] .
($i + 3), " ".$expTableData[$i][$expCellName[$j][0]]);
}
}
ob_end_clean(); //清除緩沖區,避免亂碼
header('pragma:public');
header('Content-type:application/vnd.ms-excel;charset=utf-8;name="'.$xlsTitle. '.xls"');
header("Content-Disposition:attachment;filename=$fileName.xls");
//attachment新窗口列印inline本窗口列印
$objWriter = \PHPExcel_IOFactory::createWriter($objPHPExcel, 'Excel5');
$objWriter->save('php://output');
exit;
}

5
五、導出所需數據代碼
function output($begin=0, $end=0) {//導出商家信息Excel
$xlsName = "User";
$xlsCell = array(
array('userid', '商家id'),
array('groupid', '商家等級'),
array('store_name', '店鋪名稱'),
array('contact_name', '聯系人'),
array('phone', '手機'),
array('email', '郵箱'),
array('activity_count', '活動商品'),
array('frozen_deposit', '凍結中保證金'),
array('regdate', '注冊時間'),
array('loginnum', '登錄次數'),
array('lastdate', '最近登錄'),
array('id_number', '身份證號碼'),
array('name', '姓名'),
array('qq', 'QQ'), );
$beginToday = mktime(0, 0, 0, date('m'), date('d'), date('Y'));
$endToday = mktime(0, 0, 0, date('m'), date('d') + 1, date('Y')) - 1;
if ($begin > 0) { $beginToday = $begin;}
if ($end > 0) {$endToday = $end;}
$xlsModel = M('member');

$xlsData=$xlsModel->query("SELECT
m.userid,m.groupid,c.store_name,c.contact_name,m.phone,m.email,c.frozen_deposit,FROM_UNIXTIME(m.regdate)
AS regdate,loginnum,FROM_UNIXTIME(m.lastdate) AS lastdate,m.qq FROM
xw_member AS m ,xw_member_merchant AS c WHERE m.modelid = 2 AND m.userid
= c.userid and (m.lastdate between $beginToday and $endToday) ORDER BY
m.userid DESC");
$dataNum = count($xlsData);
for ($i = 0; $i < $dataNum; $i++){
if ($xlsData[$i][groupid] == '1') {
$xlsData[$i][groupid] = '普通商家';
} else if ($xlsData[$i][groupid] == '2') {
$xlsData[$i][groupid] = '金牌商家';
} else if ($xlsData[$i][groupid] == '3') {
$xlsData[$i][groupid] = '白金商家';
} else if ($xlsData[$i][groupid] == '4') {
$xlsData[$i][groupid] = '鑽石商家';
}

$rs=M('member_attesta')->where("userid= '".$xlsData[$i]['userid']."'
AND type = 'identity'")->getField('infos');
$identity = string2array($rs);
$xlsData[$i]['id_number'] = $identity['id_number'];
$xlsData[$i]['name'] = $identity['name'];

$xlsData[$i]['activity_count']=
M('proct')->where(array('company_id'=>$xlsData[$i]['userid']))->count();
}
$this->exportExcel($xlsName, $xlsCell, $xlsData);
}
}

6
六、導出數據表格如下

㈢ 前端怎麼實現導出excel內容是數值

在web開發中,有一個經典的功能,就是數據的導入導出。特別是數據的導出,在生產管理或者財務系統中用的非常普遍,因為這些系統經常要做一些報表列印的工作。而數據導出的格式一般是EXCEL,我這里就給大家介紹下^_^。
首先我們來導出EXCEL格式的文件吧。現在主流的操作Excel文件的開源工具有很多,用得比較多的就是Apache的POI及JExcelAPI。這里用Apache POI!先去Apache的大本營下載POI的jar包:http://poi.apache.org/
開啟分步閱讀模式
工具材料:
Eclipse
操作方法
01
首先進入poi的官網,下載需要的jar包,如圖所示,下載zip包

02
其次,將下載的zip包解壓,並將根目錄、lib目錄和ooxml-lib目錄下的jar包放入工程目錄的lib文件中(下一步會說明具體位置)。

03
然後,新建javaweb項目,例如poi-micro項目,將上面的jar包復制到poi-micro\WebContent\WEB-INF\lib目錄下,實際上上面的jar包放在本機的固定文件夾中即可,在build path時倒入進去就OK了。

04
導出的excel表格的每一行可抽象成一個實體類,例如,導出學生信息excel表格,則一行記錄表示一個學生的信息。以此為例,則需要新建學生實體類Student,如圖示。該類有一些屬性兩個構造方法和get/set方法組成。

05
下面,編寫導出excel表格的功能實現類了,為了該類具有通用型,使用泛型和反射機制,安裝屬性的順序輸出實體類的屬性信息。

06
最後編寫測試方法,在main方法中新建幾個學生對象,調用上面的excel表格導出類的方法即可。

07
最終的導出excel表格如圖示。

㈣ asp.net怎樣利用ajax將前端數據導出為excel

導出Excel,需要Ajax服務端響應的頭為application/x-excel,從而確保瀏覽器能夠以Excel文件進行下載。
你可以把Ajax請求的服務端為httphandler,不要請求Aasp.net頁面,以免你在調試的過程中出現問題。

㈤ 如何從JSP點擊一個按鈕,導出表格中的數據到EXCEL

javascript才能完成的東西,確實在IE瀏覽器的js調用的ActiveX形成的前端,數據導出到excel,但這種方法在其他瀏覽器中是不常見的。數據導出到Excel,最好的方法是,在服務端的Excel數據,然後發送到前端的負載。您可以使用腳本。 JAVA生成的一些開源組件,支持Excel。

㈥ Web前端怎樣實現像excel那樣的按列拖選的表格

Web前端實現像excel那樣的按列拖選表格的方法:

1.通過flash,flex實現FLEX 功能強大的datagrid

2.通過jquery插件,js實現

JS實現可編輯的表格,雙擊可編輯,可以刪除行和列,增加行和列,重置,導出表格,也可以上下移動元素

Flexigrid – Web 2.0 Javscript Grid for jQuery - 可變列寬,自動適應表頭寬度,可通過 Ajax 連接 XML 數據源,類似 Ext Grid,但基於 jQuery 因此更輕量小巧。

㈦ 求前端table導出excel方案,要求瀏覽器兼容、數據量和計算量巨大不能走後台,表格包含跨列跨行

幾萬條記錄,還計算幾個小時...這前台後台估計都不好導。
不知道你說的前台後台是什麼意思,你是想伺服器創建文件流然後返回客戶端直接在瀏覽器查看excel數據嗎? 要是這樣的話,我覺得直接導出,然後下載再查看比較合適。

㈧ web前端在按下提交按鈕後再不跳轉頁面的情況下輸出表格

採用Ajax非同步請求

㈨ 關於前端如何導出後台傳來的excel介面

題主所說的導出指的是讓前端去下載後台的Excel還時還要有其他操作呢?

如果單純去下載,可以基於XMLHttpRequest請求,請求一個伺服器或者後端的Excel文件,然後設置responseType為blob二進制流來傳輸。例如:

var excelFilePath = 'resources/Excel/importExcel.xlsx';

var xhr = new XMLHttpRequest();

xhr.open('GET', excelFilePath, true);

xhr.responseType = 'blob';

xhr.onload = function(e) {

var blob = this.response;

}

之後onload裡面的blob就是這個Excel文件的二進制流,接下來只要將blob轉成文件進行下載就可以了,JS中有很多開源的第三方類庫可以做到,例如filesaver。如果是用filesaver的話,調用其中的saveAs方法就可以將該blob轉成對應文件進行下載

例如

var fileName = "test.xlsx"

saveAs(blob, fileName);

把上述方法加到onload 方法中,前端就會下載一個名為test.xlsx的Excel文件,內容就是後端傳過來的Excel

如果還要有其他操作例如展示或者在線的編輯,就需要一些第三方控制項來完成了,比如SpreadJS

上述的方法也是在他們的官方論壇中學到的,參考網址:

網頁鏈接

㈩ 通過Extjs前端,PHP後台如何通過查詢語句導出Mysql當中的表數據到Excel格式的電子文檔提供下載

貼下當時生成EXCEL的代碼代參照、修改,然後直接訪問這個PHP文件,就會自動生成EXCEL。
<?php
header('Content-type: text/html; charset=utf-8');
header("Content-type:application/vnd.ms-excel;charset=UTF-8");
header("Content-Disposition:filename=test.xls"); //輸出的表格名稱
echo "ID\t";echo "name\t\n";
//這是表格頭欄位 加\T就是換格,加\T\N就是結束這一行,換行的意思

$conn = mysql_connect("localhost","用戶名","密碼") or die("不能連接資料庫");
mysql_select_db("資料庫名", $conn);
mysql_query("set names 'UTF-8'");
$sql="SQL語句";

$result=mysql_query($sql);

while($row=mysql_fetch_array($result)){
echo $row[0]."\t";echo $row[1]."\t\n";
}
?>