Trình soạn thảo JSON dựa trên GUI hoặc dựa trên web hoạt động giống như trình khám phá thuộc tính

Question

Bối cảnh: Đây là yêu cầu cho một thứ chưa tồn tại nhưng tôi đã có ý định xây dựng nó trong một thời gian dài. Đầu tiên tôi sẽ hỏi nếu có ai đã nhìn thấy bất cứ điều gì như nó chưa.

Giả sử bạn có một cấu trúc JSON tùy ý như sau:

{ 
    'str_title':'My Employee List' 
    ,'str_lastmod': '2009-June-15' 
    ,'arr_list':[ 
     {'firstname':'john','lastname':'doe','age':'33',} 
     ,{'firstname':'jane','lastname':'doe','age':'34',} 
     ,{'firstname':'samuel','lastname':'doe','age':'35',} 
    ] 
} 

Câu hỏi: Có một trình soạn thảo JSON dựa trên web mà có thể mất một cấu trúc như thế này, và tự động cho phép người dùng thay đổi này trong giao diện người dùng thân thiện?

Ví dụ: Hãy tưởng tượng biểu mẫu HTML được tạo tự động hiển thị 2 điều khiển kiểu nhập văn bản cho cả tiêu đề và lastmod và bảng điều khiển kiểu nhập văn bản với ba cột và ba hàng cho arr_list .. với khả năng xóa hoặc thêm hàng bổ sung bằng cách nhấp vào [+] [X] bên cạnh mỗi hàng trong bảng.

Big Idea: Các "ý tưởng lớn" đằng sau này là người dùng sẽ có thể chỉ định bất kỳ tùy ý (không đệ quy) cấu trúc JSON và sau đó cũng có thể chỉnh sửa cấu trúc với một tương tác dựa trên GUI (điều này sẽ tương tự như "XML Editor Grid View" trong XML Spy).

Xem thêm:

• Is there a JSON api based CMS that is hosted locally?

Cập nhật: (Thu 2014-07-31 18:31:11)

Một kho github đã được tạo ra để tiếp tục theo dõi bài SO này.

• https://github.com/dreftymac/stackoverflow.questions.998832

Answer 1

Cập nhật: Trong một nỗ lực để trả lời câu hỏi của riêng tôi, đây là những gì tôi đã có thể phát hiện ra cho đến nay. Nếu bất cứ ai khác ngoài kia có điều gì đó, tôi vẫn muốn tìm hiểu thêm.

• http://knockoutjs.com/documentation/plugins-mapping.html ;; knockoutjs.com đẹp
• http://jsonviewer.arianv.com/ ;; Hình ảnh tối thiểu dễ thương hoạt động ngoại tuyến
• http://www.alkemis.com/jsonEditor.htm; cái này trông khá đẹp
• http://www.thomasfrank.se/json_editor.html
• http://www.decafbad.com/2005/07/map-test/tree2.html biên tập Outline, không thực sự JSON
• http://json.bubblemix.net/ Hình dung JSON structute, chỉnh sửa nội tuyến và xuất khẩu trở lại JSON tô điểm.
• http://jsoneditoronline.org/ Ví dụ được thêm bởi người tham gia chuỗi StackOverflow.Nguồn: https://github.com/josdejong/jsoneditor
• http://jsonmate.com/

• http://jsonviewer.stack.hu/

• http://jsoneditoronline.org/

• mb21.github.io/JSONedit, được xây dựng như một chỉ thị góc
• cloudwall demo http://cloudwall.me/etc/json-editor.html

Dựa trên JSON Schema

• https://github.com/jdorn/json-editor
• https://github.com/mozilla-services/react-jsonschema-form
• https://github.com/json-schema-form/angular-schema-form
• https://github.com/joshfire/jsonform
• https://github.com/gitana/alpaca
• https://github.com/marianoguerra/json-edit
• https://github.com/exavolt/onde
• Công cụ cho gen erating JSON Schemas: http://www.jsonschema.net
• http://metawidget.org
• trực quan JSON Editor, ứng dụng Windows Desktop (miễn phí, mã nguồn mở), http://visualjsoneditor.org/

thương mại (Không ủng hộ dự định hay ngụ ý, có thể hoặc có thể không đáp ứng yêu cầu)

• Liquid XML - JSON Schema Editor Trình chỉnh sửa lược đồ JSON và trình xác thực đồ họa.
• http://www.altova.com/download-json-editor.html
• XML ValidatorBuddy - Trình soạn thảo JSON và XML hỗ trợ kiểm tra cú pháp JSON, tô màu cú pháp, tự động hoàn thành, đánh giá JSON Con trỏ và xác thực Lược đồ JSON.

Xem Cũng

• Is there a JSON api based CMS that is hosted locally?
• khái niệm cms dựa trên ;; http://www.webhook.com/
• tiện ích dựa trên cây ;; http://mbraak.github.io/jqTree/
• http://mjsarfatti.com/sandbox/nestedSortable/
• http://jsonviewer.codeplex.com/
• http://xmlwebpad.codeplex.com/
• http://tadviewer.com/

Answer 2

Nói chung khi tôi muốn tạo một JSON hoặc YAML chuỗi, tôi bắt đầu bằng cách xây dựng cấu trúc dữ liệu Perl, và sau đó chạy một cách đơn giản chuyển đổi trên đó. Bạn có thể đặt giao diện người dùng ở phía trước thế hệ cấu trúc dữ liệu Perl, ví dụ: một mẫu web.

Chuyển đổi một cấu trúc JSON là rất đơn giản:

use strict; 
use warnings; 
use JSON::Any; 

my $data = { arbitrary structure in here }; 
my $json_handler = JSON::Any->new(utf8=>1); 
my $json_string = $json_handler->objToJson($data);