CMS Component Demo

Plugins can provide CMS components, simple building blocks that can enrich pages, layouts, and partials. Check out the To Do example below.

HTML Markup for that example

Wait, only one line is needed? Yes! CMS components are simple building blocks that can be used with a small amount of code. Components encapsulate PHP code and partials and can be included in a page, layout or partial with a single line of code. By sharing plugins between multiple projects, you can reuse CMS components and be more productive. The demoTodo component used here is provided by the plugin called October\Demo, you can find it in the plugins/october/demo folder.

Wondering how this page is made? View the CMS Template

8.0.25PHP Version359msRequest Duration10MBMemory UsageGET {slug?}Route
    • Booting (206ms)
    • Application (153ms)
    • 1 x Booting (57.26%)
      205.74ms
      1 x Application (42.63%)
      153.16ms
      0 templates were rendered
        uri
        GET {slug?}
        controller
        Cms\Classes\CmsController@run
        middleware
        web
        file
        modules/cms/classes/CmsController.php:52-66
        2 statements were executed4.53ms
        • select * from `system_site_definitions` order by `system_site_definitions`.`sort_order` asc
          3.74ms/modules/system/classes/SiteManager.php:148f1009_fbbctopcn
          Metadata
          Backtrace
          • 17. /modules/system/classes/SiteManager.php:148
          • 18. /modules/system/classes/SiteManager.php:45
          • 20. /modules/cms/classes/CmsController.php:73
          • 21. /modules/cms/classes/CmsController.php:55
          • 22. /vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54
        • select * from information_schema.tables where table_schema = 'f1009_fbbctopcn' and table_name = 'migrations' and table_type = 'BASE TABLE'
          790μs/modules/system/helpers/System.php:95f1009_fbbctopcn
          Metadata
          Bindings
          • 0. f1009_fbbctopcn
          • 1. migrations
          Backtrace
          • 11. /modules/system/helpers/System.php:95
          • 13. /modules/cms/models/MaintenanceSetting.php:58
          • 14. /modules/cms/classes/Controller.php:159
          • 15. /modules/cms/classes/CmsController.php:65
          • 16. /vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54
        _token
        t8318fEA93pnNEG5yOPS2eWn7fqlXCOkHb4Rp0CO
        _previous
        array:1 [ "url" => "http://www.f1009.f.bbctop.cn/components" ]
        _flash
        array:2 [ "old" => [] "new" => [] ]
        PHPDEBUGBAR_STACK_DATA
        []
        path_info
        /components
        status_code
        200
        
        status_text
        OK
        format
        html
        content_type
        text/html; charset=UTF-8
        request_query
        []
        
        request_request
        []
        
        request_headers
        0 of 0
        array:10 [ "accept" => array:1 [ 0 => "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7" ] "accept-encoding" => array:1 [ 0 => "gzip, deflate" ] "connection" => array:1 [ 0 => "keep-alive" ] "host" => array:1 [ 0 => "www.f1009.f.bbctop.cn" ] "pragma" => array:1 [ 0 => "no-cache" ] "user-agent" => array:1 [ 0 => "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)" ] "cache-control" => array:1 [ 0 => "no-cache" ] "x-forwarded-for" => array:1 [ 0 => "10.2.183.43" ] "via" => array:1 [ 0 => "1.1 squid-proxy-5b5d847c96-t569n (squid/6.10)" ] "upgrade-insecure-requests" => array:1 [ 0 => "1" ] ]
        request_server
        0 of 0
        array:32 [ "PATH" => "/bin:/usr/bin" "HTTP_ACCEPT" => "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7" "HTTP_ACCEPT_ENCODING" => "gzip, deflate" "HTTP_CONNECTION" => "keep-alive" "HTTP_HOST" => "www.f1009.f.bbctop.cn" "HTTP_PRAGMA" => "no-cache" "HTTP_USER_AGENT" => "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)" "HTTP_CACHE_CONTROL" => "no-cache" "HTTP_X_FORWARDED_FOR" => "10.2.183.43" "HTTP_VIA" => "1.1 squid-proxy-5b5d847c96-t569n (squid/6.10)" "HTTP_UPGRADE_INSECURE_REQUESTS" => "1" "DOCUMENT_ROOT" => "/home/f1009.f.bbctop.cn/public_html" "REMOTE_ADDR" => "216.73.216.115" "REMOTE_PORT" => "60215" "SERVER_ADDR" => "172.16.251.59" "SERVER_NAME" => "www.f1009.f.bbctop.cn" "SERVER_ADMIN" => "1460747734@qq.com" "SERVER_PORT" => "80" "REQUEST_URI" => "/components" "REDIRECT_URL" => "/components" "REDIRECT_STATUS" => "200" "LSWS_EDITION" => "Openlitespeed 1.7.12" "X-LSCACHE" => "on,crawler" "SCRIPT_FILENAME" => "/home/f1009.f.bbctop.cn/public_html/index.php" "QUERY_STRING" => "" "SCRIPT_NAME" => "/index.php" "SERVER_PROTOCOL" => "HTTP/1.1" "SERVER_SOFTWARE" => "LiteSpeed" "REQUEST_METHOD" => "GET" "PHP_SELF" => "/index.php" "REQUEST_TIME_FLOAT" => 1753398750.0435 "REQUEST_TIME" => 1753398750 ]
        request_cookies
        []
        
        response_headers
        0 of 0
        array:5 [ "content-type" => array:1 [ 0 => "text/html; charset=UTF-8" ] "cache-control" => array:1 [ 0 => "no-cache, private" ] "date" => array:1 [ 0 => "Thu, 24 Jul 2025 23:12:30 GMT" ] "set-cookie" => array:1 [ 0 => "october_session=eyJpdiI6IktzWEVnV093QTg5WlNqWnNLRWlzb0E9PSIsInZhbHVlIjoiTTZZMEh1Y1VpUU1YM2pIT0wvYTZEY2NVVU43V1BFMXlzT01jVDFnZjdqUk92c2RuRTZERnc0NjhtK1BVMlR0bVZGenI1WFNCM1dhTUNKRHRqZ2QwWDZEQ091VGIwTzV3NFpCL3Q0REM0akJGeGlqSFdodXZuZWhUYkxmaVVDdmQiLCJtYWMiOiI3YjhhOGQ0MDU4N2I4ZWI0ODhmMGNjYjIxOGQ5ZDQxZjU2Y2IxY2Y3ZWU5M2U0ZmY2ZTdlMzQ0ZWZlMDI4MWViIiwidGFnIjoiIn0%3D; expires=Fri, 25-Jul-2025 01:12:30 GMT; Max-Age=7200; path=/; httponly; samesite=laxoctober_session=eyJpdiI6IktzWEVnV093QTg5WlNqWnNLRWlzb0E9PSIsInZhbHVlIjoiTTZZMEh1Y1VpUU1YM2pIT0wvYTZEY2NVVU43V1BFMXlzT01jVDFnZjdqUk92c2RuRTZERnc0NjhtK1BVMlR0bVZG" ] "Set-Cookie" => array:1 [ 0 => "october_session=eyJpdiI6IktzWEVnV093QTg5WlNqWnNLRWlzb0E9PSIsInZhbHVlIjoiTTZZMEh1Y1VpUU1YM2pIT0wvYTZEY2NVVU43V1BFMXlzT01jVDFnZjdqUk92c2RuRTZERnc0NjhtK1BVMlR0bVZGenI1WFNCM1dhTUNKRHRqZ2QwWDZEQ091VGIwTzV3NFpCL3Q0REM0akJGeGlqSFdodXZuZWhUYkxmaVVDdmQiLCJtYWMiOiI3YjhhOGQ0MDU4N2I4ZWI0ODhmMGNjYjIxOGQ5ZDQxZjU2Y2IxY2Y3ZWU5M2U0ZmY2ZTdlMzQ0ZWZlMDI4MWViIiwidGFnIjoiIn0%3D; expires=Fri, 25-Jul-2025 01:12:30 GMT; path=/; httponlyoctober_session=eyJpdiI6IktzWEVnV093QTg5WlNqWnNLRWlzb0E9PSIsInZhbHVlIjoiTTZZMEh1Y1VpUU1YM2pIT0wvYTZEY2NVVU43V1BFMXlzT01jVDFnZjdqUk92c2RuRTZERnc0NjhtK1BVMlR0bVZG" ] ]
        session_attributes
        0 of 0
        array:4 [ "_token" => "t8318fEA93pnNEG5yOPS2eWn7fqlXCOkHb4Rp0CO" "_previous" => array:1 [ "url" => "http://www.f1009.f.bbctop.cn/components" ] "_flash" => array:2 [ "old" => [] "new" => [] ] "PHPDEBUGBAR_STACK_DATA" => [] ]