Този урок предоставя два начина за създаване на изходна таблица чрез използване на помощна функция или библиотека Pandas.

Стъпка 1: Информация ​

  • Можете да попълните задължителните полета, както е показано на следното изображение.
  • Можете да използвате изображението на Favicon по подразбиране.
  • Използваното първично изображение е достъпно тук.

Стъпка 2: Входове ​

За този пример създайте една входна група, озаглавена „Таблица за умножение“ с два цифрови входа: „Множител“ и „Диапазон на таблица“. Имената на променливите, присвоени на тези входове, са multiplier и range. Следното изображение показва стъпката на въвеждане след създаването на тези входове:

Следните две изображения показват настройките, използвани за всеки от входовете:

Стъпка 3: Код ​

Ще представим две различни версии на кода, които могат да се използват за генериране на таблици.

В първата версия, помощната функция build_html_table, която има следните входове и изходи:

  • columns: масив от стойности на колони в таблица.
  • ColumnHeaders: масив от низове, съдържащи заглавките на колоните.
  • Връща: низ, представляващ HTML версията на таблицата.
def build_html_table(columns, ColumnHeaders):
    # <table> is the table
    # <tr> is table row
    # <th> is table header
    # <td> is table data cell
    # (1) Table opening table
    html_table = "<table border='3' cellpadding='5' style='border-collapse:collapse;'><tr>"
    # (2) Add header row
    rows=len(columns[0])
    for h in ColumnHeaders:
        html_table += "<th>"+h+"</th>"
    html_table += "</tr>"
    # (3) Add all data rows
    for i in range(rows):
        html_table += "<tr>"
        for column in columns:
            html_table += "<td>"+str(column[i])+"</td>"
        html_table += "</tr>"
    # (4) Add the table closing tag
    html_table += "</table>"
    return html_table
def main(inputs):
    m = inputs['multiplier']
    r = inputs['range']
    col1 = [m for i in range(r)]
    col2 = [i+1 for i in range(r)]
    col3 = [col1[i]*col2[i] for i in range(r)]
    columns = [col1,col2,col3]
    ColumnHeaders = ["First Number", "Second Number","Product"]
    table = build_html_table(columns,ColumnHeaders)
    return {"Multiplier": m, "Table":table }

Във втората версия ще използваме библиотеката Pandas, за да създадем първо рамка с данни на Pandas и след това да конвертираме рамката с данни в HTML таблица, като използваме .to_html():

import pandas as pd
def main(inputs):
    m = inputs['multiplier']
    r = inputs['range']
    rows = [[m,i+1,m*(i+1)] for i in range(r)]
    ColumnHeaders = ["First Number", "Second Number","Product"]
    a = pd.DataFrame(data=rows, columns=ColumnHeaders)
    table = a.to_html(index=False)
    return {"Multiplier": m, "Table":table }

И двете версии връщат HTML таблица, която може да бъде вградена директно в изходната страница, както е показано в следващата стъпка.

Стъпка 4: Изход​

Изходната страница, използвана за този пример, е показана на следното изображение:

Стъпка 5: Документи​

Можете да пропуснете добавянето на документация за този урок.

Стъпка 6: Визуализация​

В раздела за визуализация потвърдете, че приложението работи според очакванията:

След като сте готови, щракнете върху ПУБЛИКУВАНЕ, за да публикувате приложението в мрежата. Двете версии на приложението са налични тук:

https://www.mecsimcalc.com/app/5389912/multiplication_table

https://www.mecsimcalc.com/app/6325826/multiplication_table