html-query-plan, 在HTML中,显示 SQL Server 执行计划

分享于 

3分钟阅读

GitHub

  繁體 雙語
Automatically exported from code.google.com/p/html-query-plan
  • 源代码名称:html-query-plan
  • 源代码网址:http://www.github.com/JustinPealing/html-query-plan
  • html-query-plan源代码文档
  • html-query-plan源代码下载
  • Git URL:
    git://www.github.com/JustinPealing/html-query-plan.git
    Git Clone代码到本地:
    git clone http://www.github.com/JustinPealing/html-query-plan
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/JustinPealing/html-query-plan
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    html-query-plan

    html-query-plan是一个JavaScript库,用于在HTML中显示微软 SQL Server 执行计划。

    html-query-plan screenshot

    要在网页中使用:

    • 在这里找到最新版本的
    • 包含 qp.cssqp.min.js
    • 调用 QP.showPlan,传递用于显示计划和查询计划 XML ( 作为字符串)的容器。
    
    <div id="container"></div>
    
    
    <script>
    
    
     QP.showPlan(document.getElementById("container"), '<ShowPlanXML...');
    
    
    </script> 
    
    
    
    

    有关完整示例,请参见 examples 文件夹。

    命令行选项

    可以使用 3rd 参数传递其他选项:

    
    <div id="container"></div>
    
    
    <script>
    
    
     var options = {
    
    
     jsTooltips: false
    
    
     };
    
    
     QP.showPlan(document.getElementById("container"), '<ShowPlanXML...', options);
    
    
    </script> 
    
    
    
    
    选项默认描述
    jsTooltipstrue设置为 false 以使用CSS工具提示。

    单独运行 XSLT

    在幕后,html-query-plan是XSLT样式表,它可以用于预先呈现计划 html。 绘制连接线仍然需要 Javascript。 为此,请遵循 上面 步骤,但调用 QP.drawLines:

    
    <div id="container">
    
    
     <!-- Insert XSLT output here -->
    
    
    </div>
    
    
    <script>
    
    
     QP.drawLines(document.getElementById("container"));
    
    
    </script>
    
    
    
    

    浏览器支持

    在任何现代浏览器中都能正常工作。 在 Chrome,Firefox 和 IE9+ 中测试。 IE8和之前的一些问题。

    图标

    使用的图标是根据胖牛"farm"网络图标包,可以在 http://www.fatcow.com/free-icons 网站找到的。

    建筑

    运行以下命令输出缩小和unminified版本( 在 Windows 上):

    
    npm run webpack
    
    
    set NODE_ENV=production
    
    
    npm run webpack
    
    
    
    
    赞助商

    感谢 Brent Ozar无限 ( 谁使粘贴计划) 赞助开发html-query-plan的sponsoring。


    Server  disp  EXE  EXEC  
    相关文章