{"id":3899,"date":"2013-04-01T11:59:00","date_gmt":"2013-04-01T11:59:00","guid":{"rendered":"https:\/\/blogs.technet.microsoft.com\/heyscriptingguy\/2013\/04\/01\/working-with-html-fragments-and-files\/"},"modified":"2013-04-01T11:59:00","modified_gmt":"2013-04-01T11:59:00","slug":"working-with-html-fragments-and-files","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/scripting\/working-with-html-fragments-and-files\/","title":{"rendered":"Working with HTML Fragments and Files"},"content":{"rendered":"

Summary<\/strong>: Windows PowerShell MVPs, Don Jones, Richard Siddaway, and Jeffrey Hicks share excerpts from their new book<\/span>.<\/em><\/p>\n

Microsoft Scripting Guy, Ed Wilson, is here. This week we will not have our usual PowerTip<\/strong>. Instead we have excerpts from seven books from Manning Press. In addition, each blog will have a special code for 50% off the book being excerpted that day. Remember that the code is valid only for the day the excerpt is posted. The coupon code is also valid for a second book from the Manning collection.<\/p>\n

Today, the excerpt is from PowerShell in Depth<\/a>
<\/span>     By Don Jones, Richard Siddaway, and Jeffery Hicks<\/p>\n

\"Photo<\/a><\/p>\n

There’s definitely a trick to creating reports with Windows PowerShell. Windows PowerShell isn’t at its best when it’s forced to work with text—objects are where it excels. This blog, based on Chapter 33 from PowerShell in Depth<\/a>, focuses on a technique that can produce a nicely formatted HTML report, suitable for emailing to a boss or colleague.<\/p>\n

Let’s begin this blog with an example of what we think is a poor report-generating technique. We see code like this, sadly more often than we would like. Most of the time, the IT pro doesn’t know any better, and is simply perpetuating techniques from other languages, such as VBScript. Listing 1, which we devoutly hope you will never run, is a very common approach that you’ll see less informed administrators use.<\/p>\n

Listing 1: A poorly designed inventory report<\/h2>\n

param ($computername)<\/p>\n

Write-Host ‘——- COMPUTER INFORMATION ——-‘<\/p>\n

Write-Host “Computer Name: $computername”<\/p>\n

 <\/p>\n

$os = Get-WmiObject -Class Win32_OperatingSystem -ComputerName $computername<\/p>\n

Write-Host ”   OS Version: $($os.version)”<\/p>\n

Write-Host ”     OS Build: $($os.buildnumber)”<\/p>\n

Write-Host ” Service Pack: $($os.servicepackmajorversion)”<\/p>\n

 <\/p>\n

$cs = Get-WmiObject -Class Win32_ComputerSystem -ComputerName $computername<\/p>\n

Write-Host ”          RAM: $($cs.totalphysicalmemory)”<\/p>\n

Write-Host ” Manufacturer: $($cs.manufacturer)”<\/p>\n

Write-Host ”        Model: $($cd.model)”<\/p>\n

Write-Host ”   Processors: $($cs.numberofprocessors)”<\/p>\n

 <\/p>\n

$bios = Get-WmiObject -Class Win32_BIOS -ComputerName $computername<\/p>\n

Write-Host “BIOS Serial: $($bios.serialnumber)”<\/p>\n

 <\/p>\n

Write-Host ”<\/p>\n

Write-Host ‘——- DISK INFORMATION ——-‘<\/p>\n

Get-WmiObject -Class Win32_LogicalDisk -Comp $computername -Filt ‘drivetype=3’ |<\/p>\n

Select-Object @{n=’Drive’;e={$_.DeviceID}},<\/p>\n

              @{n=’Size(GB)’;e={$_.Size \/ 1GB -as [int]}},<\/p>\n

              @{n=’FreeSpace(GB)’;e={$_.freespace \/ 1GB -as [int]}} |<\/p>\n

Format-Table -AutoSize<\/p>\n

This produces a report something like the one shown here.<\/p>\n

\"Image<\/a><\/p>\n

It does the job, we suppose, but Don has a saying that involves angry deities and puppies which he utters whenever he sees a script that outputs pure text like this. First of all, this script can only ever produce output on the screen because it’s using Write-Host<\/strong>. In most cases, if you find yourself using only Write-Host<\/strong>, you’re probably doing it wrong. Wouldn’t it be nice to have the option of putting this information into a file or creating an HTML page? Of course, you could achieve that by just changing all of the Write-Host<\/strong> commands to Write-Output<\/strong>—but you still wouldn’t be doing things the right way.<\/p>\n

There are a lot of better ways that you could produce such a report and that’s what this blog is all about. First, we’d suggest building a function for each block of output that you want to produce, and having that function produce a single object that contains all of the information you need. The more you can modularize, the more you can reuse those blocks of code. Doing so would make that data available for other purposes, not only your report.<\/p>\n

In our example of a poorly written report, the first section, Computer Information, would be implemented by some function you’d write. The Disk Information section is only sharing information from one source, so it’s actually not that bad—but all of those Write<\/strong> commands just have to go.<\/p>\n

The trick to our technique lays in the fact that Windows PowerShell’s ConvertTo-HTML<\/strong> cmdlet can be used in two ways, which you’ll see if you examine its Help file. The first way produces a complete HTML page, and the second produces only an HTML fragment. That fragment is a table with whatever data you’ve fed the cmdlet. We’re going to produce each section of our report as a fragment, and then use the cmdlet to produce a complete HTML page that contains all of those fragments.<\/p>\n

Getting the information<\/h2>\n

We’ll start by ensuring that we can get whatever data we need formed into an object. We’ll need one type of object for each section of our report, so if we’re sticking with Computer Information and Disk Information, that’s two objects.<\/p>\n

Note<\/strong>   For brevity and clarity, we’re going to omit error handling and other niceties in this example. We would add those in a real-world environment.<\/p>\n

Get-WmiObject<\/strong> by itself is capable of producing a single object that has all of the disk information we want, so we simply need to create a function to assemble the computer information. Here it is:<\/p>\n

function Get-CSInfo {<\/p>\n

  param($computername)<\/p>\n

  $os = Get-WmiObject -Class Win32_OperatingSystem `<\/p>\n

  -ComputerName $computername<\/p>\n

 <\/p>\n

  $cs = Get-WmiObject -Class Win32_ComputerSystem `<\/p>\n

  -ComputerName $computername<\/p>\n

 <\/p>\n

  $bios = Get-WmiObject -Class Win32_BIOS `<\/p>\n

  -ComputerName $computername<\/p>\n

 <\/p>\n

  $props = @{‘ComputerName’=$computername<\/p>\n

             ‘OS Version’=$os.version<\/p>\n

                     ‘OS Build’=$os.buildnumber<\/p>\n

                     ‘Service Pack’=$os.sevicepackmajorversion<\/p>\n

                     ‘RAM’=$cs.totalphysicalmemory<\/p>\n

                     ‘Processors’=$cs.numberofprocessors<\/p>\n

                     ‘BIOS Serial’=$bios.serialnumber}<\/p>\n

 <\/p>\n

  $obj = New-Object -TypeName PSObject -Property $props<\/p>\n

  Write-Output $obj<\/p>\n

}<\/p>\n

The function uses the Get-WMIObject<\/strong> cmdlet to retrieve information from three WMI classes on the specified computer. We always want to write objects to the pipeline, so we’re using New-Object<\/strong> to write a custom object to the pipeline, and using a hash table of properties culled from the three WMI classes. Normally, we prefer that property names do not have any spaces; but, because we’re going to be using this in a larger reporting context, we’ll bend the rules a bit.<\/p>\n

Producing an HTML fragment<\/h2>\n

Now we can use our newly created Get-CSInfo<\/strong> function to create an HTML fragment:<\/p>\n

$frag1 = Get-CSInfo –computername SERVER2 |<\/p>\n

ConvertTo-Html -As LIST -Fragment -PreContent ‘<h2>Computer Info<\/h2>’ |<\/p>\n

Out-String<\/p>\n

This little trick took us a while to figure out, so it’s worth examining.<\/p>\n

    \n
  1. We’re saving the final HTML fragment into a variable named $frag1<\/strong>. That’ll let us capture the HTML content and later insert it into the final file.<\/li>\n
  2. We’re running Get-CSInfo<\/strong> and giving it the computer name we want to inventory. For right now, we’re hardcoding the SERVER2 computer name. We’ll change that to a parameter a bit later.<\/li>\n
  3. We’re asking ConvertTo-HTML<\/strong> to display this information in a vertical list, rather than in a horizontal table (which is what it would do by default). The list will mimic the layout from the old “bad way of doing things” report.<\/li>\n
  4. We used the PreContent<\/strong> switch to add a heading to this section of the report. We added the <h2> HTML tags so that the heading will stand out a bit.<\/li>\n
  5. The whole thing—and this was the tricky part—is piped to Out-String<\/strong>. You see, ConvertTo-HTML<\/strong> puts strings, collections of strings…all kinds of wacky stuff into the pipeline. All of that will cause problems later when we try to assemble the final HTML page. So we’re getting Out-String<\/strong> to resolve everything into plain old strings.<\/li>\n<\/ol>\n

    We can also produce the second fragment. This is a bit easier because we don’t need to write our own function first, but the HTML part will look substantially the same. In fact, the only real difference is that we’re letting our data be assembled into a table, rather than as a list.<\/p>\n

    $frag2 = Get-WmiObject -Class Win32_LogicalDisk -Filter ‘DriveType=3’ `<\/p>\n

             -ComputerName SERVER2 |<\/p>\n

             Select-Object @{name=’Drive’;expression={$_.DeviceID}},<\/p>\n

                  @{name=’Size(GB)’;expresssion={$_.Size \/ 1GB -as [int]}},<\/p>\n

                  @{name=’FreeSpace(GB)’;expression={<\/p>\n

                  $_.freespace \/ 1GB -as [int]}} |<\/p>\n

    ConvertTo-Html -Fragment -PreContent ‘<h2>Disk Info<\/h2>’ |<\/p>\n

    Out-String<\/p>\n

    We now have two HTML fragments, $frag1<\/strong> and $frag2<\/strong>, so we’re ready to assemble the final page.<\/p>\n

    Assembling the final HTML page<\/h2>\n

    Assembling the final page simply involves adding our two existing fragments—although, we’re also going to embed a style sheet. Using cascading style sheet (CSS) language is a bit beyond the scope of this blog, but this example will give you a basic idea of what it can do. This embedded style sheet lets us control the formatting of the HTML page, so that it looks a little nicer. If you’d like a good tutorial and reference for CSS, check out CSS Tutorial<\/a> at w3schools.com.<\/p>\n

    $head = @’<\/p>\n

    <style><\/p>\n

    body { background-color:#dddddd;<\/p>\n

           font-family:Tahoma;<\/p>\n

           font-size:12pt; }<\/p>\n

    td, th { border:1px solid black;<\/p>\n

             border-collapse:collapse; }<\/p>\n

    th { color:white;<\/p>\n

         background-color:black; }<\/p>\n

    table, tr, td, th { padding: 2px; margin: 0px }<\/p>\n

    table { margin-left:50px; }<\/p>\n

    <\/style><\/p>\n

    ‘@<\/p>\n

     <\/p>\n

    ConvertTo-HTML -head $head -PostContent $frag1,$frag2 `<\/p>\n

    -PreContent “<h1>Hardware Inventory for SERVER2<\/h1>”<\/p>\n

    We’ve put that style sheet into the variable $head<\/strong>, using a Here-String<\/strong> to type the entire CSS syntax we wanted. That gets passed to the Head<\/strong> parameter, our HTML fragments to the PostContent<\/strong> parameter, and we couldn’t resist adding a header for the whole page, where we’ve again hardcoded a computer name (SERVER2).<\/p>\n

    We saved the entire script as C:\\Good.ps1, and ran it like this:<\/p>\n

    .\/good > Report.htm<\/p>\n

    That directs the output HTML to Report.htm, which is incredibly beautiful and shown here.<\/p>\n

    \"Image<\/a><\/p>\n

    Okay, maybe it’s no work of art, but it’s highly functional; and frankly, it looks better than the on-screen-only report we started with in this blog. Listing 2 shows the completed script, where we’ve swapped out the hardcoded computer name for a script-wide parameter that defaults to the local host. Notice that we’ve also included the [CmdletBinding()]<\/strong> declaration at the top of the script, enabling the V<\/strong>erbose<\/strong> parameter. We’ve used Write-Verbose<\/strong> to document what each step of the script is doing.<\/p>\n

    Listing 2: An HTML inventory report script<\/h2>\n

    <#<\/p>\n

    .DESCRIPTION<\/p>\n

    Retrieves inventory information and produces HTML<\/p>\n

    .EXAMPLE<\/p>\n

    .\/Good > Report.htm<\/p>\n

    .PARAMETER<\/p>\n

    The name of a computer to query. The default is the local computer.<\/p>\n

    #><\/p>\n

     <\/p>\n

    [CmdletBinding()]<\/p>\n

    param([string]$computername=$env:computername)<\/p>\n

     <\/p>\n

    # function to get computer system info<\/p>\n

    function Get-CSInfo {<\/p>\n

      param($computername)<\/p>\n

      $os = Get-WmiObject -Class Win32_OperatingSystem -ComputerName $computername<\/p>\n

      $cs = Get-WmiObject -Class Win32_ComputerSystem -ComputerName $computername<\/p>\n

      $bios = Get-WmiObject -Class Win32_BIOS -ComputerName $computername<\/p>\n

      $props = @{‘ComputerName’=$computername<\/p>\n

                 ‘OS Version’=$os.version<\/p>\n

                 ‘OS Build’=$os.buildnumber<\/p>\n

                 ‘Service Pack’=$os.sevicepackmajorversion<\/p>\n

                 ‘RAM’=$cs.totalphysicalmemory<\/p>\n

                 ‘Processors’=$cs.numberofprocessors<\/p>\n

                 ‘BIOS Serial’=$bios.serialnumber}<\/p>\n

     <\/p>\n

      $obj = New-Object -TypeName PSObject -Property $props<\/p>\n

      Write-Output $obj<\/p>\n

    }<\/p>\n

     <\/p>\n

    Write-Verbose ‘Producing computer system info fragment’<\/p>\n

    $frag1 = Get-CSInfo -computername $computername |<\/p>\n

    ConvertTo-Html -As LIST -Fragment -PreContent ‘<h2>Computer Info<\/h2>’ |<\/p>\n

    Out-String<\/p>\n

     <\/p>\n

    Write-Verbose ‘Producing disk info fragment’<\/p>\n

    $frag2 = Get-WmiObject -Class Win32_LogicalDisk -Filter ‘DriveType=3’ `<\/p>\n

             -ComputerName $computername |<\/p>\n

    Select-Object @{name=’Drive’;expression={$_.DeviceID}},<\/p>\n

                  @{name=’Size(GB)’;expression={$_.Size \/ 1GB -as [int]}},<\/p>\n

            @{name=’FreeSpace(GB)’;expression={$_.freespace \/ 1GB -as [int]}} |<\/p>\n

    ConvertTo-Html -Fragment -PreContent ‘<h2>Disk Info<\/h2>’ |<\/p>\n

    Out-String<\/p>\n

     <\/p>\n

    Write-Verbose ‘Defining CSS’<\/p>\n

    $head = @’<\/p>\n

    <style><\/p>\n

    body { background-color:#dddddd;<\/p>\n

           font-family:Tahoma;<\/p>\n

           font-size:12pt; }<\/p>\n

    td, th { border:1px solid black;<\/p>\n

             border-collapse:collapse; }<\/p>\n

    th { color:white;<\/p>\n

         background-color:black; }<\/p>\n

    table, tr, td, th { padding: 2px; margin: 0px }<\/p>\n

    table { margin-left:50px; }<\/p>\n

    <\/style><\/p>\n

    ‘@<\/p>\n

     <\/p>\n

    Write-Verbose ‘Producing final HTML’<\/p>\n

    Write-Verbose ‘Pipe this output to a file to save it’<\/p>\n

    ConvertTo-HTML -head $head -PostContent $frag1,$frag2 `<\/p>\n

    -PreContent “<h1>Hardware Inventory for $ComputerName<\/h1>”<\/p>\n

     <\/p>\n

    Now that’s a script you can build upon! And the script is very easy to use.<\/p>\n

    PS C:\\> $computer = SERVER01<\/p>\n

    PS C:\\> C:\\Scripts\\good.ps1 -computername $computer |<\/p>\n

    >> Out-File “$computer.html”<\/p>\n

    >> <\/p>\n

    PS C:\\> Invoke-Item “$computer.html”<\/p>\n

    The script runs, produces an output file for future reference, and displays the report. Keep in mind that our work in building the Get-CSInfo<\/strong> function is reusable. Because that function outputs an object and not only pure text, you could repurpose it in a variety of places where you might need the same information.<\/p>\n

    To add to this report, you’d simply:<\/p>\n

      \n
    1. Write a command or function that generates a single object that contains all the information you need for a new report section.<\/li>\n
    2. Use that object to produce an HTML fragment, and store it in a variable.<\/li>\n
    3. Add that new variable to the list of variables in the script’s last command, thus adding the new HTML fragment to the final report.<\/li>\n
    4. Sit back and relax.<\/li>\n<\/ol>\n

      Yes, this report is text. Ultimately, every report will be, because text is what we humans read. The point of this one is that everything stays as Windows PowerShell-friendly objects until the last possible instance. We let Windows PowerShell, rather than our own fingers, format everything for us. The actual working bits of this script, which retrieve the information we need, could easily be copied and pasted and used elsewhere for other purposes. That wasn’t as easy to do with our original pure-text report, because the actual working code was so embedded with all of that formatted text.<\/p>\n

      Building reports is certainly a common need for administrators, and Windows PowerShell is well suited to the task. The trick, we feel, is to produce reports in a way that makes the reports’ functional code (the bits that retrieve information and so forth) somewhat distinct from the formatting- and output-creation code. In fact, Windows PowerShell is generally capable of delivering great formatting with very little work on your part, as long as you work the way it needs you to.<\/p>\n

      Here is the code for the discount offer today at <\/strong>www.manning.com<\/a>: scriptw1<\/strong>
      Valid for 50% off       PowerShell in Depth<\/a> and SQL Server DMVs in Action
      <\/a>Offer valid from April 1, 2013 12:01 AM until April 2 midnight (EST)<\/span><\/p>\n

      I invite you to follow me on Twitter<\/a> and Facebook<\/a>. If you have any questions, send email to me at scripter@microsoft.com<\/a>, or post your questions on the Official Scripting Guys Forum<\/a>. See you tomorrow. Until then, peace.<\/p>\n

      Ed Wilson, Microsoft Scripting Guy<\/strong> <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

      Summary: Windows PowerShell MVPs, Don Jones, Richard Siddaway, and Jeffrey Hicks share excerpts from their new book. Microsoft Scripting Guy, Ed Wilson, is here. This week we will not have our usual PowerTip. Instead we have excerpts from seven books from Manning Press. In addition, each blog will have a special code for 50% off […]<\/p>\n","protected":false},"author":596,"featured_media":87096,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3899","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-scripting"],"acf":[],"blog_post_summary":"

      Summary: Windows PowerShell MVPs, Don Jones, Richard Siddaway, and Jeffrey Hicks share excerpts from their new book. Microsoft Scripting Guy, Ed Wilson, is here. This week we will not have our usual PowerTip. Instead we have excerpts from seven books from Manning Press. In addition, each blog will have a special code for 50% off […]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/scripting\/wp-json\/wp\/v2\/posts\/3899","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/scripting\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/scripting\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/scripting\/wp-json\/wp\/v2\/users\/596"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/scripting\/wp-json\/wp\/v2\/comments?post=3899"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/scripting\/wp-json\/wp\/v2\/posts\/3899\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/scripting\/wp-json\/wp\/v2\/media\/87096"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/scripting\/wp-json\/wp\/v2\/media?parent=3899"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/scripting\/wp-json\/wp\/v2\/categories?post=3899"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/scripting\/wp-json\/wp\/v2\/tags?post=3899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}