首页目前长这样：

原本打算用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。希望一切顺利。