在Node.js中创建动态html模板
我正在处理一个node.js项目，我想在其中实现创建模板。基本上，我有一个html框架在Node.js中创建动态html模板,node.js,Node.js,我正在处理一个node.js项目，我想在其中实现创建模板。基本上，我有一个html框架 <html> <head> --- script file--- </head> <body> here i want to include html table on click the button </body> </html> ---脚本文件--- 在这里我想包括html表，点击按钮 当我点击按钮时，我想包含一个我已经使用
<html>
<head>
--- script file---
</head>
<body>
here i want to include html table on click the button
</body>
</html>
---脚本文件---
在这里我想包括html表，点击按钮
html+=
'<div style="margin-top: 2%">' +
'<table border-collapse: collapse; border="1" width="100%" style="background-color:#b3b3b3 " font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif cellspacing="0" cellpadding="7">' +
'<tr>' +
'<th align="center" style="font-size: 12px">DEMO CTS' +
'</th>' +
'</tr>' +
'</table>' +
'</div>' +
'<div style="margin-top:2%">' +
'<table border-collapse: collapse; border="1" style="width: 100%;font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif" cellspacing="0" cellpadding="5">' +
'<tr style="background-color: #b3b3b3;text-align: center;">' +
'<th colspan="4" style="font-size: 12px"><b>BACKGROUND CHECK - SUMMARY</b></th>' +
'</tr>' +
'<tr>' +
'<th style="background-color: #b3b3b3;width: 25%;font-size: 12px" align="left"><b>CMC APPLICANT ID</b></th>' +
'<td style="font-size: 12px" width="28%">'+data.applicantId+'</td>' +
'<th style="background-color: #b3b3b3;width: 25%;font-size: 12px" align="left"><b>VENDOR RF-ID</b></th>' +
'<td style="font-size: 12px">'+data.vendorId+'</td>' +
'</tr>' +
'<tr>' +
'<th style="background-color: #b3b3b3;font-size: 12px" align="left"><b>RECRUITMENT BRANCH</b></th>' +
'<td style="font-size: 12px">'+data.branch+'</td>' +
'<th style="background-color: #b3b3b3;font-size: 12px; width: 15%" align="left"><b>NSR IT_PIN</b></th>' +
'<td style="font-size: 12px">'+data.nsrPin+'</td>' +
'</tr>' +
'<tr>' +
'<th style="background-color: #b3b3b3;font-size: 12px;width: 15%" align="left"><b>NAME OF THE CANDIDATE</b></th>' +
'<td colspan="3" style="font-size: 12px">'+data.name+'</td>' +
'</tr>' +
'<tr>' +
'<th style="background-color: #b3b3b3;font-size: 12px" align="left"><b>DATE OF BIRTH</b></th>' +
'<td style="font-size: 12px">'+data.dob+'</td>' +
'<th style="background-color: #b3b3b3; font-size: 12px;width: 25%" align="left">FINAL BGC STATUS (RED,GREEN)</th>' +
'<td style="background-color:orange">Amber</td>' +
'</tr>' +
'<tr>' +
'<th style="background-color: #b3b3b3;font-size: 12px; width: 10%;" align="left"><b>CATEGORY (CAMPUS/DT/EP/EP FROM CAMPUS)</b></th>' +
'<td style="font-size: 12px">'+data.category+'</td>' +
'<td style="font-size: 12px" colspan="2"></td></tr></table>';
html+=
'' +
'' +
'' +
“演示CTS”+
'' +
'' +
'' +
'' +
'' +
'' +
'' +
“背景检查-摘要”+
'' +
'' +
“CMC申请人ID”+
''+数据。应用程序ID+''+
“供应商RF-ID”+
''+数据。vendorId+''+
'' +
'' +
‘招聘科’+
''+数据。分支+''+
“NSR IT_PIN”+
“”+数据。nsrPin+“”+
'' +
'' +
“候选人姓名”+
''+数据。名称+''+
'' +
'' +
“出生日期”+
''+数据。dob+''数据+
'最终BGC状态（红色、绿色）'+
“琥珀”+
'' +
'' +
“类别（校园/DT/EP/EP自校园）”+
''+数据。类别+''+
'';