使用html/css或任何python库来绘制服务器机架

Question

Closed. This question is seeking recommendations for software libraries, tutorials, tools, books, or other off-site resources. It does not meet Stack Overflow guidelines. It is not currently accepting answers.

---

我们不允许对软件库，教程，工具，书籍或其他异地资源寻求建议。您可以编辑问题，以便可以通过事实和引用来回答。

闭合 2年前。

Answer 1

我不知道您需要什么 - 图像PNG/JPG，图像SVG，文本表，HTML表。

但是首先，它需要读取数据并

rows = [
   [1, 'empty']
   [2, 'firewall']
   [3, 'firewall']
   [4, 'firewall']
   [5, 'empty']

   # ... etc... 
]

在此列表中将其转换为这样的列表，它可以更简单地计算图像上文本或生成文本表或生成HTML的位置。

您可以使用表使用它来生成文本表
您可以在＆lt; pre＆gt;＆lt;/pre＆gt;或＆lt; code＆gt;＆gt;/code＆gt;

+------+----------+
|   Nr | Device   |
+======+==========+
|    1 | ?        |
+------+----------+
|    2 | firewall |
+------+----------+
|    3 | firewall |
+------+----------+
|    4 | firewall |
+------+----------+
|    5 | ?        |
+------+----------+
|    6 | ?        |
+------+----------+
|    7 | ?        |
+------+----------+
|    8 | ?        |
+------+----------+
|    9 | ?        |
+------+----------+
|   10 | NAS      |
+------+----------+
|   11 | NAS      |
+------+----------+
|   12 | NAS      |
+------+----------+
|   13 | NAS      |
+------+----------+
|   14 | NAS      |
+------+----------+
|   15 | NAS      |
+------+----------+
|   16 | servers1 |
+------+----------+
|   17 | servers1 |
+------+----------+
|   18 | ?        |
+------+----------+
|   19 | ?        |
+------+----------+
|   20 | server2  |
+------+----------+
|   21 | server2  |
+------+----------+
|   22 | server2  |
+------+----------+
|   23 | server2  |
+------+----------+
|   24 | server2  |
+------+----------+
|   25 | server2  |
+------+----------+

---

最小的文本工作代码

text = '''servers1 - 15 - 17
server2 - 20 - 25
firewall - 2 - 4
NAS - 10 - 15'''

import io

# --- read to dictionary ---

data = {}
counter = {}

with io.StringIO(text) as fh:
    for line in fh:
        line = line.strip()
        name, start, end = line.split(' - ')
        start = int(start)
        end = int(end)

        # - count -
        counter[name] = end-start+1
        
        for x in range(start, end+1):
            data[x] = name

# - display counter -
#print(counter)
for name, number in counter.items():
    print(f'{name:10}: {number}')
            
# --- convert to list ---

rows = []
last = max(data.keys())

for x in range(1, last+1):
    if x in data:
        name = data[x]
    else:
        name = '?'
    rows.append([x, name])
    
#print(rows)

# --- display table ---

import tabulate

print(tabulate.tabulate(rows, headers=['Nr', 'Device'], tablefmt='grid'))

# - count -
import collections
counter = collections.Counter(data.values())

# - display counter -
#print(counter)
for name, number in counter.items():
    print(f'{name:10}: {number}')

---

编辑 中 code：

如果将行在pandas.dataframe中放置，则可以使用.to_html（）将其生成为＆lt ; table＆gt;＆lt;/table＆gt;

，但您也可以使用行也可以生成＆lt; table>＆gt;手动

table = "<table>\n"

table += "  <tr>\n    <th>Nr</th>\n    <th>Device</th>\n  </tr>\n"

for number, device in rows:
    table += f"  <tr>\n    <td>{number}</td>\n    <td>{device}</td>\n  </th>\n"

table += "</table>\n"

print(table)

结果：

<table>
  <tr>
    <th>Nr</th>
    <th>Device</th>
  </tr>
  <tr>
    <td>1</td>
    <td>?</td>
  </th>
  <tr>
    <td>2</td>
    <td>firewall</td>
  </th>
  <tr>
    <td>3</td>
    <td>firewall</td>
  </th>
  <tr>
    <td>4</td>
    <td>firewall</td>
  </th>
  <tr>
    <td>5</td>
    <td>?</td>
  </th>
  <tr>
    <td>6</td>
    <td>?</td>
  </th>
  <tr>
    <td>7</td>
    <td>?</td>
  </th>
  <tr>
    <td>8</td>
    <td>?</td>
  </th>
  <tr>
    <td>9</td>
    <td>?</td>
  </th>
  <tr>
    <td>10</td>
    <td>NAS</td>
  </th>
  <tr>
    <td>11</td>
    <td>NAS</td>
  </th>
  <tr>
    <td>12</td>
    <td>NAS</td>
  </th>
  <tr>
    <td>13</td>
    <td>NAS</td>
  </th>
  <tr>
    <td>14</td>
    <td>NAS</td>
  </th>
  <tr>
    <td>15</td>
    <td>NAS</td>
  </th>
  <tr>
    <td>16</td>
    <td>servers1</td>
  </th>
  <tr>
    <td>17</td>
    <td>servers1</td>
  </th>
  <tr>
    <td>18</td>
    <td>?</td>
  </th>
  <tr>
    <td>19</td>
    <td>?</td>
  </th>
  <tr>
    <td>20</td>
    <td>server2</td>
  </th>
  <tr>
    <td>21</td>
    <td>server2</td>
  </th>
  <tr>
    <td>22</td>
    <td>server2</td>
  </th>
  <tr>
    <td>23</td>
    <td>server2</td>
  </th>
  <tr>
    <td>24</td>
    <td>server2</td>
  </th>
  <tr>
    <td>25</td>
    <td>server2</td>
  </th>
</table>

---

编辑：：

如果您使用flask，则可以将行发送到模板

return render_template('template.html', rows=rows)

并直接在模板中运行循环

<table>
  <tr>
     <th>Nr</th>
     <th>Device</th>
  </tr>

{% for number, device in rows %}
  <tr>
     <td>{{ number }}</td>
     <td>{{ device }}</td>
  </tr>
{% endfor %}  

</table>