@quanghung97 mình cảm ơn

@dao.thai.son , Mình cảm ơn ạ

cảm ơn bạn

@minhanhnguyenthi không có gì nha bạn

@HuyDQ Mình cảm ơn nhé!

@minhanhnguyenthi thế thì bạn nên sử dụng Material-UI nhé vì thư viện này nó được làm ra cho React nên việc tích hợp sẽ dễ dàng hơn đồng thời bạn cũng dễ xử lý event hơn so với việc sử dụng Bootstrap thông thường. Tuy nhiên nếu dùng Material-UI - https://material-ui.com/. Thì sẽ đồng thời bạn phải học cả phần CSS-in-JS nên mình nghĩ với người mới tiếp cận thì bạn nên dùng thư viện này sẽ dễ dùng hơn https://ant.design/ và theo cá nhân mình dùng cũng thấy tiện lợi hơn.

Còn bác nào làm việc với cái này không , =)) kiu em

Bootstrap này ạ: https://getbootstrap.com/

Cái thứ 3, đơn giản hơn thì có thể dùng thẻ <wbr> để đánh dấu chỗ muốn ngắt dòng https://www.w3schools.com/tags/tag_wbr.asp

Bài chia sẻ rất hay! Thanks

Mình đã giải quyết được bài toàn, nhưng không biết đã tối ưu hoặc có cách nào hay hơn không?

Model:

class DaiLy extends Model
{
protected $table ='daily';
public function categories()
      {
          return $this->hasMany('App\DaiLy', 'nguoigt', 'affID');
      }
     public function childrenCategories()
       {
        return $this->hasMany('App\DaiLy', 'nguoigt', 'affID')->with('childrenCategories')->select('id','affID','nguoigt');
      }
}

Controller:

public function getTree()
	{
		$daily = DaiLy::where('affID',8)->with('childrenCategories')->select('id','affID','nguoigt')->get()->toArray();
		$collection = collect($daily);
    	$collapsed = $collection->flatten();
		$arr = array();
		foreach($collapsed as $key=>$v) { if($key%3 ==0) { $arr[]=$v; } }
		$dailyChild = DaiLy::whereIn('id',$arr)->select('id','affID','nguoigt','name','diachi')->Orderby('id','ASC')->paginate(5);
		return view('tinh', compact('dailyChild'));
	}

View

<ul> {{ $stt =0 }}
      @foreach ($daily as $category)
          <li>{{ $category->name }}</li>
          <ul>
          @foreach ($category->categories as $childCategory)
              @include('child_category', ['child_category' => $childCategory,'stt'=>$stt])
          @endforeach
          </ul>
      @endforeach
</ul>
<div class="paginate">{!--{$daily->links()}--}</div>

Cảm ơn @Plumpboy .

đó là lí do mình muốn viết bài này )

hay quá (thatim)

Thật ra trên trang chủ document đã nói rõ là foreach không thể termination giữa chừng được. Reference

Dev chúng ta thường tìm kiếm lời giải trước; chứ ít để ý đến cách định nghĩa và các tham số.

left: unset

xem được không bạn :v

Mình có thử một cách khác lấy ra được các mảng con của nó, nhưng dưới dạng mảng trong mảng, không biết từ đó có lấy ra được danh sách ID không.

Controller:

$daily = DaiLy::where('affID',5)->select('id','affID','nguoigt')->with('childrenCategories')->get()->toArray();
		$collection = collect($daily);
    	$collapsed = $collection->collapse();
		$d = $collapsed->all();
		dd($d);```

@Plumpboy Mình đã test thì nó không chạy và báo lỗi ở Model

Model:

 public function categories()
      {
          return $this->hasMany('App\DaiLy', 'nguoigt', 'affID');
      }

      public function childrenCategories()
      {
        return $this->categories->with('childrenCategories');
      }

sorry bạn hiện tại mình cũng mới làm quen với NextJS nên chưa thể đưa ra những lời khuyên về cấu trúc thư mục hay như nào là đúng như nào là sai cho bạn được )

cảm ơn bác về bài viết, nhưng bác có thể giải thích cho em cái numPathComponents và cái acl.middleware(1, getUserId). cái số 1 kia em vẫn không hiểu lắm. cảm ơn bác trước ạ

is this python 2 ?