Javascript-фреймворк для отображения файлов*. json,*. py на веб-сайте
Привет,
у нас есть много файлов на нашем сервере, которые мы создали с помощью экспериментов. Эти файлы могут содержать подпапки и расположены в корневой папке с именем "данные".
Наш веб-сайт django также имеет доступ к этой папке данных.
Посетители нашего веб-сайта django должны иметь возможность перемещаться по папкам и видеть окно на веб-сайте, которое отображает им содержимое выбранного файла. например, если они нажмут файл. py, рядом с проводником файлов появится окно, похожее на редактор кода, и покажет содержимое скрипта python с подсветкой синтаксиса . Окно, в котором отображаются файлы, должно быть только для чтения и не давать пользователю возможности изменять файлы
Как правило, наши файлы относятся к одному из этих типов:
- вложенная папка
- *.формат JSON
- *.пы
- *.формат txt
- *.формат JPG
Что я уже пробовал:
До сих пор я создавал проводник папок с помощью jsTree. Когда пользователь переходит на наш сайт данных, сервер django отправляет ему файл json, содержащий структуру папок. Эта структура раскрывается в теге div с помощью jsTree.
Когда пользователь нажимает на подпапку, содержимое этой подпапки расширяется. Если он, например, нажимает на файл *.json, клиент отправляет запрос get на сервер django и получает файл.
Если файл*. jpg, я использую PhotoSwipeGallery для отображения этого изображения рядом с проводником файлов. Я все еще ищу решение для других типов файлов*. json,*. py и*. txt
Sergey Alexandrovich Kryukov
Как это связано с JavaScript? У вас есть файлы на стороне сервера, вы можете прочитать их там, представить их содержимое как тип контента "text/plain" или "text/html". Если вы хотите представить набор файлов на одной странице и перемещаться по ним на одной странице, да, добавьте немного JavaScript с деревом чего-то, а также некоторый навигационный код. Я не могу себе представить, какая помощь вам понадобится. Это просто работа, которая должна быть сделана; требуется некоторое усилие.
Я также не могу понять "Jango server... получает файл " part. Вы имеете в виду, что вам также нужно отредактировать файл и отправить его обратно? (Зачем отправлять что-либо по "пользовательскому клику", если файл изначально пришел со стороны сервера? вероятно, вы имеете в виду его редактирование или предоставление пользователем, но затем вы добавляете узел в дерево, а не просто "щелкаете".) Если вы хотите отредактировать файл, просто отредактируйте его в элементе управления или contenteditable HTML и отправьте необходимый контент с помощью Ajax...
—СА
Rapdrei
я не отправляю файлы обратно. Проблема в том, что у нас есть ~500 Гб файлов. Я не могу отправить файлы, пока кто-то посещает сайт данных. Вместо этого я отправляю скелет папки данных и отправляю файлы, когда пользователь нажимает на них.
И да, это работа, которую нужно сделать, но я просто не могу найти JavaScript-фреймворк, который позволил бы мне отображать произвольные файлы в таком окне.