Fahd Kirami نشر 4 يناير 2018 أرسل تقرير نشر 4 يناير 2018 لقد قمت ببناء تطبيق ويب باستخدام framwork laravel وبعد انتهائي واجت مشكلة اختلاط الصفحة عادة عندما اقوم بالتحديث او الضغط على F5 جربت كل الطرق ولم استطع ايجاد الحل .. ارجو المساعدة .. سأضع صور للصفحات عندما تكون معروضة بشكل عادي وعندما تختلط اقتباس
0 areflazrek نشر 4 يناير 2018 أرسل تقرير نشر 4 يناير 2018 ارفق كود الblade لهذه الصفحة لنرى اين الاشكال 1 اقتباس
0 Fahd Kirami نشر 4 يناير 2018 الكاتب أرسل تقرير نشر 4 يناير 2018 هي ليست صفحتا واحدة فقط بل العديد من الصفاحات الن تكن جميعها .. هذا هو كود الصفحة اللتي تحمل اسم التحكم @extends('layouts.app') @section('content') <style> .panel-table .panel-body{ padding:0; } .panel-table .panel-body .table-bordered{ border-style: none; margin:0; } .panel-table .panel-body .table-bordered > thead > tr > th:first-of-type { text-align:center; width: 100px; } .panel-table .panel-body .table-bordered > thead > tr > th:last-of-type, .panel-table .panel-body .table-bordered > tbody > tr > td:last-of-type { border-right: 0px; } .panel-table .panel-body .table-bordered > thead > tr > th:first-of-type, .panel-table .panel-body .table-bordered > tbody > tr > td:first-of-type { border-left: 0px; } .panel-table .panel-body .table-bordered > tbody > tr:first-of-type > td{ border-bottom: 0px; } .panel-table .panel-body .table-bordered > thead > tr:first-of-type > th{ border-top: 0px; } .panel-table .panel-footer .pagination{ margin:0; } /* used to vertically center elements, may need modification if you're not using default sizes. */ .panel-table .panel-footer .col{ line-height: 34px; height: 34px; } .panel-table .panel-heading .col h3{ line-height: 30px; height: 30px; } .panel-table .panel-body .table-bordered > tbody > tr > td{ line-height: 34px; } .styleinput { border-radius: 20px; margin: 1px; text-align: center; margin-bottom: -11px; } </style> <h2 class="text-center">قائمة الواجبات اليومية</h2> <div class="panel-body text-center"> <form action="/ta7akoum" method="post" > {{ csrf_field() }} <table class="table table-striped table-bordered table-list"> <thead> <tr> <th class="hidden-xs">#ID</th> <th>الواجب اليومي </th> <th> ايام الاظهار </th> <th style="width:150px;">تاريخ الاضافة </th> @isset($ta7akoum[0]->id) <th style="width:100px;">تعديل </th> <th style="width:100px;">حذف</th> @endempty </tr> </thead> <tbody class="text-center"> @php $var=1; @endphp @foreach($ta7akoum as $myta7akoum) <tr> <td class="hidden-xs">{{$var}}</td> <td>{{$myta7akoum->name}}</td> <td style="font-size: 15px;"> @if((!empty($myta7akoum->Sunday))&&(!empty($myta7akoum->Monday))&&(!empty($myta7akoum->Tuesday)) &&($myta7akoum->Wednesday)&&(!empty($myta7akoum->Thursday))&&(!empty($myta7akoum->Friday))&& (!empty($myta7akoum->Saturday))) <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> يوميا @else @php $i=1; @endphp @if(!empty($myta7akoum->Sunday))<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> @php $i=$i+1; @endphpالأحد@endif @if(!empty($myta7akoum->Monday)) <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>@php $i=$i+1; @endphpالإثنين@endif @if(!empty($myta7akoum->Tuesday)) <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>الثلاثاء@php $i=$i+1; @endphp@endif @if(!empty($myta7akoum->Wednesday)) <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>الأربعاء@php $i=$i+1;if($i==3){echo '<br>';} @endphp @endif @if(!empty($myta7akoum->Thursday)) <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>@php $i=$i+1;if($i==3){echo '<br>';} @endphpالخميس@endif @if(!empty($myta7akoum->Friday)) <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>الجمعة@php $i=$i+1;if($i==3){echo '<br>';} @endphp @endif @if(!empty($myta7akoum->Saturday)) <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>@php $i=$i+1;if($i==3){echo '<br>';} @endphpالسبت@endif @endif </td> <td style="width:150px;">{{(new DateTime($myta7akoum->created_at))->format('Y-m-d')}}</td> <th style="width:100px;"><a href="/update/{{$myta7akoum->id}}" class="btn btn-success btn-lg"> <span class="glyphicon glyphicon-cog"></span> </a> </th> <th style="width:100px;"><a href="/delete_wajib/{{$myta7akoum->id}}" class="btn btn-danger btn-lg"> <span class="glyphicon glyphicon-trash"></span> </a></th> </tr> @php $var++; @endphp @endforeach <tr> <td class="hidden-xs"></td> <td><div style="border-radius: 20px; margin: -5px; text-align: center; margin-bottom: -8px;" class="col-sm-12 form-group"> <input class="form-control styleinput" id="name" name="name" value="{{ old('name') }}" placeholder="أكتب واجبك هنا" type="text" > @if ($errors->has('name')) <span class="help-block"> <strong class="text-danger" style="font-size:20px;">{{ $errors->first('name') }}</strong> </span> @endif </div> </td> <td> <div class="form-check" style="font-size: 15px;"> <label class="form-check-label"> <input type="checkbox" class="form-check-input" name="toujour" value="true" checked>يوميا </label> <label class="form-check-label"> <input type="checkbox" class="form-check-input" name="Sunday" value="true">الأحد </label> <label class="form-check-label"> <input type="checkbox" class="form-check-input" name="Monday" value="true">اللإثنين </label> <label class="form-check-label"> <input type="checkbox" class="form-check-input" name="Tuesday" value="true">الثلاثاء </label> <br> <label class="form-check-label"> <input type="checkbox" class="form-check-input" name="Wednesday" value="true">الأربعاء </label> <label class="form-check-label"> <input type="checkbox" class="form-check-input" name="Thursday" value="true">الخميس </label> <label class="form-check-label"> <input type="checkbox" class="form-check-input" name="Friday" value="true">الجمعة </label> <label class="form-check-label"> <input type="checkbox" class="form-check-input" name="Saturday" value="true">السبت </label> </div> </td> <td><input type="submit" value="إضافة واجب يومي جديد" class="btn btn-success text-center"></td> </tr> </tbody> </table> </form> </div> @endsection وهذا كود الصفحة التي تضم كل الصفحات اليها : <!DOCTYPE html> <html lang="{{ app()->getLocale() }}"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- CSRF Token --> <meta name="csrf-token" content="{{ csrf_token() }}"> <!-- icon title --> <title>نظام الوقت</title> <link rel="shortcut icon" href="{{ asset('images/time.png') }}" type="image/x-icon" /> <!-- Styles --> <link href="{{ asset('css/app.css') }}" rel="stylesheet"> <!-- Fonts --> <link href="css/bootstrap.css" rel="stylesheet"> <link href="{{ asset('css/glyphicons.css') }}" rel="stylesheet"> <link href="{{ asset('css/bootstrap-rtl.css') }}" rel="stylesheet"> <link href="{{ asset('css/style.css') }}" rel="stylesheet"> <link href="{{ asset('css/style_navbar.css') }}" rel="stylesheet"> <script src="{{ asset('js/jquery.min.js') }}"></script> <script src="{{ asset('js/html5shiv.js') }}"></script> <script src="{{ asset('js/respond.js') }}"></script> </head> <body> <div id="app"> <header id="fh5co-header" role="banner"> <nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <!-- Mobile Toggle Menu Button --> <a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#fh5co-navbar" aria-expanded="false" aria-controls="navbar"><i></i></a> <ul class="nav navbar-nav navbar-right"> <!-- Authentication Links --> @guest <li {{{ (Request::is('login') ? 'class=active' : '') }}} > <a href="{{ route('login') }}"><span><span class="glyphicon glyphicon glyphicon-log-in" aria-hidden="true"></span> تسجيل الدخول <span class="border"></span></span></a></li> <li {{{ (Request::is('register') ? 'class=active' : '') }}} > <a href="{{ route('register') }}"><span><span class="glyphicon glyphicon glyphicon-log-in" aria-hidden="true"></span> التسجيل <span class="border"></span></span></a></li> @else <li class="dropdown"> <a href="#" class="dropdown-toggle navbar-brand" data-toggle="dropdown" role="button" aria-expanded="false"><span> {{ Auth::user()->name }} <span class="caret"></span></span> </a> <ul class="dropdown-menu" role="menu"> <li> <a href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();"> تسجيل الخروج </a> <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;"> {{ csrf_field() }} </form> </li> </ul> </li> @endguest </ul> </div> <div id="fh5co-navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> @guest <li {{{ (Request::is('/') ? 'class=active' : '') }}} ><a href="/"><span>الوقت كالسيف ان لم تقطعه قطعك <span class="border"></span></span></a></li> @else <li {{{ (Request::is('home') ? 'class=active' : '') }}}{{{ (Request::is('last_month/*/*') ? 'class=active' : '') }}}{{{ (Request::is('next_month/*/*') ? 'class=active' : '') }}}> <a href="/home"><span><span class="glyphicon glyphicon-home" aria-hidden="true"></span> الصفحة الرئيسية<span class="border"></span></span></a> </li> <li {{{ (Request::is('Tasjil_elyawm') ? 'class=active' : '') }}}><a href="/Tasjil_elyawm"><span><span class="glyphicon glyphicon-edit" aria-hidden="true"></span> تسجيل اليوم <span class="border"></span></span></a></li> <li {{{ (Request::is('ta7akoum') ? 'class=active' : '') }}}><a href="/ta7akoum"><span><span class="glyphicon glyphicon-cog" aria-hidden="true"></span> التحكم <span class="border"></span></span></a></li> <li {{{ (Request::is('jadwal_ousbou3i') ? 'class=active' : '') }}}><a href="/jadwal_ousbou3i"><span><span class="glyphicon glyphicon-equalizer" aria-hidden="true"></span> الجدول الأسبوعي <span class="border"></span></span></a></li> <li {{{ (Request::is('traduction') ? 'class=active' : '') }}}><a href="/traduction"><span><span class="glyphicon glyphicon-font" aria-hidden="true"></span> الترجمة <span class="border"></span></span></a></li> <li {{{ (Request::is('tamache9') ? 'class=active' : '') }}}><a href="/tamache9"><span><span class="glyphicon glyphicon-text-width" aria-hidden="true"></span> اوTماشق <span class="border"></span></span></a></li> @endguest </ul> </div> </div> </nav> </header> @yield('content') </div> <!-- Scripts --> <script src="{{ asset('js/app.js') }}"></script> </body> </html> هذا كود الملف الذي يحمل اسم webpack.mix.js والذي ربما يكون ذا علاقة بذلك المشكل : const mix = require('laravel-mix'); mix.js('resources/assets/js/app.js', 'public/js') .sass('resources/assets/sass/app.scss', 'public/css') .scss('resources/assets/css/bootstrap.scss', 'public/css') .scss('resources/assets/css/bootstrap-rtl.scss', 'public/css') .scss('resources/assets/css/glyphicons.scss', 'public/css') .scss('resources/assets/css/style.scss', 'public/css') .scss('resources/assets/css/style_navbar.css', 'public/css'); وهذا ما يحدث حينما اضغط على مفتاح F12 ولكن لا أظن المشكلة لهذا السبب : بتاريخ 10 ساعات قال عارف بن الأزرق: ارفق كود الblade لهذه الصفحة لنرى اين الاشكال اقتباس
السؤال
Fahd Kirami
لقد قمت ببناء تطبيق ويب باستخدام framwork laravel وبعد انتهائي واجت مشكلة اختلاط الصفحة عادة عندما اقوم بالتحديث او الضغط على F5 جربت كل الطرق ولم استطع ايجاد الحل .. ارجو المساعدة .. سأضع صور للصفحات عندما تكون معروضة بشكل عادي وعندما تختلط
2 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.