bamfura/conteudo-site

通过badaso管理网站内容

dev-main 2023-02-15 05:05 UTC

This package is not auto-updated.

Last update: 2024-09-27 17:05:47 UTC


README

通过仪表板轻松管理网站内容,开箱即用

如何安装内容管理模块

  1. 从Laravel项目安装Badaso
  2. 安装badaso内容模块

对于v2.x (Laravel 8)

composer require badaso/content-module

对于v1.x (Laravel 5,6,7)

composer require badaso/content-module:^1.0
  1. 设置环境变量
MIX_DEFAULT_MENU=admin
MIX_BADASO_MENU=${MIX_DEFAULT_MENU},content-module
MIX_BADASO_PLUGINS=content-module
  1. 调用命令 php artisan migrate
  2. 调用命令 php artisan badaso-content:setupphp artisan badaso-content:setup --force(如需覆盖文件)
  3. 调用命令 composer dump-autoload
  4. 调用命令 php artisan db:seed --class=BadasoContentModuleSeeder
  5. 从badaso管理面板的“角色管理”菜单项中,添加用户权限以填充内容

image

支持的内容类型

  1. 文本

    支持文本类型的内容值

    JSON输出示例
    {
     "text-exmaple" : {
       "name" : "text-example",
       "label" : "Text Example",
       "type" : "text",
       "data" : "Lorem ibsum siamet dor..."
     }
    }
    
  2. 图片

    支持图片类型的内容值,选择图片作为值内容会自动保存在laravel项目的storage/app目录下

    JSON输出示例
    {
     "image-example" : {
       "name" : "image-example",
       "label" : "Image Example",
       "type" : "image",
       "data" : "image-example.png"
     }
    }
    
  3. URL

    支持URL类型的内容值

    JSON输出示例
    {
     "url-example" : {
       "name" : "url-example",
       "label" : "URL Example",
       "type" : "url",
       "data" : {
         "url" : "http://example.com",
         "text" : "Somthing Text"
       }
     }
    }
    
  4. 支持内容组值类型,可容纳其他类型的内容

    JSON输出示例
    {
     "group-example" : {
       "name" : "group-example",
       "label" : "Group Example",
       "type" : "group",
       "data" : {
         "url-example" : {
           "name" : "url-example",
           "label" : "URL Example",
           "type" : "url",
           "data" : {
             "url" : "http://example.com",
             "text" : "Somthing Text"
           }
         },
         ...
       }
     }
    }
    
JSON输出示例(全部获取)
{
 "id" : 1,
 "slug" : "example-content",
 "label" : "Example Content",
 "value" : {
   "group-example" : {
     "name" : "group-example",
     "label" : "Group Example",
     "type" : "group",
     "data" : {
       "url-example" : {
         "name" : "url-example",
         "label" : "URL Example",
         "type" : "url",
         "data" : {
           "url" : "http://example.com",
           "text" : "Somthing Text"
         }
       },
       ...
     }
   }
   ...
 }
}

演示

  1. 浏览内容

    image

  2. 阅读内容

    image

  3. 创建内容

    image

  4. 编辑内容

    image

  5. 填充内容

    image