//思路：1、根据renderController生成的目录，将每个目录下的getpage文件读取出来，查找(`中间的字符串获取到接口返回类型的名称， //2、将获取到的类型名称，从interface目录下读取出来，然后查找data:和下一个;之间的字符串，用replace方法将空格去掉，获取到data的类型名称 //2.1、继续在getpage文件中查找 `符号和`符号间的数据例如`/api/admin/api/get-page`，用replace去掉/get-page，然后再将/替换成冒号:（用来设置权限） // 3、将获取到的data的类型名称，从interface目录下读取出来，然后查找list:和下一个;之间的字符串,用replace方法将[]和空格去掉，获取到list的类型名称 // 4、将获取到的list的类型名称，从interface目录下读取出来，查找大括号{}中的数据，将这个字符串放到之前我写好的内容中（待改善），可以生成到table中每一个字段的column const content = ` `; let ejs = require('ejs'); const fs = require('fs'); const path = require('path'); let { renderFile } = require('../utils/index'); const options = { printWidth: 999, tabWidth: 2, proseWrap: 'never', trailingComma: 'none', semi: true, singleQuote: true, jsxSingleQuote: true, vueIndentScriptAndStyle: false, parser: 'vue', }; // 获取renderController生成的目录 const directoryPath = path.join(__dirname, '../../src/api/controller'); // 读取每个目录下的getpage文件 fs.readdir(directoryPath, (err, files) => { if (err) { console.log('Unable to scan directory: ' + err); } else { // 遍历每个目录 files.forEach((file) => { const filePath = path.join(directoryPath, file); let arr = []; let dirName = ''; //获取目录名称 fs.stat(filePath, (err, stats) => { if (err) return; if (stats.isDirectory()) { arr = filePath.split('\\'); dirName = arr[arr.length - 1]; // 读取目录下getpage文件内容 let getPageFilePath = filePath + '\\' + dirName + 'GetPage.ts'; fs.readFile(getPageFilePath, 'utf8', (err, data) => { if (err) { console.log('Unable to read file: ' + err); } else { // 查找中间的字符串获取接口返回类型 const regex = //; const returnTypeArr = regex.exec(data); if (!returnTypeArr) return; const returnType = returnTypeArr[1].replace(' ', ''); const interfaceUrlRegex = /`([^}]+)`/; const interfaceUrlArr = interfaceUrlRegex.exec(data); if (!interfaceUrlArr) return; //权限前缀 const permissionPrefix = interfaceUrlArr[1].replace('/get-page', '').replaceAll('/', ':').slice(1); // 从interface目录下读取接口返回类型的文件 const interfaceFilePath = path.join(__dirname, '../../src/api/interface/apiTypes', returnType + '.ts'); // 读取接口文件内容 fs.readFile(interfaceFilePath, 'utf8', (err, interfaceData) => { if (err) { console.log('Unable to read interface file: ' + err); } else { // 查找data:和;之间的字符串获取data类型 const dataRegExp = /data:\s(.*?);/; const dataNameArr = dataRegExp.exec(interfaceData); if (!dataNameArr) return; const dataName = dataNameArr[1].replace(/\s/g, ''); // 从interface目录下读取data的文件 const dataFilePath = path.join(__dirname, '../../src/api/interface/apiTypes', dataName + '.ts'); // 读取data文件内容 fs.readFile(dataFilePath, 'utf8', (err, dataInterfaceData) => { if (err) { console.log('Unable to read data interface file: ' + err); } else { // 查找list:和;之间的字符串获取list类型 const listRegExp = /list:\s(.*?);/; const listTypeArr = listRegExp.exec(dataInterfaceData); if (!listTypeArr) return; const listType = listTypeArr[1].replace(/\s/g, '').replace('[]', ''); // 从interface目录下读取list的文件 const listFilePath = path.join(__dirname, '../../src/api/interface/apiTypes', listType + '.ts'); // 读取list文件内容 fs.readFile(listFilePath, 'utf8', (err, listInterfaceData) => { if (err) { console.log('Unable to read list interface file: ' + err); } else { // 查找大括号{}中的内容 const fieldsRegExp = /{([^}]+)}/; const fieldsArr = fieldsRegExp.exec(listInterfaceData); if (!fieldsArr) return; const fields = fieldsArr[1]; // console.log(fields); // 生成table中每一个字段的column // 待实现 let tableStr = renderTable(fields, permissionPrefix); renderFile('../../src/views/renderVue/' + dirName + '/index.vue', tableStr, options); } }); } }); } }); } }); } else { return; } }); }); } }); /** * 生成表格的列 * @param {*} barr { label: string, prop: string, type: string }[] */ function renderElTableColumn(barr) { /** * 生成的el-table-column数据 */ let tableColumn = ''; // 遍历过滤后的数组 for (let i = 0; i < barr.length; i++) { // 如果对象标签中包含字典 if (barr[i].label.indexOf('字典') != -1) { // 调用renderDictColumn函数，生成el-table-column数据 tableColumn += renderDictColumn(barr[i]); // 如果对象标签中包含是否 } else if (barr[i].label.indexOf('是否') != -1) { // 调用renderBooleanColumn函数，生成el-table-column数据 tableColumn += renderBooleanColumn(barr[i]); // 如果对象标签中包含日期 } else if (barr[i].label.indexOf('日期') != -1) { // 调用renderDateColumn函数，生成el-table-column数据 tableColumn += renderDateColumn(barr[i]); // 如果对象标签中不包含字典、是否、日期 } else { // 调用renderDateColumn函数，生成el-table-column数据 tableColumn += `${`\n`}`; } } return tableColumn; } /** * 生成表格的高级搜索参数 * @param {*} barr { label: string, prop: string, type: string }[] */ function renderFilters(barr) { let filters = []; for (let i = 0; i < barr.length; i++) { // 如果对象标签中包含字典 if (barr[i].type == 'string') { filters.push({ field: barr[i].prop, operator: 'Contains', description: barr[i].label, componentName: 'el-input', defaultSelect: !i, }); } } return filters; } function renderTable(fields, permissionPrefix) { /** * 生成的el-table-column数据 */ let tableColumn = ''; let filters = []; // 过滤掉不需要生成的字段 let filter = ['创建者', '创建时间', '修改者', '修改时间', 'Id', '附件']; // 注释和字段的字符串数组 let arr = findStringsBeforeNewLines(fields.replace(/\t/g, '')); // 声明一个空数组 let objArr = []; // label：注释；prop：属性名；type：类型 let obj = { label: '', prop: '', type: '' }; // 声明一个布尔值 let isFlag = true; // 遍历数组 for (let i = 0; i < arr.length; i++) { // 如果数组中的元素不为空，且布尔值为true if (!!arr[i] && isFlag) { // 获取属性标签 let label = getPropertyLabel(arr[i]); // 如果标签不为空 if (!!label) { // 将标签赋值给对象 obj.label = label; // 获取属性prop和type let b = getPropertyProp(arr[i + 1]); // 将prop赋值给对象 obj.prop = b[0]; // 将type赋值给对象 obj.type = b[1]; // 将对象添加到数组中 objArr.push(obj); // 将布尔值设置为false obj = { label: '', prop: '', type: '' }; // 将布尔值设置为true isFlag = false; } // 如果数组中的元素不为空，且布尔值为false } else { // 将布尔值设置为true isFlag = true; // 跳出本次循环 continue; } } // 过滤数组 let barr = objArr.filter((item) => { // 声明一个布尔值 let isFlag = true; // 遍历过滤字段 filter.map((filterItem) => { // 如果过滤字段在对象标签中，则将布尔值设置为false if (item.label.indexOf(filterItem) !== -1) { return (isFlag = false); } }); // 如果布尔值为false，则返回false if (!isFlag) { return false; // 如果布尔值为true，则返回true } else { return true; } }); tableColumn = renderElTableColumn(barr); filters = renderFilters(barr); console.log(permissionPrefix); let templateStr = ejs.render(content, { barr, permissionPrefix, tableColumn, filters: filters }); return templateStr; } /* 功能：查找字符串之前的新行 * 参数：str：字符串 * 返回：匹配的子字符串数组 */ function findStringsBeforeNewLines(str) { // 使用正则表达式匹配换行符之前的字符串 let matches = str.match(/[^\n]+/g); // 返回匹配的子字符串数组 return matches; } //生成字典行 function renderDictColumn(item) { return `${` `}\n`; } //生成是否字段的行 function renderBooleanColumn(item) { return `${` `}\n`; } //生成日期字段的行 function renderDateColumn(item) { return `${`\n`}`; } function getPropertyProp(property) { let str = property.replace(/;/g, '').replace(/\?/g, '').replace(/\s/g, ''); // 根据:分割字符串为数组 let arr = str.split(/:|\?/); return arr; } // 功能：根据传入的comment参数，获取对应的属性标签 // 正则表达式：/\/\*\* (.+?) \*\// // 返回值：match[1] function getPropertyLabel(comment) { // 定义正则表达式，用于匹配comment中的属性标签 let regex = /\/\*\* (.+?) \*\//; // 使用正则表达式匹配comment中的属性标签 let match = comment.match(regex); // 返回匹配到的属性标签，如果没有匹配到，则返回空字符串 return match ? match[1] : ''; }