首页目前长这样: 原本打算用Laravel-mix做前端工程流,只可惜能力有限,没有成功,放弃了。最终选择了直接使用vue 2和element ui的cdn地址。 以下记录步骤: html:{{!!$content!!}} 使用了element中的layout做页面布局。左侧导航使用了tree组件。 注意:拿到后端的json数据后,需要eval将json字符串转成对象。 后端 数据库存储的文本内容就是markdown格式。markdown格式在前端无法直接显示,所以在输出前转化成html了,使用的这个包 composer require erusev/parsedown 。 菜单因为是无限菜单,所以要用递归去找子菜单: function getCategory($data, $parent_id = 0) { $tree = array(); foreach ($data as $k => $v) { if ($v["parentId"] == $parent_id) { unset($data[$k]); if (!empty($data)) { $children = self::getCategory($data, $v["id"]); if (!empty($children)) { $v["children"] = $children; } } $v["label"] = $v["name"]; if($v["id"] == 4){ $v["highlight-current"] = true; } $tree[] = $v; } } return $tree; }明天做什么 明天做搜索,使用Laravel Scount。希望一切顺利。