[{"data":1,"prerenderedAt":510},["ShallowReactive",2],{"{\"language\":\"zh\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/inventory-management-demo":3},{"data":4,"headers":487},{"story":5,"cv":468,"rels":469,"links":486},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":460,"full_slug":461,"sort_by_date":30,"position":462,"tag_list":463,"is_startpage":298,"parent_id":464,"meta_data":30,"group_id":465,"first_published_at":466,"release_id":30,"lang":414,"path":30,"alternates":467,"default_full_slug":30,"translated_slugs":30},"Inventory Management Demo","2026-03-27T14:56:46.412Z","2026-10-10T22:15:11.962Z","2026-10-10T22:15:12.023Z",159472871113299,"b0f7e637-33e5-42ef-8891-202db83f4370",{"_uid":13,"body":14,"date":354,"fold":355,"intro":417,"title":430,"gallery":431,"category":444,"metadata":446,"component":450,"demo_link":451,"thumbnail":453,"github_link":455,"last_updated":457,"open_graph_image":458,"include_open_graph":74,"block_search_engines":298},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,345],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":344,"remove_padding":74},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,75,86,90,171,253,287,328],{"_uid":22,"body":23,"alignment":72,"component":73,"is_full_width":74},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":25},"doc",[26,38,44,51,56],{"type":27,"attrs":28,"content":31},"heading",{"level":29,"textAlign":30},2,null,[32],{"text":33,"type":34,"marks":35},"概览","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42],{"text":43,"type":34},"在此演示中，用户可以根据库存、制造商和零件成本进行筛选，从而使您可以形象直观地表示来自数据库的附加零件信息。",{"type":27,"attrs":45,"content":46},{"level":29,"textAlign":30},[47],{"text":48,"type":34,"marks":49},"操作方法",[50],{"type":37},{"type":39,"attrs":52,"content":53},{"textAlign":30},[54],{"text":55,"type":34},"要操作此演示，只需在模型浏览器中单击一个可用的模型。从那里，您可以使用可用的库存和成本滑块以及制造商筛选器筛选出现在屏幕上的零件。您可以更改筛选器渲染模式，也可以更改颜色渐变应用于模型的方式。最后，您可以在组件中选择单个零件以显示其附加信息。",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59,61,70],{"text":60,"type":34},"此演示附带完整的 ",{"text":62,"type":34,"marks":63},"分步教程",[64],{"type":65,"attrs":66},"link",{"href":67,"uuid":30,"anchor":30,"target":68,"linktype":69},"https://docs.techsoft3d.com/hoops/visualize-web/tutorials/inventory-management/intro.html","_blank","url",{"text":71,"type":34}," ，将向您展示如何自行实现此项目。","align-left","copy",true,{"_uid":76,"body":77,"alignment":72,"component":73,"is_full_width":74},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":78},[79],{"type":27,"attrs":80,"content":81},{"level":29,"textAlign":30},[82],{"text":83,"type":34,"marks":84},"演示操作视频",[85],{"type":37},{"_uid":87,"code":88,"component":89},"75d2d6cc-fb66-4a6b-9f27-2a11781e7ec8","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/DyXOj6rZv-s?si=S9jqgi7y_doc56i1\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen>\u003C/iframe>","code",{"_uid":91,"body":92,"alignment":72,"component":73,"is_full_width":74},"de567d9f-5e33-4bf8-a22f-7197ecac474f",{"type":24,"content":93},[94,101],{"type":27,"attrs":95,"content":96},{"level":29,"textAlign":30},[97],{"text":98,"type":34,"marks":99},"实施方法",[100],{"type":37},{"type":102,"content":103},"bullet_list",[104,116,127,138,149,160],{"type":105,"content":106},"list_item",[107],{"type":39,"attrs":108,"content":109},{"textAlign":30},[110],{"text":111,"type":34,"marks":112},"设置 WebViewer",[113],{"type":65,"attrs":114},{"href":115,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://docs.techsoft3d.com/communicator/latest/tutorials/inventory-management/setting-up-the-main-viewer.html",{"type":105,"content":117},[118],{"type":39,"attrs":119,"content":120},{"textAlign":30},[121],{"text":122,"type":34,"marks":123},"将模型加载到装配树中",[124],{"type":65,"attrs":125},{"href":126,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://docs.techsoft3d.com/communicator/latest/tutorials/inventory-management/loading-models.html#loading-the-model-into-the-assembly-tree",{"type":105,"content":128},[129],{"type":39,"attrs":130,"content":131},{"textAlign":30},[132],{"text":133,"type":34,"marks":134},"链接到应用程序数据",[135],{"type":65,"attrs":136},{"href":137,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://docs.techsoft3d.com/communicator/latest/tutorials/inventory-management/linking-to-application-data.html",{"type":105,"content":139},[140],{"type":39,"attrs":141,"content":142},{"textAlign":30},[143],{"text":144,"type":34,"marks":145},"创建显示筛选器",[146],{"type":65,"attrs":147},{"href":148,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://docs.techsoft3d.com/communicator/latest/tutorials/inventory-management/creating-the-display-filter.html",{"type":105,"content":150},[151],{"type":39,"attrs":152,"content":153},{"textAlign":30},[154],{"text":155,"type":34,"marks":156},"添加颜色渐变",[157],{"type":65,"attrs":158},{"href":159,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://docs.techsoft3d.com/communicator/latest/tutorials/inventory-management/adding-color-gradients.html",{"type":105,"content":161},[162],{"type":39,"attrs":163,"content":164},{"textAlign":30},[165],{"text":166,"type":34,"marks":167},"添加 UI 事件监听器",[168],{"type":65,"attrs":169},{"href":170,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://docs.techsoft3d.com/communicator/latest/tutorials/inventory-management/adding-the-UI-event-listeners.html",{"_uid":172,"body":173,"alignment":72,"component":73,"is_full_width":74},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":174},[175,196],{"type":39,"attrs":176,"content":177},{"textAlign":30},[178,182,192],{"text":179,"type":34,"marks":180},"此演示是使用 ",[181],{"type":37},{"text":183,"type":34,"marks":184},"HOOPS Visualize for Web",[185,191],{"type":65,"attrs":186},{"href":187,"uuid":188,"anchor":30,"target":189,"linktype":190},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d","_self","story",{"type":37},{"text":193,"type":34,"marks":194}," （原名 HOOPS Communicator）创建的。",[195],{"type":37},{"type":102,"content":197},[198,213,227,240],{"type":105,"content":199},[200],{"type":39,"attrs":201,"content":202},{"textAlign":30},[203,205,211],{"text":204,"type":34},"参考 HOOPS Visualize for Web（原名 HOOPS Communicator） ",{"text":206,"type":34,"marks":207},"文档",[208],{"type":65,"attrs":209},{"href":210,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://docs.techsoft3d.com/communicator/latest/",{"text":212,"type":34},"。",{"type":105,"content":214},[215],{"type":39,"attrs":216,"content":217},{"textAlign":30},[218,220,226],{"text":219,"type":34},"注册一个免费的 ",{"text":221,"type":34,"marks":222},"评估版本",[223],{"type":65,"attrs":224},{"href":225,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://manage.techsoft3d.com/signup?product=communicator",{"text":212,"type":34},{"type":105,"content":228},[229],{"type":39,"attrs":230,"content":231},{"textAlign":30},[232,234],{"text":233,"type":34},"通过 ",{"text":235,"type":34,"marks":236},"3D 沙盒",[237],{"type":65,"attrs":238},{"href":239,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://3dsandbox.techsoft3d.com/",{"type":105,"content":241},[242],{"type":39,"attrs":243,"content":244},{"textAlign":30},[245,247],{"text":246,"type":34},"直接进入编码 ",{"text":248,"type":34,"marks":249},"。加入我们的",[250],{"type":65,"attrs":251},{"href":252,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://forum.techsoft3d.com/",{"_uid":254,"body":255,"alignment":72,"component":73,"is_full_width":74},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":256},[257,264,276],{"type":27,"attrs":258,"content":259},{"level":29,"textAlign":30},[260],{"text":261,"type":34,"marks":262},"有问题或反馈？",[263],{"type":37},{"type":39,"attrs":265,"content":266},{"textAlign":30},[267,269,274],{"text":268,"type":34},"我们正在寻找反馈以及如何改进此工具包以满足您的需求！请在我们的 ",{"text":270,"type":34,"marks":271},"论坛",[272],{"type":65,"attrs":273},{"href":252,"uuid":30,"anchor":30,"target":68,"linktype":69},{"text":275,"type":34},"中连接。",{"type":39,"attrs":277,"content":278},{"textAlign":30},[279,281],{"text":280,"type":34},"您还可以注册 ",{"text":282,"type":34,"marks":283},"HOOPS Visualize ",[284],{"type":65,"attrs":285},{"href":286,"uuid":30,"anchor":30,"target":189,"linktype":69},"https://developer.techsoft3d.com/hoops/visualize",{"_uid":288,"messages":289,"component":322,"background":323,"remove_padding":74,"is_verticalized":298},"2517b691-8590-46b2-b1a0-c989536a3b36",[290],{"_uid":291,"icon":16,"buttons":292,"content":303,"headline":310,"link_url":16,"metadata":317,"component":320,"icon_size":16,"link_label":16,"headline_heading":321},"1f7a4845-55d4-4520-b973-efe814118e45",[293],{"_uid":294,"href":16,"color":295,"label":296,"action":297,"new_tab":298,"outline":74,"alignment":16,"component":299,"text_link":298,"destination":300},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","订阅","action-modal",false,"element-button",{"id":16,"url":301,"linktype":69,"fieldtype":302,"cached_url":301},"subscribe","multilink",{"type":24,"content":304},[305],{"type":39,"attrs":306,"content":307},{"textAlign":30},[308],{"text":309,"type":34},"一有新项目，我们将立即通知您。",{"type":24,"content":311},[312],{"type":39,"attrs":313,"content":314},{"textAlign":30},[315],{"text":316,"type":34},"第一时间了解新项目",{"_uid":318,"title":16,"plugin":319,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":324,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":325,"copyright":16,"fieldtype":326,"meta_data":327,"is_external_url":298},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":329,"body":330,"alignment":72,"component":73,"is_full_width":74},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":331},[332],{"type":39,"attrs":333,"content":334},{"textAlign":30},[335,337,343],{"text":336,"type":34},"需要联系我们？请发送电子邮件至 ",{"text":338,"type":34,"marks":339},"labs@techsoft3d.com",[340],{"type":65,"attrs":341},{"href":338,"uuid":30,"anchor":30,"target":189,"linktype":342},"email",{"text":212,"type":34},"columns",{"id":301,"_uid":346,"items":347,"component":353},"ca556064-0fa5-4110-8395-86e3f005ea32",[348],{"id":349,"_uid":350,"component":351,"business_unit":352},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-27 00:00",[356],{"_uid":357,"source":358,"component":416},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":359,"created_at":360,"published_at":361,"updated_at":362,"id":363,"uuid":364,"content":365,"slug":407,"full_slug":408,"sort_by_date":30,"position":409,"tag_list":410,"is_startpage":298,"parent_id":411,"meta_data":30,"group_id":412,"first_published_at":413,"release_id":30,"lang":414,"path":30,"alternates":415,"default_full_slug":30,"translated_slugs":30,"_stopResolving":74},"Main Navigation","2025-04-09T14:04:01.876Z","2026-10-10T22:18:15.264Z","2026-10-10T22:18:15.279Z",27565407,"c5f4a23f-ca2c-41d7-946b-6822d34565a0",{"_uid":366,"items":367,"component":406},"8915070e-32eb-476d-b215-1c92ebdad15c",[368,388],{"_uid":369,"left_nav":16,"messages":370,"component":387,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[371,377,382],{"_uid":372,"icon":373,"link":374,"target":68,"message":375,"component":376},"1773ad80-3b42-4f4a-97eb-c9cd1258a7ed","cil:magnifying-glass","https://pages.techsoft3d.com/engineering-data-insights?utm_campaign=48796445-2026%20Build%20or%20Buy%20Research&utm_source=Website&utm_medium=Main%20Banner","最新研究：制造商如何满足对工程数据日益增长的需求","element-notice-child",{"_uid":378,"icon":379,"link":380,"target":68,"message":381,"component":376},"b4b88ef9-df13-42b9-8794-0acf2f43a408","hugeicons:calendar-04","https://pages.techsoft3d.com/get-the-most-out-of-your-cad-data-webinar","注册参加我们即将举行的网络研讨会：了解 VNTANA 如何通过 HOOPS Exchange 利用 CAD 数据",{"_uid":383,"icon":384,"link":385,"target":16,"message":386,"component":376},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","对我们的SDK或企业应用有疑问？与 Tech Soft 3D 专家沟通","element-notice",{"_uid":389,"menu":390,"component":405,"has_notice":74},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[391,396,399,402],{"url":392,"_uid":393,"label":394,"new_tab":298,"component":395},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","开发者SDK","top-menu-child",{"url":392,"_uid":397,"label":398,"new_tab":298,"component":395,"style_as_button":298},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","企业应用",{"url":392,"_uid":400,"label":401,"new_tab":298,"component":395,"style_as_button":298},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","公司",{"url":392,"_uid":403,"label":404,"new_tab":298,"component":395,"style_as_button":74},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","支持","top","global","main-navigation","zh/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","zh",[],"reference",{"type":24,"content":418},[419],{"type":39,"attrs":420,"content":421},{"textAlign":30},[422,424,428],{"text":423,"type":34},"此演示展示了如何使用 ",{"text":183,"type":34,"marks":425},[426],{"type":65,"attrs":427},{"href":187,"uuid":188,"anchor":30,"target":189,"linktype":190},{"text":429,"type":34}," （原名 HOOPS Communicator）在浏览器中可视化来自外部数据库的信息。","库存管理演示",[432,438],{"id":433,"alt":434,"name":16,"focus":16,"title":435,"source":16,"filename":436,"copyright":16,"fieldtype":326,"meta_data":437},159475726753543,"3D CAD model of motorbike in inventory management demo","3D Motorbike in Inventory Management","https://a-us.storyblok.com/f/1023536/1800x1012/897472fbbd/inventory-management-demo-2.jpg",{"alt":434,"title":435,"source":16,"copyright":16},{"id":439,"alt":440,"name":16,"focus":16,"title":441,"source":16,"filename":442,"copyright":16,"fieldtype":326,"meta_data":443},159475726765832,"Drill CAD model in inventory management 3D demo","Inventory Management 3D Model","https://a-us.storyblok.com/f/1023536/1654x1103/68a2e25b5d/inventory-management-demo-1.jpg",{"alt":440,"title":441,"source":16,"copyright":16},[445],"hoopsVisualize",{"_uid":447,"title":448,"plugin":319,"description":449},"f8294642-03c1-431f-9a76-09e1de401479","库存管理 | Tech Soft 3D 实验室","此演示展示了如何使用 HOOPS Visualize for Web （前称 HOOPS Communicator）在浏览器中可视化来自外部数据库的信息","lab",{"id":16,"url":452,"linktype":69,"fieldtype":302,"cached_url":452},"https://techsoft3d.github.io/inventory-management/",{"id":439,"alt":440,"name":16,"focus":16,"title":441,"source":16,"filename":442,"copyright":16,"fieldtype":326,"meta_data":454,"is_external_url":298},{"alt":440,"title":441,"source":16,"copyright":16},{"id":16,"url":456,"linktype":69,"fieldtype":302,"cached_url":456},"https://github.com/techsoft3d/inventory-management","星期二, 2023年6月27日",{"id":439,"alt":440,"name":16,"focus":16,"title":441,"source":16,"filename":442,"copyright":16,"fieldtype":326,"meta_data":459,"is_external_url":298},{"alt":440,"title":441,"source":16,"copyright":16},"inventory-management-demo","zh/developers/labs/inventory-management-demo",-220,[],99359039112762,"a53444eb-25e6-4975-a83b-ff9023bff472","2026-04-03T18:44:11.695Z",[],1791995899,[470],{"name":359,"created_at":360,"published_at":361,"updated_at":362,"id":363,"uuid":364,"content":471,"slug":407,"full_slug":408,"sort_by_date":30,"position":409,"tag_list":484,"is_startpage":298,"parent_id":411,"meta_data":30,"group_id":412,"first_published_at":413,"release_id":30,"lang":414,"path":30,"alternates":485,"default_full_slug":30,"translated_slugs":30},{"_uid":366,"items":472,"component":406},[473,478],{"_uid":369,"left_nav":16,"messages":474,"component":387,"right_nav":16},[475,476,477],{"_uid":372,"icon":373,"link":374,"target":68,"message":375,"component":376},{"_uid":378,"icon":379,"link":380,"target":68,"message":381,"component":376},{"_uid":383,"icon":384,"link":385,"target":16,"message":386,"component":376},{"_uid":389,"menu":479,"component":405,"has_notice":74},[480,481,482,483],{"url":392,"_uid":393,"label":394,"new_tab":298,"component":395},{"url":392,"_uid":397,"label":398,"new_tab":298,"component":395,"style_as_button":298},{"url":392,"_uid":400,"label":401,"new_tab":298,"component":395,"style_as_button":298},{"url":392,"_uid":403,"label":404,"new_tab":298,"component":395,"style_as_button":74},[],[],[],{"cache-control":488,"connection":489,"content-encoding":490,"content-type":491,"date":492,"etag":493,"referrer-policy":494,"sb-be-version":495,"server":496,"strict-transport-security":497,"transfer-encoding":498,"vary":499,"via":500,"x-amz-cf-id":501,"x-amz-cf-pop":502,"x-cache":503,"x-content-type-options":504,"x-frame-options":505,"x-permitted-cross-domain-policies":506,"x-request-id":507,"x-runtime":508,"x-xss-protection":509},"max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Wed, 14 Oct 2026 17:02:46 GMT","W/\"ab35f58da5471d04ac5e41395e26a03f\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 2e518fdd52a59136f75dd93fdd93aeb0.cloudfront.net (CloudFront)","Prp8btcPEO-BXIbPgpTV_JMKPBL9K3HFVBizT5v_2XF8iO7ydrctdA==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","43057b24-f473-479b-85b5-446e8e34d29e","0.040012","0",1791997366629]