Laravel 8 从数据库中获取数据并在完整日历 JS 插件中显示不工作

Question

路线

Route::get('getEvents', [App\Http\Controllers\CalenderController::class, 'index'])->name('event.getEvents');

控制器

public function index(Request $request)
{
    $getEvents = Appointment::select('patient_id', 'start_time', 'end_time')->get();
    $events = [];

    foreach ($getEvents as $values) {
        $start_time_format = $values->start_time;
        $end_time_format = $values->end_time;
        $event = [];
        $event['title'] = $values->patient_id;
        $event['start'] = $start_time_format;
        $event['end'] = $end_time_format;
        $events[] = $event;
        Debugbar::info($events);
    }

    return $events;
}

完整日历脚本

var calendar = new FullCalendar.Calendar(calendarEl, {
            editable: true,
            droppable: true,
            selectable: true,
            initialView: getInitialView(),
            themeSystem: 'bootstrap',
            // responsive
            windowResize: function(view) {
                var newView = getInitialView();
                calendar.changeView(newView);
            },
            eventDidMount: function(info) {
                if (info.event.extendedProps.status === 'done') {

                    // Change background color of row
                    info.el.style.backgroundColor = 'red';

                    // Change color of dot marker
                    var dotEl = info.el.getElementsByClassName('fc-event-dot')[0];
                    if (dotEl) {
                        dotEl.style.backgroundColor = 'white';
                    }
                }
            },
            headerToolbar: {
                left: 'prev,next today',
                center: 'title',
                right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
            },


            eventClick: function(info) {
                addEvent.modal('show');
                formEvent[0].reset();
                selectedEvent = info.event;
                $("#event-title").val(selectedEvent.title);
                $('#event-category').val(selectedEvent.classNames[0]);
                newEventData = null;
                modalTitle.text('Edit Event');
                newEventData = null;
            },
            dateClick: function(info) {
                addNewEvent(info);
            },
            editable: true,
            events: 'getEvents',
            displayEventTime: true,
            eventRender: function(event, element, view) {
                if (event.allDay === 'true') {
                    event.allDay = true;
                } else {
                    event.allDay = false;
                }
            },
        });
        calendar.render();

我已在此脚本中正确指定路由 events: 'getEvents', 您可以在上述脚本的末尾部分看到。

现在前端的结果是：

数据库中没有显示数据。我收到一个控制台错误：Failed to load resource: the server responded with a status of 404 (Not Found): http://127.0.0.1:8000/getEvents?start=2021-09-26T00%3A00%3A00%2B05%3A30&end=2021-11-07T00%3A00%3A00%2B05%3A30

如您所见，在获得的 URL 中有一些不需要的字符。

调试在这里不起作用，我不知道为什么..当我添加 dd($data) 或其他东西时，前端没有调试器部分。

请帮我解决这个问题

谢谢。

Answer 1

成功了。我所做的一切都是正确的。问题出在我的路由上，由于一个将无效路由重定向到 404 页面的功能，我到控制器的路由不起作用..

当我把 404 路由放在所有其他路由的底部时，它起作用了。

Laravel 8 从数据库中获取数据并在完整日历 JS 插件中显示不工作

Laravel 8 get data from DB and show in Full calendar JS plugin Not working

fullcalendar

laravel

eloquent

laravel-8

Laravel 8 从数据库中获取数据并在完整日历 JS 插件中显示 不工作

Laravel 8 get data from DB and show in Full calendar JS plugin Not working

fullcalendar

laravel

eloquent

laravel-8

Laravel 8 从数据库中获取数据并在完整日历 JS 插件中显示不工作