- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想从数据库中另一条记录的克隆开始,而不必再次填写所有这些字段。目前这是非常乏味的,必须打开两个选项卡(一个带有现有记录,另一个带有新记录)并复制粘贴数据。
如何在 Strapi 中克隆/复制记录?
最佳答案
您需要在 editing extensions guide 之后编辑此文件
├───admin
│ └───src
│ ├───containers
│ │ ├───EditView
│ │ │ Header.js
│ │ └───EditViewDataManagerProvider
│ │ │ index.js
│ │ └───utils
│ │ cleanData.js
│ │ index.js
│ └───translations
│ en.json
├───config
│ routes.json
├───controllers
│ ContentManager.js
└───services
ContentManager.js
Header.js
if (!isCreatingEntry) {
headerActions.unshift(
{
label: formatMessage({
id: `${pluginId}.containers.Edit.clone`,
}),
color: 'primary',
onClick: (e) => {
handleClone(e);
},
type: 'button',
style: {
paddingLeft: 15,
paddingRight: 15,
fontWeight: 600,
},
},
{
label: formatMessage({
id: 'app.utils.delete',
}),
color: 'delete',
onClick: () => {
toggleWarningDelete();
},
type: 'button',
style: {
paddingLeft: 15,
paddingRight: 15,
fontWeight: 600,
},
},
);
}
handleClone
这里
const {
deleteSuccess,
initialData,
layout,
redirectToPreviousPage,
resetData,
handleClone,
setIsSubmitting,
slug,
clearData,
} = useDataManager();
EditViewDataManagerProvider/index.js
const handleClone = async (event) => {
event.preventDefault();
// Create yup schema
const schema = createYupSchema(
currentContentTypeLayout,
{
components: get(allLayoutData, 'components', {}),
},
true
);
try {
// Validate the form using yup
await schema.validate(modifiedData, { abortEarly: false });
// Set the loading state in the plugin header
const filesToUpload = getFilesToUpload(modifiedData);
// Remove keys that are not needed
// Clean relations
const cleanedData = cleanData(
cloneDeep(modifiedData),
currentContentTypeLayout,
allLayoutData.components,
true
);
const formData = new FormData();
formData.append('data', JSON.stringify(cleanedData));
Object.keys(filesToUpload).forEach((key) => {
const files = filesToUpload[key];
files.forEach((file) => {
formData.append(`files.${key}`, file);
});
});
// Change the request helper default headers so we can pass a FormData
const headers = {};
const method = 'POST';
const endPoint = `${slug}/clone/${modifiedData.id}`;
emitEvent(isCreatingEntry ? 'willCloneEntry' : 'willCloneEntry');
try {
// Time to actually send the data
await request(
getRequestUrl(endPoint),
{
method,
headers,
body: formData,
signal,
},
false,
false
);
emitEvent(isCreatingEntry ? 'didCloneEntry' : 'didCloneEntry');
dispatch({
type: 'CLONE_SUCCESS',
});
strapi.notification.success(`${pluginId}.success.record.clone`);
// strapi.notification.success('Entry cloned!');
redirectToPreviousPage();
} catch (err) {
console.error({ err });
const error = get(
err,
['response', 'payload', 'message', '0', 'messages', '0', 'id'],
'SERVER ERROR'
);
setIsSubmitting(false);
emitEvent(isCreatingEntry ? 'didNotCloneEntry' : 'didNotCloneEntry', {
error: err,
});
strapi.notification.error(error);
}
} catch (err) {
const errors = getYupInnerErrors(err);
console.error({ err, errors });
dispatch({
type: 'CLONE_ERRORS',
errors,
});
}
};
handleClone
到 EditViewDataManagerContext.Provider.value
EditViewDataManagerProvider/utils/cleanData.js
const cleanData = (retrievedData, currentSchema, componentsSchema, clone = false) => {
const getType = (schema, attrName) =>
get(schema, ['attributes', attrName, 'type'], '');
const getSchema = (schema, attrName) =>
get(schema, ['attributes', attrName], '');
const getOtherInfos = (schema, arr) =>
get(schema, ['attributes', ...arr], '');
const recursiveCleanData = (data, schema) => Object.keys(data).reduce((acc, current) => {
const attrType = getType(schema.schema, current);
const valueSchema = getSchema(schema.schema, current);
const value = get(data, current);
const component = getOtherInfos(schema.schema, [current, 'component']);
const isRepeatable = getOtherInfos(schema.schema, [
current,
'repeatable',
]);
let cleanedData;
switch (attrType) {
case 'string': {
if (clone && valueSchema.unique) {
cleanedData = `${value}_clone`;
} else {
cleanedData = value;
}
break;
}
case 'json':
try {
cleanedData = JSON.parse(value);
} catch (err) {
cleanedData = value;
}
break;
case 'date':
case 'datetime':
cleanedData =
value && value._isAMomentObject === true
? value.toISOString()
: value;
break;
case 'media':
if (getOtherInfos(schema.schema, [current, 'multiple']) === true) {
cleanedData = value
? helperCleanData(
value.filter(file => !(file instanceof File)),
'id'
)
: null;
} else {
cleanedData =
get(value, 0) instanceof File ? null : get(value, 'id', null);
}
break;
case 'component':
if (isRepeatable) {
cleanedData = value
? value.map((data) => {
const subCleanedData = recursiveCleanData(
data,
componentsSchema[component]
);
return subCleanedData;
})
: value;
} else {
cleanedData = value
? recursiveCleanData(value, componentsSchema[component])
: value;
}
break;
case 'dynamiczone':
cleanedData = value.map((componentData) => {
const subCleanedData = recursiveCleanData(
componentData,
componentsSchema[componentData.__component]
);
return subCleanedData;
});
break;
default:
cleanedData = helperCleanData(value, 'id');
}
acc[current] = cleanedData;
if (clone && (current === '_id' || current === 'id')) {
acc[current] = undefined;
}
return acc;
}, {});
return recursiveCleanData(retrievedData, currentSchema);
};
just copy EditViewDataManagerProvider/utils/index.js
add in config/routes.json
{
"method": "POST",
"path": "/explorer/:model/clone/:id",
"handler": "ContentManager.clone",
"config": {
"policies": ["routing"]
}
}
add similar to create clone method in controllers/ContentManager.js
async clone(ctx) {
const contentManagerService = strapi.plugins['content-manager'].services.contentmanager;
const { model } = ctx.params;
try {
if (ctx.is('multipart')) {
const { data, files } = parseMultipartBody(ctx);
ctx.body = await contentManagerService.clone(data, { files, model });
} else {
// Create an entry using `queries` system
ctx.body = await contentManagerService.clone(ctx.request.body, { model });
}
// await strapi.telemetry.send('didCreateFirstContentTypeEntry', { model });
} catch (error) {
strapi.log.error(error);
ctx.badRequest(null, [
{
messages: [{ id: error.message, message: error.message, field: error.field }],
errors: _.get(error, 'data.errors'),
},
]);
}
},
and finally services/ContentManager.js
clone(data, { files, model } = {}) {
return strapi.entityService.create({ data, files }, { model });
},
"containers.Edit.clone": "clone button",
"success.record.clone": "notification"
npm run build
关于strapi - 如何在 Strapi 中复制/克隆记录?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60522438/
我有一个网站。 必须登录才能看到里面的内容。 但是,我使用此代码登录。 doc = Jsoup.connect("http://46.137.207.181/Account/Login.aspx")
我正在尝试为我的域创建一个 SPF 记录并使我的邮件服务器能够对其进行评估。我在邮件服务器上使用 Postfix 并使用 policyd-spf (Python) 来评估记录。目前,我通过我的私有(p
我需要为负载平衡的 AWS 站点 mywebsite.com 添加 CName 记录。记录应该是: @ CNAME mywebsite.us-east-1.elb.amazon
我目前正在开发一个相当大的多层应用程序,该应用程序将部署在海外。虽然我希望它在解聚后不会折叠或爆炸,但我不能 100% 确定这一点。因此,如果我知道我可以请求日志文件,以准确找出问题所在以及原因,那就
我使用以下命令从我的网络摄像头录制音频和视频 gst-launch-0.10 v4l2src ! video/x-raw-yuv,width=640,height=480,framerate=30/1
我刚刚开始使用 ffmpeg 将视频分割成图像。我想知道是否可以将控制台输出信息保存到日志文件中。我试过“-v 10”参数,也试过“-loglevel”参数。我在另一个 SO 帖子上看到使用 ffmp
我想针对两个日期查询我的表并检索其中的记录。 我这样声明我的变量; DECLARE @StartDate datetime; DECLARE @EndDate datetime; 并像这样设置我的变量
在 javascript 中,我可以使用简单的 for 循环访问对象的每个属性,如下所示 var myObj = {x:1, y:2}; var i, sum=0; for(i in myObj) s
最近加入了一个需要处理大量代码的项目,我想开始记录和可视化调用图的一些流程,让我更好地理解一切是如何组合在一起的。这是我希望在我的理想工具中看到的: 每个节点都是一个函数/方法 如果一个函数可以调用另
如何使用反射在F#中创建记录类型?谢谢 最佳答案 您可以使用 FSharpValue.MakeRecord [MSDN]创建一个记录实例,但是我认为F#中没有任何定义记录类型的东西。但是,记录会编译为
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗?更新问题,使其成为 on-topic对于堆栈溢出。 3年前关闭。 Improve thi
我是 Sequelize 的新手并且遇到了一些语法问题。我制作了以下模型: // User sequelize.define('user', { name: { type: DataTyp
${student.name} Notify 这是我的output.jsp。请注意,我已经放置了一个链接“Notify”以将其转发到 display.jsp 上。但我不确定如何将 Stud
例如,这是我要做的查询: server:"xxx.xxx.com" AND request_url:"/xxx/xxx/xxx" AND http_X_Forwarded_Proto:(https O
我一直在开发大量 Java、PHP 和 Python。所有这些都提供了很棒的日志记录包(分别是 Log4J、Log 或logging)。这在调试应用程序时有很大帮助。特别是当应用程序 headless
在我的Grails应用程序中,我异步运行一些批处理过程,并希望该过程记录各种状态消息,以便管理员以后可以检查它们。 我考虑过将log4j JDBC附加程序用作最简单的解决方案,但是据我所知,它不使用D
我想将进入 MQ 队列的消息记录到数据库/文件或其他日志队列,并且我无法修改现有代码。是否有任何方法可以实现某种类似于 HTTP 嗅探器的消息记录实用程序?或者也许 MQ 有一些内置的功能来记录消息?
如果我有一条包含通用字段的记录,在更改通用字段时是否有任何方法可以模仿方便的 with 语法? 即如果我有 type User = // 'photo can be Bitmap or Url {
假设我有一个名为 Car 的自定义对象。其中的所有字段都是私有(private)的。 public class Car { private String mName; private
当记录具有特定字段时,我需要返回 true 的函数,反之亦然。示例: -record(robot, {name, type=industrial, ho
我是一名优秀的程序员,十分优秀!