开源 企业版 高校版 私有云 模力方舟 AI 队友
代码拉取完成,页面将自动刷新
捐赠
捐赠前请先登录
扫描微信二维码支付
取消
支付完成
支付提示
将跳转至支付宝完成支付
确定
取消
1 Star 1 Fork 0

SyncGithub/fe-code

加入 Gitee
与超过 1400万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
已有帐号? 立即登录
文件
main
分支 (1)
标签 (2)
main
1.0.1
1.0.0
main
分支 (1)
标签 (2)
main
1.0.1
1.0.0
克隆/下载
克隆/下载
提示
下载代码请复制以下命令到终端执行
为确保你提交的代码身份被 Gitee 正确识别,请执行以下命令完成配置
初次使用 SSH 协议进行代码克隆、推送等操作时,需按下述提示完成 SSH 配置
1 生成 RSA 密钥
2 获取 RSA 公钥内容,并配置到 SSH公钥
在 Gitee 上使用 SVN,请访问 使用指南
使用 HTTPS 协议时,命令行会出现如下账号密码验证步骤。基于安全考虑,Gitee 建议 配置并使用私人令牌 替代登录密码进行克隆、推送等操作
Username for 'https://gitee.com': userName
Password for 'https://userName@gitee.com': # 私人令牌
main
分支 (1)
标签 (2)
main
1.0.1
1.0.0
fe-code
/
lib
/
utils
/
vue2Code.js
fe-code
/
lib
/
utils
/
vue2Code.js
vue2Code.js 4.72 KB
一键复制 编辑 原始数据 按行查看 历史
xianweics 提交于 2021年08月09日 14:33 +08:00 . Merge into main
const { join } = require('path');
const { existsSync, mkdirSync } = require('fs');
const { transferDir, transferFile } = require('./file');
const {logSuccess} =require('./log')
/**
* 生成 vue crud 模板代码
*
* @param {*} fromFile
* @param {*} toFile
* @param {*} options
* @returns Promise<boolean>
*/
const replaceArgsToFile = (fromFile, toFile, options) => {
if (!options) return Promise.resolve();
const {
title, // 标题
containerType = 'Modal', // 交互方式
isNeedQuery, // 是否需要筛选
isNeedAdd,
isNeedEdit,
isNeedDelete,
isNeedBatchDelete,
} = options;
return transferFile(fromFile, toFile, data => {
const apiConfig = { list: '/api/json/list' };
const batchToolbar = [];
const rowToolbar = [];
if (isNeedAdd) {
apiConfig.add = '/api/json/add';
batchToolbar.push(`{
label: '添加',
type: 'primary',
toolbarType: ICrudToolbarTypeEnum.Add,
request: (row) =>
axios(apiConfig.add, { method: 'post', data: row }).then(() => {
ElMessage.success('添加成功');
}),
}`);
}
if (isNeedEdit) {
apiConfig.edit = '/api/json/edit';
rowToolbar.push(`{
label: '编辑',
type: 'link',
toolbarType: ICrudToolbarTypeEnum.Edit,
request: (row) =>
axios(apiConfig.edit, { method: 'post', data: row }).then(() => {
ElMessage.success('编辑成功');
}),
}`);
}
if (isNeedDelete) {
apiConfig.delete = '/api/json/delete';
batchToolbar.push(`{
label: '删除',
type: 'link',
toolbarType: ICrudToolbarTypeEnum.Delete,
request: (row) =>
axios(apiConfig.delete, { method: 'post', data: row }).then(() => {
ElMessage.success('删除成功');
}),
}`);
}
if (isNeedBatchDelete) {
apiConfig.batchDelete = '/api/json/delete';
batchToolbar.push(`{
label: '批量删除',
type: 'dashed',
toolbarType: ICrudToolbarTypeEnum.DeleteBatch,
request: (row) =>
axios(apiConfig.delete, { method: 'post', data: row }).then(() => {
ElMessage.success('删除成功');
}),
}`);
}
// 移除筛选
!isNeedQuery && data.replace(/isFilter: true,/g, 'isFilter: false,');
// replace content
const replaceData = `import { ElMessage } from 'element-plus';\n${data
.replace(/\/\/ @ts-ignore/g, '')
.replace(
/\} from '..\/components\/index';/g,
`, ICrudToolbarTypeEnum, ICurdContainerTypeEnum } from '../components/index';\n`,
)
.replace(/\{crud.title\}/g, title)
.replace(/'\{crud.apiConfig\}'/g, JSON.stringify(apiConfig))
.replace(
/'\{crud.containerType\}'/g,
`ICurdContainerTypeEnum.${containerType}`,
)
.replace(/'\{crud.batchToolbar\}'/g, `[${batchToolbar.join(',')}]`)
.replace(/'\{crud.rowToolbar\}'/g, `[${rowToolbar.join(',')}]`)}`;
return replaceData;
});
};
/**
* 生成 vue 模板代码
*
* @param {*} fromPath
* @param {*} toPath
* @param {*} options
*/
const generateVueCode = (fromPath, toPath, options) => {
const { isTs, file, model,component } = options;
// 基础 crud 模板
component.forEach(item=>{
const baseCrudTemplatePath = `components/${item}/config`;
const templateSuffix = isTs ? 'ts' : 'ts';
const templateFromPath = join(
fromPath,
`${baseCrudTemplatePath}.${templateSuffix}`,
);
const templateToPath = join(toPath, model,'components',item);
if (!existsSync(templateFromPath)) return;
// 模块不存在则新建
!existsSync(templateToPath) && mkdirSync(templateToPath);
// replace args
replaceArgsToFile(
templateFromPath,
join(templateToPath, `config.${templateSuffix}`),
options,
).then(isSuccess => {});
})
};
/**
* 初始化 Vue crud 基础组件
* 用作生成基础组件到项目基架中
*
* @param {*} fromPath
* @param {*} toPath
*/
const initVueBase = (fromPath, toPath,options) => {
const { model,component } = options;
const baseModelPath = join(toPath, model);
!existsSync(baseModelPath) && mkdirSync(baseModelPath);
// 基础组件
const baseComponentPath = 'components';
let templateFiles = ['Form','Table','ToolBar']
// ignore file
const ignoreFiles = [
'node_modules',
'.DS_Store',
'dist',
'yarn.lock',
'.prettierrc',
'README.md',
'package-lock.json',
'package.json',
'tsconfig.json',
].concat(templateFiles.filter(item=>!component.includes(item)));
const baseFromPath = join(fromPath, baseComponentPath);
const baseToPath = join(toPath, model,baseComponentPath);
transferDir(baseFromPath, baseToPath, ignoreFiles);
};
module.exports = {
initVueBase,
generateVueCode,
};
Loading...
举报
举报成功
我们将于2个工作日内通过站内信反馈结果给你!
请认真填写举报原因,尽可能描述详细。
请选择举报类型
取消
发送
误判申诉

此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。

如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。

取消
提交

简介

很多前端同学,每日不仅要忙于内卷,还要忙于奔波在重复的业务逻辑期间,所以我们索性开发了这样一款工具,帮助大家可以直接根据接口生成 CURD 的全部代码,让大家生活多些快乐
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
编辑仓库简介
简介内容
主页
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/sync-github/fe-code.git
git@gitee.com:sync-github/fe-code.git
sync-github
fe-code
fe-code
main
点此查找更多帮助

搜索帮助

评论
仓库举报
回到顶部
登录提示
该操作需登录 Gitee 帐号,请先登录后再操作。
立即登录
没有帐号,去注册

AltStyle によって変換されたページ (->オリジナル) /