ctf0/over-seer

在保存到数据库之前预览表单数据

维护者

详细信息

github.com/ctf0/OverSeer

主页

源代码

问题

资助包维护！
ctf0

安装: 51

依赖: 0

建议者: 0

安全: 0

星级: 17

观察者: 2

分支: 2

开放问题: 0

语言:Vue

v1.2.2 2021-01-28 08:09 UTC

Requires

MIT a1778c0a27877f368be539afc2004e90588575cd

  • Muah <muah003.woop@gmail.com>

laraveloverseerctf0

This package is auto-updated.

Last update: 2024-08-30 01:26:03 UTC

README

OverSeer
Latest Stable Version Total Downloads

一个帮助预览在提交到数据库之前任何表单数据的微小包。

如果您还想要控制保存的内容，您也可以尝试使用 Odin。


安装

  • composer require ctf0/over-seer

  • (Laravel < 5.5) 添加服务提供者。

    'providers' => [
    ctf0\OverSeer\OverSeerServiceProvider::class,
];

  • 使用以下命令发布包资源

    php artisan vendor:publish --provider="ctf0\OverSeer\OverSeerServiceProvider"

  • 安装依赖

    yarn add vue form-serialize
# or
npm install vue form-serialize --save

  • 将这一行添加到您的主js文件中，然后运行 npm run watch 来编译您的 js/css 文件。

    window.Vue = require('vue')

require('../vendor/OverSeer/manager')

new Vue({
    el: '#app'
})

使用方法

  • 为要收集其内容的表单添加一个id，例如。

    <form action="..." method="..." id="my-form">
    ...
</form>

  • 然后在表单附近添加vue组件

    • form-id 是您为表单设置的id，在这种情况下 my-form
    • template 是您想显示数据的地方，例如 views/posts/overseer
    • title 可选的url标题，所以它不会只是 my.app/overseer，而是 my.app/overseer/my-awesome-title
    <over-seer form-id="my-form"
    template="posts.overseer"
    title="my-awesome-title"
    csrf="{{ csrf_token() }}">

    <button>Preview</button>
</over-seer>

  • 现在在我们将显示数据的视图中，我们可以像访问任何模型一样访问它

    // for single values
{{ $data->title }}

// for nested values
{{ $data->body->en }}

    一样。


关于 WYSIWYG Editors 的说明

  • 我们目前支持 tinyMCE，但如果您使用任何其他编辑器，欢迎PR 🏆

安全

如果您发现任何与安全相关的问题，请通过电子邮件发送到 ctf0-dev@protonmail.com。