小编Tan*_*erg的帖子

一次更新多行 Laravel Eloquent

我有products以下结构的表。

id | name | promote

promote是布尔类型的。

我想将boolean列的值1设置0为选定的行并设置为非选定的行。我在控制器中有以下代码来处理这个查询。

$yes = Tour::whereIn('id', $request->promote)->get();
$no = Tour::whereNotIn('id', $request->promote)->get();

foreach ($yes as $item) {
    $item->promote = 1;
    $item->save();
}

foreach ($no as $item) {
    $item->promote = 0;
    $item->save();
}
Run Code Online (Sandbox Code Playgroud)

我从表单请求中得到关注。

在此处输入图片说明

上面的代码确实有效,但我认为它不是很有效。我正在寻找以更有效的方式实现结果的可选方法。

laravel eloquent laravel-6

3
推荐指数
1
解决办法
6316
查看次数

图像未在嵌套路由vue js中加载

我为我的应用程序创建了一个自定义组件来选择产品的多个图像:

<template>
  <!-- Image modal -->
  <div
    class="modal fade"
    id="gallery-multi"
    tabindex="-1"
    role="dialog"
    aria-labelledby="galleryLabel"
    aria-hidden="true"
  >
    <div class="modal-dialog modal-dialog-centered modal-lg " role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="gallery">Gallery</h5>
          <button type="button" class="close" @click="closeModal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <vue-select-image
            :dataImages="dataImages"
            :is-multiple="true"
            @onselectmultipleimage="onSelectMultipleImage"
            :h="'90'"
            :w="'140'"
          ></vue-select-image>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-danger" @click="closeModal()">Close</button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import VueSelectImage from "vue-select-image";
import "vue-select-image/dist/vue-select-image.css";
export default {
  name: "selectMultiImg",
  data() {
    return {
      multiID:[],
      dataImages: [
        {
          id: …
Run Code Online (Sandbox Code Playgroud)

javascript vue.js vue-router vue-component vuejs2

2
推荐指数
1
解决办法
1532
查看次数

Laravel 6 上的 Laravel 文件管理器 404 错误

我已经使用 tinymce 文本编辑为我的 laravel 应用程序安装了Uni Sharp 文件管理器。

我遵循了安装指南的每一步,并从包的说明中复制了代码片段。

文本编辑器加载成功。在此处输入图片说明

但是当我单击文件管理器按钮(红色圆圈)时,会打开一个弹出窗口并加载我的 404 错误页面。

我的资源路由只对auth中间件可用:

Route::prefix('manage')->group(function () {
   Auth::routes(['register' => false]);

    Route::middleware('auth')->group(function () {
            Route::resource('post', 'PostController');
    });
});
Run Code Online (Sandbox Code Playgroud)

还检查了它给 laravel 文件管理器的路由列表有以下中间件:

 | web,auth,UniSharp\LaravelFilemanager\Middlewares\CreateDefaultFolder,UniSharp\LaravelFilemanager\Middlewares\MultiUser |
Run Code Online (Sandbox Code Playgroud)

刚刚在控制台中检查我收到此错误:

tinymce.min.js:2 GET https://upscaleadventures.com/laravel-filemanager?field_name=mceu_49-inp&type=Images 404

虽然我已经发布了供应商文件和配置文件。

lfm.php 文件内容:

Route::prefix('manage')->group(function () {
   Auth::routes(['register' => false]);

    Route::middleware('auth')->group(function () {
            Route::resource('post', 'PostController');
    });
});
Run Code Online (Sandbox Code Playgroud)

laravel laravel-6

2
推荐指数
1
解决办法
3260
查看次数

展开所有并折叠所有可折叠手风琴实现 css

下面是在 materialize css 框架下制作的可折叠手风琴的代码片段。我试图在单击按钮时展开所有手风琴项目,并在单击另一个按钮时关闭所有手风琴。并且一次只有一个按钮保持可见。

我编写的 js 代码在单击按钮时没有显示任何错误,也没有显示我期望的任务。

如果有人可以指导如何在工作阶段实现这一点,我将非常感激。

$('.collapsible').collapsible();

function expandAll() {
  $(".collapsible-header").addClass("active");
  $(".collapsible").collapsible({
    accordion: false
  });
  $("#expand").fadeOut();
$("#collapse").fadeIn();
}

function collapseAll() {
  $(".collapsible-header").removeClass(function() {
    return "active";
  });
    $("#expand").fadeIn();
$("#collapse").fadeOut();
  $(".collapsible").collapsible({
    accordion: true
  });
  $(".collapsible").collapsible({
    accordion: false
  });
}
Run Code Online (Sandbox Code Playgroud)
.collapsible li.active i {
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}

.rotate {
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

.collapsible-header i {
  position: absolute;
  right: …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

0
推荐指数
1
解决办法
4773
查看次数

Vue.js无法挂载组件:模板或渲染函数未定义

我正在学习用Laravel使用Vue.js从这个系列的叙述者没有得到任何错误,但我遇到下面的错误,而我单击要更改路线。

[Vue警告]:无法安装组件:未定义模板或渲染功能。

下面的代码来自我app.js

require('./bootstrap');

window.Vue = require('vue');

import VueRouter from 'vue-router'
Vue.use(VueRouter)

let routes = [{
    path: '/dashboard',
    component: require('./components/Dashboard.vue')
  },
  {
    path: '/profile',
    component: require('./components/Profile.vue')
  }
]

const router = new VueRouter({
  routes
})

Vue.component('example-component', require('./components/ExampleComponent.vue'));

const app = new Vue({
  el: '#app',
  router
});
Run Code Online (Sandbox Code Playgroud)

我的代码段Dashboard.vue

<template>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">Dashboard Component</div>

                    <div class="card-body">
                        I'm an example component.
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
  export …
Run Code Online (Sandbox Code Playgroud)

javascript laravel vue.js

0
推荐指数
1
解决办法
769
查看次数