设计招聘网站,寻找商机,广告传媒公司排名,杭州网站建设推荐前言
在进行开发企业信息化建设的过程#xff0c;应该有很多这样的场景#xff0c;就是将现有的电子表格记录的方式转换为在数据系统中进行网页上报。也就是需要根据当前一直使用的表格制作一个上传这个表格信息的网页#xff0c;如果要减少系统的使用学习成本#xff0c;…前言
在进行开发企业信息化建设的过程应该有很多这样的场景就是将现有的电子表格记录的方式转换为在数据系统中进行网页上报。也就是需要根据当前一直使用的表格制作一个上传这个表格信息的网页如果要减少系统的使用学习成本加上系统的数据字段没有什么变更我们可以直接沿用表格的样式就需要快速的根据这个表格来生成对应的网页。从而能快速的做出一个演示Demo。
生成
这里以这个施工日志表来进行一个转换演示 这里使用了wps为编辑软件不过office好像也可以以excel为例子直接另存为html文件即可
用浏览器打开文件效果如图 转换后网页的代码如下去除了style和部分注释
html xmlns:vurn:schemas-microsoft-com:vml xmlns:ourn:schemas-microsoft-com:office:office xmlns:xurn:schemas-microsoft-com:office:excel xmlnshttp://www.w3.org/TR/REC-html40headmeta http-equivContent-Type contenttext/html; charsetutf-8meta nameProgId contentExcel.Sheetmeta nameGenerator contentWPS Office ET/headbody linkblue vlinkpurpletable width1381.33 border0 cellpadding0 cellspacing0 stylewidth:518.00pt;border-collapse:collapse;table-layout:fixed;col width136 stylewidth:51.00pt;/col width249.07 span5 stylemso-width-source:userset;mso-width-alt:3985;/tr height36 styleheight:13.50pt;td height36 width136 styleheight:13.50pt;width:51.00pt;/tdtd width249.07 stylewidth:93.40pt;/tdtd width249.07 stylewidth:93.40pt;/tdtd width249.07 stylewidth:93.40pt;/tdtd width249.07 stylewidth:93.40pt;/tdtd width249.07 stylewidth:93.40pt;/td/trtr height64 styleheight:24.00pt;mso-height-source:userset;mso-height-alt:480;td height64 styleheight:24.00pt;/tdtd classxl65 colspan5 styleborder-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext; x:str施工日志/td/trtr height36 styleheight:13.50pt;td height36 styleheight:13.50pt;/tdtd classxl66 x:str工程名称/tdtd classxl67 colspan2 styleborder-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;/tdtd classxl66 x:str编号/tdtd classxl68/td/trtr height36 styleheight:13.50pt;td height36 styleheight:13.50pt;/tdtd classxl66 x:str施工单位/tdtd classxl67 colspan4 styleborder-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;/td/trtr height36 styleheight:13.50pt;td height36 styleheight:13.50pt;/tdtd classxl69/tdtd classxl70 x:str天气状况/tdtd classxl70 x:str风力span stylemso-spacerun:yes;nbsp;/span/tdtd classxl70 x:str最高/低温度/tdtd classxl70 x:str备注/td/trtr height36 styleheight:13.50pt;td height36 styleheight:13.50pt;/tdtd classxl66 x:str白天/tdtd classxl68/tdtd classxl68/tdtd classxl68/tdtd classxl68/td/trtr height36 styleheight:13.50pt;td height36 styleheight:13.50pt;/tdtd classxl66 x:str夜间/tdtd classxl68/tdtd classxl68/tdtd classxl68/tdtd classxl68/td/trtr height45.33 styleheight:17.00pt;mso-height-source:userset;mso-height-alt:340;td height45.33 styleheight:17.00pt;/tdtd classxl71 colspan5 styleborder-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext; x:str情况记录(内容、作业、班组工作存在的问题及处理情况等)/td/trtr height373.33 styleheight:140.00pt;mso-height-source:userset;mso-height-alt:2800;td height373.33 styleheight:140.00pt;/tdtd classxl72 colspan5 styleborder-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext; x:strfont classfont3(具体内容填入人员情况设备情况生产情况质量安全工作记录备注。然后交予工程师/建造师或者业主或者项目经理进行签字。需要注意的一点是如果施工当天没有工作必须也要填写施工日志保持其连续性不可后补也不可修正。)/fontfont classfont0br/br//font/td/trtr height85.33 styleheight:32.00pt;mso-height-source:userset;mso-height-alt:640;td height85.33 styleheight:32.00pt;/tdtd classxl74 colspan5 styleborder-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext; x:str技术质量安全工作记录:(技术质量安全活动检查评定验收、技术质量安全问题处理情况等)/td/trtr height506.67 styleheight:190.00pt;mso-height-source:userset;mso-height-alt:3800;td height506.67 styleheight:190.00pt;/tdtd classxl75 colspan5 styleborder-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;/td/trtr height36 styleheight:13.50pt;td height36 styleheight:13.50pt;/tdtd classxl66 x:str记录人/tdtd classxl78 colspan2 styleborder-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;/tdtd classxl66 x:str日 期/tdtd classxl67/td/tr![if supportMisalignedColumns]tr width0 styledisplay:none;td width249 stylewidth:93;/td/tr![endif]/table/body
/html从转换后的网页代码来看个人觉得是没法直接使用到系统开发中的因为比较冗长而且可读性会差很多如果熟练可以截取html元素进行后续开发。这个还是比较适用于基于现成表格的快速网页原型展示。
