HTML файловый менеджер из REST API

Question

Я создаю свой собственный RESTApi, который работает как персональный диск Google. Я создал очень базовый бэкэнд для тестирования. Я настроил запрос GET, который отображает папки / файлы для каждого подкаталога в json.

Например, вызов GET http://serverIP:3000/storage/root/ отображает эти данные json

{
    "path": "/home/cameron/TestRestApi/api/stoage/root",
    "name": "root",
    "children": [
        {
            "path": "/home/cameron/TestRestApi/api/stoage/root/Images",
            "name": "Images",
            "children": [

                    "path": "/home/cameron/TestRestApi/api/stoage/root/Images/Image1.jpg",
                    "name": "Image1.jpg",
                    "size": 68994,
                    "extension": ".jpg",
                    "type": "file"
                },
                {
                    "path": "/home/cameron/TestRestApi/api/stoage/root/Images/image2.jpg",
                    "name": "image2.jpg",
                    "size": 68994,
                    "extension": ".jpg",
                    "type": "file"
                }
            ],
            "size": 1172898,
            "type": "directory"
        },
        {
            "path": "/home/cameron/TestRestApi/api/stoage/root/documents",
            "name": "documents",
            "children": [
                {
                    "path": "/home/cameron/TestRestApi/api/stoage/root/documents/document1.text",
                    "name": "document1.text",
                    "size": 0,
                    "extension": ".text",
                    "type": "file"
                }
            ],
            "size": 0,
            "type": "directory"
        }
    ],
    "size": 1172898,
    "type": "directory"
}

Итак, мой вопрос, как мне сделать внешний интерфейс для этого? Как я хочу, чтобы он создавал кнопки для каждой из папок, а затем, когда вы нажимаете кнопку, он делает еще один git-запрос с именем этой кнопки, которое будет именем пути к файлу, и отображает папки / файлы в этой папке.

Answer 1

Вы можете использовать плагин jsTree , он написан на javascript и может помочь вам создать дерево файлов.