快速将excel/word表格转换为web页面(html)的方法

最新推荐文章于 2024-06-13 16:07:05 发布
最新推荐文章于 2024-06-13 16:07:05 发布
阅读量2.4k 收藏 18
点赞数 24
分类专栏： Web 文章标签： 表格转网页 html web excel 原型
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33789001/article/details/136235782
版权
文章讲述了如何将现有的电子表格转换为网页上报，通过实例展示了如何使用WPS或Excel制作HTML文件，虽然代码冗长影响可读性，但适用于快速原型展示，不适用于直接系统开发，适合已有表格风格的快速迁移。
摘要由CSDN通过智能技术生成

前言

在进行开发企业信息化建设的过程，应该有很多这样的场景，就是将现有的电子表格记录的方式转换为在数据系统中进行网页上报。也就是需要根据当前一直使用的表格制作一个上传这个表格信息的网页，如果要减少系统的使用学习成本，加上系统的数据字段没有什么变更，我们可以直接沿用表格的样式，就需要快速的根据这个表格来生成对应的网页。从而能快速的做出一个演示Demo。

生成

这里以这个施工日志表来进行一个转换演示：

在这里插入图片描述

这里使用了wps为编辑软件，不过office好像也可以，以excel为例子，直接另存为html文件即可：
在这里插入图片描述

用浏览器打开文件，效果如图：
在这里插入图片描述

在这里插入图片描述

转换后网页的代码如下（去除了style和部分注释）：

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="ProgId" content="Excel.Sheet">
  <meta name="Generator" content="WPS Office ET">

 </head>
 <body link="blue" vlink="purple">
  <table width="1381.33" border="0" cellpadding="0" cellspacing="0" style='width:518.00pt;border-collapse:collapse;table-layout:fixed;'>
   <col width="136" style='width:51.00pt;'/>
   <col width="249.07" span="5" style='mso-width-source:userset;mso-width-alt:3985;'/>
   <tr height="36" style='height:13.50pt;'>
    <td height="36" width="136" style='height:13.50pt;width:51.00pt;'></td>
    <td width="249.07" style='width:93.40pt;'></td>
    <td width="249.07" style='width:93.40pt;'></td>
    <td width="249.07" style='width:93.40pt;'></td>
    <td width="249.07" style='width:93.40pt;'></td>
    <td width="249.07" style='width:93.40pt;'></td>
   </tr>
   <tr height="64" style='height:24.00pt;mso-height-source:userset;mso-height-alt:480;'>
    <td height="64" style='height:24.00pt;'></td>
    <td class="xl65" colspan="5" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str>施工日志</td>
   </tr>
   <tr height="36" style='height:13.50pt;'>
    <td height="36" style='height:13.50pt;'></td>
    <td class="xl66" x:str>工程名称</td>
    <td class="xl67" colspan="2" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;'></td>
    <td class="xl66" x:str>编号</td>
    <td class="xl68"></td>
   </tr>
   <tr height="36" style='height:13.50pt;'>
    <td height="36" style='height:13.50pt;'></td>
    <td class="xl66" x:str>施工单位</td>
    <td class="xl67" colspan="4" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;'></td>
   </tr>
   <tr height="36" style='height:13.50pt;'>
    <td height="36" style='height:13.50pt;'></td>
    <td class="xl69"></td>
    <td class="xl70" x:str>天气状况</td>
    <td class="xl70" x:str>风力<span style='mso-spacerun:yes;'>&nbsp;</span></td>
    <td class="xl70" x:str>最高/低温度</td>
    <td class="xl70" x:str>备注</td>
   </tr>
   <tr height="36" style='height:13.50pt;'>
    <td height="36" style='height:13.50pt;'></td>
    <td class="xl66" x:str>白天</td>
    <td class="xl68"></td>
    <td class="xl68"></td>
    <td class="xl68"></td>
    <td class="xl68"></td>
   </tr>
   <tr height="36" style='height:13.50pt;'>
    <td height="36" style='height:13.50pt;'></td>
    <td class="xl66" x:str>夜间</td>
    <td class="xl68"></td>
    <td class="xl68"></td>
    <td class="xl68"></td>
    <td class="xl68"></td>
   </tr>
   <tr height="45.33" style='height:17.00pt;mso-height-source:userset;mso-height-alt:340;'>
    <td height="45.33" style='height:17.00pt;'></td>
    <td class="xl71" colspan="5" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str>情况记录：(内容、作业、班组工作，存在的问题及处理情况等)</td>
   </tr>
   <tr height="373.33" style='height:140.00pt;mso-height-source:userset;mso-height-alt:2800;'>
    <td height="373.33" style='height:140.00pt;'></td>
    <td class="xl72" colspan="5" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str><font class="font3">(具体内容填入人员情况，设备情况，生产情况，质量安全工作记录，备注。然后交予工程师/建造师，或者业主，或者项目经理进行签字。需要注意的一点是，如果施工当天没有工作，必须也要填写施工日志，保持其连续性，不可后补，也不可修正。)</font><font class="font0"><br/><br/></font></td>
   </tr>
   <tr height="85.33" style='height:32.00pt;mso-height-source:userset;mso-height-alt:640;'>
    <td height="85.33" style='height:32.00pt;'></td>
    <td class="xl74" colspan="5" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str>技术质量安全工作记录:(技术质量安全活动，检查评定验收、技术质量安全问题处理情况等)</td>
   </tr>
   <tr height="506.67" style='height:190.00pt;mso-height-source:userset;mso-height-alt:3800;'>
    <td height="506.67" style='height:190.00pt;'></td>
    <td class="xl75" colspan="5" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;'></td>
   </tr>
   <tr height="36" style='height:13.50pt;'>
    <td height="36" style='height:13.50pt;'></td>
    <td class="xl66" x:str>记录人</td>
    <td class="xl78" colspan="2" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;'></td>
    <td class="xl66" x:str>日 期</td>
    <td class="xl67"></td>
   </tr>
   <![if supportMisalignedColumns]>
    <tr width="0" style='display:none;'>
     <td width="249" style='width:93;'></td>
    </tr>
   <![endif]>
  </table>
 </body>
</html>

从转换后的网页代码来看，个人觉得是没法直接使用到系统开发中的，因为比较冗长，而且可读性会差很多，如果熟练可以截取html元素进行后续开发。这个还是比较适用于基于现成表格的快速网页原型展示。

十幺卜入
关注
  • 24
    点赞
  • 踩
  • 18
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
WORD文档转换成HTML
wngzhem的博客
04-22 2520
背景 最近接到一个需求，将word文档，转换成网页中能直接使用的帮助文档。网上有很多的工具可以将WORD（.docx）文档转成HTML文件，最简单的方式就是文件另存为 .html 的文件。 直接另存为存在以下缺陷： 冗余信息过多，部分需要手动处理； 不能进修拓展操作（例如：重新配置样式主题；不能进行导航配置）； 图片资源文件的额外处理 解决思路 有很多开源的工具可以处理word文档，支持各种语言，本文使用 Node.js（身为前端当然的啦）来解决。 为了增加前端展示时的灵活性，基本思路就是： .docx
ExcelToHtmlTable转换算法:将Excel转换成Html表格并展示(项目源码+详细注释+项目截图)
10-04
功能概述 Excel2HtmlTable的主要功能就是把Excel的内容以表格的方式，展现在页面中。 Excel的多个Sheet对应页面的多个Tab选项卡。 转换算法的难点在于，如何处理行列合并,将Excel的行列合并模型转换成Html表格的行列合并模型。 背景故事 因实际需要，需要将Excel展现在Web界面中。 最初，想在网上找开源的东东，结果没有1个是想要的。有的特别复杂，有的只能在Windows平台，需要闭源的dll，最终还是得靠自己。 人不逼迫自己，真是想偷懒，不能出成果。 要是不是自己实现一次，根本不能发现和解决一系列问题。 最重要的经验就是：要努力克服自己的畏难情绪，不能怕麻烦。
Word转HTML，轻松转换，让你成为网页编辑大师！
m0_72176712的博客
12-29 607
在转换过程中，将Word文档中的文字、图片、格式样式等元素转换为相应的HTML标记语言。通过将Word文档转换为HTML，可以方便地在网络上共享和呈现文档内容，具有更广泛的可访问性和可扩展性。在工作中，我们会遇到编辑好的word文档要在Web上显示，但是其中的段落和图片会错乱显示，因此将Word文档转换成HTML格式后，便可以能够最大限度保证在web上展示的页面样式。点击左下角的“添加文件”，然后从你的电脑中找到你要转换的Word文档即可，你也可以直接将word文件拖入到窗口中哦~
【python脚本】Excel转换HTML
最新发布
LongL_GuYu的博客
06-13 696
将Excel文件转换为HTML文件！！！CSDN发表格必备工具！！！！
excel表格转成html
一只野生程序猿从入门到入土的学习之路
05-23 2429
convert连接：http://pressbin.com/tools/excel_to_html_table/index.html 
前端玩Word：Word文档解析成浏览器认识的HTML
qq_45472813的博客
02-02 2296
Word是微软公司开发的一个文字处理器应用程序，它是Office软件中的一个组件。使用Microsoft Office Word可创建和编辑信件、报告、网页或电子邮件中的文本和图形。相比于写字板和记事本功能更强大，性能更全面，可以插入图片、多媒体、艺术效果等。
word转化html源码
04-10
word转化为html浏览
word表格转换成html常用知识点
北枫林
04-20 1495
1.自身电脑1366x768 1cm=37.5px 小二（h2）24px 小四（h4）16px 四号（h3）19px 五号(14px) 2.一行或一列中有字体被撑开或被缩小，其他的单元格也会受到影响。 3.文字居上style="vertical-align: text-top;" 4.合并两列rowspan="2" 合并两行（两列变成一列）colspan="2" colu...
Word中的表格转成Html
06-02 758
Word2Htmlfunction convert2html(){    html.value = word.innerHTML;    }请在这里贴入WORD文件内容注意:您的浏览器必须是IE5.5后以上，否则无法插入文字!
excel转成html代码实现在线预览完美解决无法显示图片的问题
06-17
亲测，完美解决excel转换成html后图片无法显示的问题。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
JavaScript将Web页面内容导出到Word及Excel的方法
10-24
在上述标题和描述中，我们关注的是如何利用JavaScript将Web页面内容导出到Microsoft的Word和Excel文档。 在JavaScript中，要实现这种功能，通常需要借助于ActiveXObject，这是一个仅在Internet Explorer浏览器中...
jsp页面中显示word/excel格式的文档的方法
01-20
当你需要在JSP页面上显示或处理Word或Excel这类Office文档时，通常有几种不同的方法可以实现。以下将详细介绍如何在JSP中显示Word和Excel格式的文档。 首先，要让浏览器直接下载Word或Excel文件，而不是在页面上...
WEB页面导出为EXCEL,word文档的方法.rar
05-21
在Web开发中，最常用的库是JavaScript的`xlsx`库，它允许你通过浏览器直接将HTML表格转换为XLSX文件。以下是一个基本步骤： 1. **数据收集**：你需要获取网页中的表格数据。这可以通过DOM遍历完成，例如，选择所有`...
在线预览-java实现word和excel转html
08-28
在IT行业中，尤其是在Web开发领域，用户经常需要预览上传的文档，如Word或Excel文件。为了提供这种功能，开发者通常会使用各种库和工具，但本话题关注的是如何在不依赖外部套件的情况下，使用Java语言直接实现Word和...
表格数据转成 HTML数据
weixin_68266812的博客
02-05 418
零代码 - Table在线布局工具（Excel转HTML）
格式转换 ▏Python 实现Word转HTML
Eiceblue的专栏
10-12 3010
将Word转换为HTML能将文档内容发布在网页上，这样，用户就可以通过浏览器直接查看或阅读文档而无需安装特定的软件。Word转HTML对于在线发布信息、创建在线文档库以及构建交互式网页应用程序都非常有用。，或者需要嵌入图片等，可以用Spire.Doc for Python 提供的 HtmlExportOptions 类。HtmlExportOptions 类还提供了一些别的属性来设置Word到HTML导出选项，具体查看。第一个示例是一个特别简单的转换方法，仅需加载一个。在进行该转换操作前，需要先安装。
完美转换： Word表格转HTML
konmor的博客
11-06 2218
Word表格转HTML
Jacob实现Excel转html
每天进步一点点
05-08 6346
JACOB 就是 JAVA-COM Bridge的缩写，提供自动化的访问com的功能，也是通过JNI功能访问windows平台下的com组件或者win32系统库的。
poi xdocreport html 页面
09-01
POI xdocreport是一个用于处理Microsoft Office文档（如Word和Excel）的开源工具。它允许我们通过Java代码来创建、编辑和读取这些文档。 在POI xdocreport中，HTML页面可以扮演两种角色：模板和输出。我们可以使用HTML页面作为模板，为其添加占位符，并使用POI xdocreport的API将数据填充到占位符中，最后生成一个新的Word或Excel文档。作为输出，我们可以将一个Word或Excel文档转换为HTML页面，这样我们就可以在Web应用程序中显示文档内容。 当我们使用HTML页面作为模板时，可以通过自定义占位符来指定数据填充的位置。这些占位符可以是任何有效的HTML元素，如段落、表格、图像等。我们可以使用POI xdocreport提供的API方法来定位和替换这些占位符。 另一方面，将Word或Excel文档转换为HTML页面可以方便地在Web应用程序中显示文档内容。POI xdocreport提供了相应的方法来将文档转换为HTML格式，并保留文档的布局和样式。通过这种方式，我们可以在不安装Microsoft Office的情况下，将文档内容直接在网页上显示给用户。 总结来说，POI xdocreport是一个功能强大的工具，可以与HTML页面进行交互，实现创建、编辑和读取Microsoft Office文档的需求。无论是将HTML页面作为模板还是将文档转换为HTML格式，POI xdocreport都能提供方便且高效的解决方案。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

十幺卜入

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值