关于|关于 SAP UI5 OData V4 模型的 Property Binding 使用介绍

Property binding 和一个对象的值关联。
下面的例子:使用控制器方法 formatPhoneNumbersAsCSV 显示业务合作伙伴联系人的电话号码列表,以逗号分隔:


【关于|关于 SAP UI5 OData V4 模型的 Property Binding 使用介绍】上面 XML 视图里,在 Text 控件里,显示 id 为 42 的 Business Partner 模型的属性值 BP_2_CONTACT,并且用自定义格式器 .formatPhoneNumbersAsCSV 在电话号码之间加上逗号分隔符。
OData V4 模型根据控件或应用程序请求的数据范围,自动确定系统查询选项 $top$skip.
在下面的示例中,生成的第一个请求是 GET People('angelhuffman')/Friends?$expand=Friends&$skip=0&$top=107。 $top 的值是根据请求数据的长度 (7) 加上控件提供的预取大小 (100) 计算得出的。
...

另一种分页机制是服务器驱动分页,服务器只返回请求数据的一部分以限制响应大小。 自 SAPUI5 1.72 起,OData V4 模型支持此机制。该模型会将检索到的数据与对控件或应用程序的响应一起提供。 后续请求不会再自动触发,只有在控件或应用程序向模型请求附加数据时才会触发。
只有 list 和 context binding 支持 OData 系统查询选项 $apply、$count、$expand、$filter、$orderby、$search 和 $select,property binding 不支持。
使用 JavaScript 进行数据绑定的例子:
oView.byId("SalesOrderTable").bindItems({ path : "/SalesOrderList", parameters : { "$count" : true, "$expand" : { "SO_2_SOITEM" : { "$orderby" : "ItemPosition", "$select" : ["ItemPosition", "Quantity", "QuantityUnit", "SalesOrderID"] } }, "$filter" : "BuyerName ge 'M'", "$orderby" : "GrossAmount desc", "$select" : ["BuyerName", "CurrencyCode", "GrossAmount", "Note", "SalesOrderID"] } });

使用 XML 视图进行数据绑定的例子:

$expand 不仅仅可以是字符串,也可以是一个 JSON 对象:

OData V4 模型允许绑定由参数 $count 设置为 true 的 ODataListBinding 读取的实体集合的内联计数。不活跃的上下文(也就是说,没有显示在当前列表控件里的记录)不影响这个计数;
在下面的示例中,表标题绑定到 $count,因此表示绑定到表的集合中的销售订单实体的数量。
</content> </Toolbar>... </Table></code></blockquote><br /></p> <div class="dede_pages"><ul></ul></div> <div class="pcd_ad"> <center><div class="_ahwullr0ac"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6834461", container: "_ahwullr0ac", async: true }); </script> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script></center> </div> <div class="mbd_ad"> <div style=margin-top:10px;margin-bottom:10px;> <div class="_i7aftr79jl"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u5950612", container: "_i7aftr79jl", async: true }); </script> <!-- ½űֻһ --> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script> </div> </div> <h3>推荐阅读</h3> <ul class="post-loop post-loop-default cols-0"> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3653503.html" title="大麦茶的功效与作用"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="大麦茶的功效与作用" src="http://img.readke.com/231202/1KU31C8-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3653503.html"> <b>大麦茶的功效与作用 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1180543.html" title="温宁为什么叫小天使 温宁为啥叫小天使"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="温宁为什么叫小天使 温宁为啥叫小天使" src="http://img.readke.com/230228/0519194V6-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1180543.html"> <b>温宁为什么叫小天使 温宁为啥叫小天使 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1286146.html" title="什么节过后杨梅熟了"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="什么节过后杨梅熟了" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1286146.html"> <b>什么节过后杨梅熟了 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1701545.html" title="青功道是什么教"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="青功道是什么教" src="http://img.readke.com/230421/2244495553-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1701545.html"> <b>青功道是什么教 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1439751.html" title="生牛乳的正确煮法 生牛乳煮法介绍"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="生牛乳的正确煮法 生牛乳煮法介绍" src="http://img.readke.com/230407/0Z0523038-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1439751.html"> <b>生牛乳的正确煮法 生牛乳煮法介绍 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/020643T052022.html" title="javascript|javascript--21--定时器"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="javascript|javascript--21--定时器" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/020643T052022.html"> <b>javascript|javascript--21--定时器 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2820130.html" title="青海省会是哪个城市中国地图 青海省会是哪个城市名"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="青海省会是哪个城市中国地图 青海省会是哪个城市名" src="http://img.readke.com/230724/03111a4T-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2820130.html"> <b>青海省会是哪个城市中国地图 青海省会是哪个城市名 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3945768.html" title="佳能打印机g2810笔记本安装不了驱动怎么解决?佳能g2810打印机驱动安装一直转圈"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="佳能打印机g2810笔记本安装不了驱动怎么解决?佳能g2810打印机驱动安装一直转圈" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3945768.html"> <b>佳能打印机g2810笔记本安装不了驱动怎么解决?佳能g2810打印机驱动安装一直转圈 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1648656.html" title="木兰草原篝火晚会有哪些节目 木兰草原篝火晚会是不是天天都有"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="木兰草原篝火晚会有哪些节目 木兰草原篝火晚会是不是天天都有" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1648656.html"> <b>木兰草原篝火晚会有哪些节目 木兰草原篝火晚会是不是天天都有 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2307054.html" title="关于下载透明网标"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="关于下载透明网标" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2307054.html"> <b>关于下载透明网标 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1047180.html" title="win7如何查看cpu温度 win7电脑查看cpu温度的图文操作"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="win7如何查看cpu温度 win7电脑查看cpu温度的图文操作" src="http://img.readke.com/230219/042TH342-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1047180.html"> <b>win7如何查看cpu温度 win7电脑查看cpu温度的图文操作 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1210736.html" title="陈皮煮水一次放多少克"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="陈皮煮水一次放多少克" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1210736.html"> <b>陈皮煮水一次放多少克 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1858632.html" title="在珠海办护照需要什么证件 珠海护照哪些人可以申请办理"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="在珠海办护照需要什么证件 珠海护照哪些人可以申请办理" src="http://img.readke.com/230430/0505551F2-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1858632.html"> <b>在珠海办护照需要什么证件 珠海护照哪些人可以申请办理 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3797649.html" title="狗狗全家福简笔画 狗狗全家福摄影"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="狗狗全家福简笔画 狗狗全家福摄影" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3797649.html"> <b>狗狗全家福简笔画 狗狗全家福摄影 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3289712.html" title="您准备如何培养孩子学会感恩 怎样引导孩子学会感恩"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="您准备如何培养孩子学会感恩 怎样引导孩子学会感恩" src="http://img.readke.com/231028/041514J59-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3289712.html"> <b>您准备如何培养孩子学会感恩 怎样引导孩子学会感恩 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3786781.html" title="摄影耗材厂家有哪些 摄影耗材厂家"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="摄影耗材厂家有哪些 摄影耗材厂家" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3786781.html"> <b>摄影耗材厂家有哪些 摄影耗材厂家 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0Q363P02021.html" title="养胃|胃功能下降怎么养胃?全篇干货别错过,转给胃不好的你"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="养胃|胃功能下降怎么养胃?全篇干货别错过,转给胃不好的你" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/0Q363P02021.html"> <b>养胃|胃功能下降怎么养胃?全篇干货别错过,转给胃不好的你 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/4098320.html" title="数学分析教程 第二版"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="数学分析教程 第二版" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/4098320.html"> <b>数学分析教程 第二版 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3063412.html" title="人参果的芯子可以吃吗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="人参果的芯子可以吃吗" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3063412.html"> <b>人参果的芯子可以吃吗 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2400711.html" title="新车放正规4s店安全吗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="新车放正规4s店安全吗" src="http://img.readke.com/230603/01091Jc2-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2400711.html"> <b>新车放正规4s店安全吗 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> </ul> <p><br /><ul class="post-loop post-loop-list cols-4"><li><a href="/c/629840.html" title="关于|关于 SAP UI5 OData V4 模型的 refresh 方法" target="_blank">关于|关于 SAP UI5 OData V4 模型的 refresh 方法 </a></li> <li><a href="/c/629838.html" title="关于|关于 SAP UI5 OData V4 模型的类型自动识别" target="_blank">关于|关于 SAP UI5 OData V4 模型的类型自动识别 </a></li> <li><a href="/c/629837.html" title="SAP|SAP OData V4 模型的绝对绑定和相对绑定模式" target="_blank">SAP|SAP OData V4 模型的绝对绑定和相对绑定模式 </a></li> <li><a href="/c/629836.html" title="SAP|SAP UI5 应用开发教程之七十四 - SAP UI5 应用使用 OData V4 显示 Table 表格数据的一个陷阱试读版" target="_blank">SAP|SAP UI5 应用开发教程之七十四 - SAP UI5 应用使用 OData V4 显示 Table 表格数据的一个陷阱试读版 </a></li> <li><a href="/c/629835.html" title="SAP|SAP UI5 OData V4 模型的构造方式" target="_blank">SAP|SAP UI5 OData V4 模型的构造方式 </a></li> <li><a href="/c/629834.html" title="SAP|SAP OData V4 模型支持的一些数据绑定模式" target="_blank">SAP|SAP OData V4 模型支持的一些数据绑定模式 </a></li> <li><a href="/c/629708.html" title="关于控制台输出 警告 log4j:WARN No appenders could be found for logger" target="_blank">关于控制台输出 警告 log4j:WARN No appenders could be found for logger </a></li> <li><a href="/c/629707.html" title="关于Androidstudio无法获取到所有的SDk版本,需要挂国内镜像的问题" target="_blank">关于Androidstudio无法获取到所有的SDk版本,需要挂国内镜像的问题 </a></li> <li><a href="/c/629661.html" title="SAP|SAP UI5 应用的 Component.js 文件是如何在运行时被加载的()" target="_blank">SAP|SAP UI5 应用的 Component.js 文件是如何在运行时被加载的() </a></li> <li><a href="/c/629659.html" title="SAP|SAP Spartacus 开源项目里 activeCartId$ 的实现" target="_blank">SAP|SAP Spartacus 开源项目里 activeCartId$ 的实现 </a></li> </ul></p> <div class=entry-copyright> <p></p> </div> </div> <div class="entry-footer"> <div class="prev-next sb br mb clearfix"> <p class="post-prev fl ellipsis">上一篇:<a href='/c/629838.html'>关于|关于 SAP UI5 OData V4 模型的类型自动识别</a> </p> <p class="post-next fr ellipsis">下一篇:<a href='/c/629840.html'>关于|关于 SAP UI5 OData V4 模型的 refresh 方法</a> </p> </div> </div> </div> </article> </main> <aside class="sidebar"> <div class="widget widget_post_thumb"> <h3 class="widget-title"><span>更多...</span></h3> <ul> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/629840.html" title="关于|关于 SAP UI5 OData V4 模型的 refresh 方法"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="关于|关于 SAP UI5 OData V4 模型的 refresh 方法" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/629840.html" title="关于|关于 SAP UI5 OData V4 模型的 refresh 方法">关于|关于 SAP UI5 OData V4 模型的 refresh 方法</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/629839.html" title="关于|关于 SAP UI5 OData V4 模型的 Property Binding 使用介绍"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="关于|关于 SAP UI5 OData V4 模型的 Property Binding 使用介绍" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/629839.html" title="关于|关于 SAP UI5 OData V4 模型的 Property Binding 使用介绍">关于|关于 SAP UI5 OData V4 模型的 Property Binding 使用介绍</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/629838.html" title="关于|关于 SAP UI5 OData V4 模型的类型自动识别"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="关于|关于 SAP UI5 OData V4 模型的类型自动识别" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/629838.html" title="关于|关于 SAP UI5 OData V4 模型的类型自动识别">关于|关于 SAP UI5 OData V4 模型的类型自动识别</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/629837.html" title="SAP|SAP OData V4 模型的绝对绑定和相对绑定模式"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="SAP|SAP OData V4 模型的绝对绑定和相对绑定模式" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/629837.html" title="SAP|SAP OData V4 模型的绝对绑定和相对绑定模式">SAP|SAP OData V4 模型的绝对绑定和相对绑定模式</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/629836.html" title="SAP|SAP UI5 应用开发教程之七十四 - SAP UI5 应用使用 OData V4 显示 Table 表格数据的一个陷阱试读版"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="SAP|SAP UI5 应用开发教程之七十四 - SAP UI5 应用使用 OData V4 显示 Table 表格数据的一个陷阱试读版" src="http://img.readke.com/220429/220QQ019-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/629836.html" title="SAP|SAP UI5 应用开发教程之七十四 - SAP UI5 应用使用 OData V4 显示 Table 表格数据的一个陷阱试读版">SAP|SAP UI5 应用开发教程之七十四 - SAP UI5 应用使用 OData V4 显示 Table 表格数据的一个陷阱试读版</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/629835.html" title="SAP|SAP UI5 OData V4 模型的构造方式"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="SAP|SAP UI5 OData V4 模型的构造方式" src="http://img.readke.com/220429/220P95328-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/629835.html" title="SAP|SAP UI5 OData V4 模型的构造方式">SAP|SAP UI5 OData V4 模型的构造方式</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/629834.html" title="SAP|SAP OData V4 模型支持的一些数据绑定模式"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="SAP|SAP OData V4 模型支持的一些数据绑定模式" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/629834.html" title="SAP|SAP OData V4 模型支持的一些数据绑定模式">SAP|SAP OData V4 模型支持的一些数据绑定模式</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/629798.html" title="facebook|Meta下调全年业绩预期,Reels 成“全家桶”最大希望|看财报"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="facebook|Meta下调全年业绩预期,Reels 成“全家桶”最大希望|看财报" src="http://img.readke.com/220429/2153522O5-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/629798.html" title="facebook|Meta下调全年业绩预期,Reels 成“全家桶”最大希望|看财报">facebook|Meta下调全年业绩预期,Reels 成“全家桶”最大希望|看财报</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/629785.html" title="苹果手机突然变暗了怎么回事"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="苹果手机突然变暗了怎么回事" src="http://img.readke.com/220429/21491A0G-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/629785.html" title="苹果手机突然变暗了怎么回事">苹果手机突然变暗了怎么回事</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/629784.html" title="默认网关怎么设置"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="默认网关怎么设置" src="http://img.readke.com/220429/214Z35137-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/629784.html" title="默认网关怎么设置">默认网关怎么设置</a></p> </div> </li> </ul> </div> </aside> </div> </div> <footer class="footer"> <div class="container"> <div class="clearfix"> <div class="footer-col footer-col-logo"> <!--<img src="/skin/images/logo-footer.png">--></div> <div class="footer-col footer-col-copy"> <ul class="footer-nav hidden-xs"> <li class="menu-item menu-item-706"><a href="/baike/">生活百科</a></li> <li class="menu-item menu-item-706"><a href="/it/">it技术</a></li> </ul> <div class="copyright"> <p>Copyright © 2017-2022 锐客网 <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备11041112号-41</a> </p> </div> </div> <div class="footer-col footer-col-sns"> <div class="footer-sns"> </div> </div> </div> </div> </footer> <div class="action action-style-0 action-color-0 action-pos-1" style="bottom:15%;"> <div class="action-item gotop j-top"> <i class="web-icon wi action-item-icon"><svg aria-hidden="true"> <use xlink:href="#wi-arrow-up-2"></use> </svg></i></div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?79e4e485d34c6fc717489eaa10b314e3"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <script>var _web_js={};</script> <script src="/skin/js/index.js"></script> </body> </html>