View system

Brightspot鈥檚 view system offers two implementations to output your data: traditional and headless. Both implementations are nearly identical and adhere to the Model-View-ViewModel paradigm. For implementation guides for traditional and headless development, see one of the following sections: <a href="/developer-guide/latest/traditional" data-cms-id="0000017d-7189-d657-a7fd-7bbd642c0000" data-cms-href="/developer-guide/latest/traditional" link-data="{"cms.site.owner":{"_ref":"0000017a-a154-d39c-a7ff-aff6dcf90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1638558570370,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1638558570370,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"rekognitionVideo.timeFrameMetadata":[],"link":{"rekognitionVideo.timeFrameMetadata":[],"attributes":[],"item":{"_ref":"0000017d-7189-d657-a7fd-7bbd642c0000","_type":"75918a10-b479-3fb1-bb84-6a57df4b0241"},"_id":"0000017d-81b3-d029-adff-87b37f720000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ed10000"},"linkText":"Traditional","theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:link:Link.hbs.linkStyle":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:link:Link.hbs._template":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._template":null,"_id":"0000017d-81b3-d029-adff-87b37f710000","_type":"00000162-ab56-d787-af72-fb57299f0000"}">Traditional <a href="/developer-guide/latest/headless" data-cms-id="0000017d-718d-dc6e-a17f-719d9e7d0000" data-cms-href="/developer-guide/latest/headless" link-data="{"cms.site.owner":{"_ref":"0000017a-a154-d39c-a7ff-aff6dcf90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1638558584184,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1638558584184,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"rekognitionVideo.timeFrameMetadata":[],"link":{"rekognitionVideo.timeFrameMetadata":[],"attributes":[],"item":{"_ref":"0000017d-718d-dc6e-a17f-719d9e7d0000","_type":"75918a10-b479-3fb1-bb84-6a57df4b0241"},"_id":"0000017d-81b3-d657-a7fd-bbbfa3db0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ed10000"},"linkText":"Headless","theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:link:Link.hbs.linkStyle":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:link:Link.hbs._template":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._template":null,"_id":"0000017d-81b3-d657-a7fd-bbbfa3cc0000","_type":"00000162-ab56-d787-af72-fb57299f0000"}">Headless <a href="/brightspot-developer-documentation/latest/view-models" data-cms-id="0000017d-7190-dd18-a17d-ffb19ab70000" data-cms-href="/brightspot-developer-documentation/latest/view-models" link-data="{"cms.site.owner":{"_ref":"0000017a-a154-d39c-a7ff-aff6dcf90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1638979925607,"cms.content.publishUser":{"_ref":"00000171-7e3f-db90-a57b-7ebfd55a0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1638979925607,"cms.content.updateUser":{"_ref":"00000171-7e3f-db90-a57b-7ebfd55a0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"rekognitionVideo.timeFrameMetadata":[],"link":{"rekognitionVideo.timeFrameMetadata":[],"attributes":[],"item":{"_ref":"0000017d-7190-dd18-a17d-ffb19ab70000","_type":"75918a10-b479-3fb1-bb84-6a57df4b0241"},"_id":"0000017d-9ad0-dd18-a17d-9ff1e6820000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ed10000"},"linkText":"View models","theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:link:Link.hbs.linkStyle":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:link:Link.hbs._template":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._template":null,"_id":"0000017d-9ad0-dd18-a17d-9ff1e6810000","_type":"00000162-ab56-d787-af72-fb57299f0000"}">View models <a href="/developer-guide/latest/annotations" data-cms-id="0000017d-71fb-d657-a7fd-7bff7a5f0000" data-cms-href="/developer-guide/latest/annotations" link-data="{"cms.site.owner":{"_ref":"0000017a-a154-d39c-a7ff-aff6dcf90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1638558628626,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1638558628626,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"rekognitionVideo.timeFrameMetadata":[],"link":{"rekognitionVideo.timeFrameMetadata":[],"attributes":[],"item":{"_ref":"0000017d-71fb-d657-a7fd-7bff7a5f0000","_type":"75918a10-b479-3fb1-bb84-6a57df4b0241"},"_id":"0000017d-81b4-dc6e-a17f-81b44aae0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ed10000"},"linkText":"Annotations","theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:link:Link.hbs.linkStyle":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:link:Link.hbs._template":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._template":null,"_id":"0000017d-81b4-dc6e-a17f-81b44a9f0000","_type":"00000162-ab56-d787-af72-fb57299f0000"}">Annotations

番茄社区