本体服务中心

<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" href="https://v4.bootcss.com/favicon.ico"> <title>本体服务中心</title>      <link href="../../ont/res/css/osc.css" rel="stylesheet"> <link href="../../ont/res/plugin/bootstrap-4.2.1/css/bootstrap.css" rel="stylesheet"> <link href="../../ont/res/css/toastr.css" rel="stylesheet"> <script src="../../ont/res/js/jquery.min.js"></script> <script src="../../ont/res/js/vue.js"></script> <script src="../../ont/res/plugin/bootstrap-4.2.1/js/bootstrap.js"></script> <script src="../../ont/res/plugin/bootstrap-4.2.1/js/bootstrap-paginator.min.js"></script> <script src="../../ont/res/plugin/toastr/js/toastr.min.js"></script> <script src="../../ont/res/js/popper.min.js"></script> <script src="../../ont/res/plugin/bootstrap-4.2.1/js/bootstrap.min.js"></script> <script src="../../ont/res/js/holder.min.js"></script> <script src="../../ont/res/js/jstree.min.js"></script> <script src="../../ont/res/js/tree.js"></script> <style> @media screen and (max-width: 1000px) { #content { display: grid; } } @media screen and (min-width: 1001px) { #content { display: flex; } } </style> </head> <body> <header> <input type="hidden" id="g" name="g" value="http://ont.library.sh.cn/graph/shlnames"/> <div class="collapse bg-dark" id="navbarHeader"> <div class="container"> <div class="row"> <div class="col-sm-8 col-md-7 py-4"> <h4 class="text-white">About</h4> <p class="text-muted"> 本体服务中心提供本体的多格式发布（RDF/XML、RDF/JSON、NT、TTL）、多视图浏览（树型类图CV、列表视图LV、图谱视图GV、编辑视图RV）以及检索、版本维护等核心功能，旨在构建本体生态。 </p> </div> <div class="col-sm-4 offset-md-1 py-4"> <h4 class="text-white">Contact</h4> <ul class="list-unstyled"> <li><a href="#" class="text-white">@SEMINFO inc.</a></li> </ul> </div> </div> </div> </div> <div class="navbar navbar-dark bg-dark box-shadow"> <div class="container d-flex justify-content-between"> <a href="/ont" class="navbar-brand d-flex align-items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path><circle cx="12" cy="13" r="4"></circle></svg> <strong>ONTHUB.NET</strong>（本体服务中心） </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> </div> </div> </header> <main role="main" id="main" class="album bg-light container loading" style="margin-left: auto; margin-right: auto;"> <div v-clock class="album py-5 bg-light" style="margin-top: -30px;" id="contentDiv"> <div class="container" id="infoDiv"> <h2 style="text-align: left;">{{info.title}}</h2> <dl style="margin-top: 10px;"> <dt>This Version:</dt> <dd style="text-indent: 2em;">{{info.version}}</dd> <dt>Publisher:</dt> <dd style="text-indent: 2em;"><a :href="info.contri_uri" target="_blank">{{info.contributor}}</a></dd> <dt>Description:</dt> <p style="text-indent: 2em;">{{info.comment}}</p> </dl> <p class="copyright">{{info.rights}}</p> <hr> </div> <div class="container" id="content"> <div id="treeDiv">  <div class="col-sm-6" style="float:left;"> <input type="text" id="plugins4_q" value="" class="input" style="margin:0em auto 1em auto; display:block; padding:4px; border-radius:4px; border:1px solid silver;"> </div> <div id="jstree" style="width: 300px; max-height: 650px; overflow: auto; margin-top: 50px;">  </div> </div> <div style="float:right; width: 100%;"> <div style="display: contents;width: 100%; margin-left: -35px;" id="resultDiv"> <h5>自有属性 <button type="button" class="btn btn-success btn-sm" v-if="isShow">{{domainLabel}}</button> </h5> <hr> <table class="table table-bordered"> <thead class="thead-dark"> <tr> <th scope="col">Property</th> <th scope="col">Subproperty of</th> <th scope="col">Label</th> <th scope="col">Domain</th> <th scope="col">Range</th> </tr> </thead> <tbody v-if="properties === ''"> <tr> <td colspan="5">No Properties .</td> </tr> <tr v-if="domain != ''"> <td colspan="5">Click <a :href="domain" target="_blank">here</a> for more information .</td> </tr> </tbody> <tbody v-if="properties.length > 0" v-for="item in properties"> <tr v-if="item.type === 'op'" class="table-success"> <td> <a href="javascript:void(0)" v-on:click="gotoList(item.shortLabel)">{{item.shortLabel}}</a><sup title="object property" class="type-op">op</sup> </td> <td> <a href="javascript:void(0)" v-on:click="gotoList(item.subpropLabel)">{{item.subpropLabel}}</a> </td> <td>{{item.label}}</td> <td><a href="javascript:void(0)" v-on:click="gotoList(item.domainLabel)">{{item.domainLabel}}</a></td> <td> <div v-for="r in item.ranges"> <a href="javascript:void(0)" v-on:click="gotoList(r.rangeLabel)">{{r.rangeLabel}}</a> </div> </td> </tr> <tr v-if="item.type === 'dp'"> <td> <a href="javascript:void(0);" v-on:click="gotoList(item.shortLabel)">{{item.shortLabel}}</a><sup title="data property" class="type-dp">dp</sup> </td> <td> <a href="javascript:void(0)" v-on:click="gotoList(item.subpropLabel)">{{item.subpropLabel}}</a> </td> <td>{{item.label}}</td> <td><a href="javascript:void(0)" v-on:click="gotoList(item.domainLabel)">{{item.domainLabel}}</a></td> <td> <div v-for="r in item.ranges"> <span :title="r.range">{{r.rangeLabel}}</span> </div> </td> </tr> </tbody> </table> <div v-if="parents"> <h5 style="margin-bottom: 15px;">继承属性</h5> <div v-for="item in parents"> <dl v-for="(val, key) in item" style="background-color: #f8f9fa !important; display: -webkit-box; margin-bottom: -10px;"> <p><em>继承于上{{key}}层</em></p> <div v-for="parent in val" class="btn-group btn-group-sm" role="group" aria-label="Basic example" style="margin-left: 10px;"> <button type="button" class="btn btn-default" name="btn" command="node" :data="parent.class">{{parent.classLabel}}</button> </div> </dl> <hr> </div> </div> </div> <div style="float:right; width: 100%; margin-left: -35px;" id="nodeDiv"> <table class="table table-bordered" id="nodeTable" v-if="isShow"> <thead class="thead-dark"> <tr> <th scope="col">Property</th> <th scope="col">Subproperty of</th> <th scope="col">Label</th> <th scope="col">Domain</th> <th scope="col">Range</th> </tr> </thead> <tbody v-if="properties === ''"> <tr> <td colspan="5">No Properties .</td> </tr> <tr v-if="domain != ''"> <td colspan="5">Click <a :href="domain" target="_blank">here</a> for more information .</td> </tr> </tbody> <tbody v-if="properties.length > 0" v-for="item in properties"> <tr v-if="item.type === 'op'" class="table-success"> <td> <a href="javascript:void(0)" v-on:click="gotoList(item.shortLabel)">{{item.shortLabel}}</a><sup title="object property" class="type-op">op</sup> </td> <td> <a href="javascript:void(0)" v-on:click="gotoList(item.subpropLabel)">{{item.subpropLabel}}</a> </td> <td>{{item.label}}</td> <td><a href="javascript:void(0)" v-on:click="gotoList(item.domainLabel)">{{item.domainLabel}}</a></td> <td> <div v-for="r in item.ranges"> <a href="javascript:void(0)" v-on:click="gotoList(r.rangeLabel)">{{r.rangeLabel}}</a> </div> </td> </tr> <tr v-if="item.type === 'dp'"> <td> <a href="javascript:void(0);" v-on:click="gotoList(item.shortLabel)">{{item.shortLabel}}</a><sup title="data property" class="type-dp">dp</sup> </td> <td> <a href="javascript:void(0)" v-on:click="gotoList(item.subpropLabel)">{{item.subpropLabel}}</a> </td> <td>{{item.label}}</td> <td><a href="javascript:void(0)" v-on:click="gotoList(item.domainLabel)">{{item.domainLabel}}</a></td> <td> <div v-for="r in item.ranges"> <span :title="r.range">{{r.rangeLabel}}</span> </div> </td> </tr> </tbody> </table> </div> </div> </div> </div> </main> <footer class="text-muted"> <div class="container"> <p class="float-right"> <a href="#">Back to top</a> </p> <p>SEMINFO inc. © OntHub2019!</p> </div> </footer> </body> </html>

CINXE.COM

本体服务中心