今天做了一个段程序需要将数据库中有的表格显示到vue 的elementUI 的表格中,表格的字段太多,手写太麻烦,想使用wps加快一下进程。
1. 将字段的定义导出
我的导出之后的部分字段如下
`displacement` varchar(200) DEFAULT NULL COMMENT '排量',
`power` varchar(50) DEFAULT NULL COMMENT '功率',
`yinqing` varchar(200) DEFAULT NULL COMMENT '引擎号',
`oiltype` varchar(200) DEFAULT NULL COMMENT '燃油类型',
`biansu` varchar(200) DEFAULT NULL COMMENT '变速器',
`dangwei` varchar(200) DEFAULT NULL COMMENT '档位数',
`drvtype` varchar(200) DEFAULT NULL COMMENT '驱动类型',
`memo` varchar(200) NOT NULL COMMENT '描述'
2. 将这项字复制到wps表格中
界面如下
在A列放上定义各个字段的sql代码。
在B列表输入公式 =REGEXP(A1,“(.*)
”,0) , 作用是提取字段名。
在C列 输入公式 =REGEXP(A1,“‘(.*)’”,0) , 作用是提取字段备注。
在F列输入公式 =SUBSTITUTE(B1,“`”,“”) ,作用是将字段的引号删除。
在G列输入公式 =SUBSTITUTE(C1,“'”,“”),作用是将字段备注的引号删除。
在H列输入代码:
<el-table-column label="{0}" min-width="100">
<template slot-scope="scope">
<span>{{ scope.row.{1} }}</span>
</template>
</el-table-column>
使用 G列替换 {0} ,使用 F列 替换 {1}。具体公式如下:
在I列输入公式 =SUBSTITUTE(H1,“{0}”,G1) 。
在J列输入公式 =SUBSTITUTE(I1,“{1}”,F1)
生成的代码就到了J列