用gradio中的Blocks搭建简易网页（未将参数与图片关联）

1.更新pip下载包（D:\jupyter\python.exe替换自己对应路径）

D:\jupyter\python.exe -m pip install --upgrade pip  

打开python解释器查看路径：

2下载gradio安装包(或者升级)

D:\jupyter\python.exe -m pip install gradio  

D:\jupyter\python.exe -m pip install --upgrade gradio  

简易网页代码如下：

import gradio as gr

with gr.Blocks(css="style.css") as demo:
    with gr.Tab(label="txt.img"):
        with gr.Row():
            with gr.Column(scale=15):
                txt1 = gr.Textbox(lines=2, label="")
                txt2 = gr.Textbox(lines=2, label="")
            with gr.Column(scale=1, min_width=1):
                button1 = gr.Button(value="1", elem_classes="btn")
                button2 = gr.Button(value="2", elem_classes="btn")
                button3 = gr.Button(value="3", elem_classes="btn")
                button4 = gr.Button(value="4", elem_classes="btn")
            with gr.Column(scale=6):
                generate_button = gr.Button(value="Generate", variant="primary", scale=1)
                with gr.Row():
                    dropdown = gr.Dropdown(choices=["1", "2", "3", "4"], label="Style1")
                    dropdown2 = gr.Dropdown(choices=["1", "2", "3", "4"], label="Style2")
        with gr.Row():
            with gr.Column():
                with gr.Row():
                    dropdown3 = gr.Dropdown(choices=["1", "2", "3", "4"], label="Sampling method")
                    slider1 = gr.Slider(minimum=0, maximum=100, label="Sampling steps")
                checkboxgroup = gr.Checkboxgroup(choices=["Restore faces", "Tiling", "Hires.fix"])
                with gr.Row():
                    slider2 = gr.Slider(minimum=0, maximum=100, label="Width")
                    slider3 = gr.Slider(minimum=0, maximum=100, label="Batch count")
                with gr.Row():
                    slider4 = gr.Slider(minimum=0, maximum=100, label="Height")
                    slider5 = gr.Slider(minimum=0, maximum=100, label="Batch size")
                slider6 = gr.Slider(minimum=0, maximum=100, label="CFG scale")
                with gr.Row():
                    number1 = gr.Number(label="Seed", scale=5)
                    button5 = gr.Button(value="Randomize", min_width=1)
                    button6 = gr.Button(value="Reset", min_width=1)
                    checkbox1 = gr.Checkbox(label="Extra", min_width=10)
                dropdown4 = gr.Dropdown(choices=["1", "2", "3", "4"], label="Script")
            with gr.Column( ):
                with gr.Accordion():
                    gallery = gr.Gallery(value=[
                        "https://upload-bbs.miyoushe.com/upload/2024/03/05/166505356/7d8cedc1384941e79c2f547602bcfa0d_7826663225499711123.png?x-oss-process=image//resize,s_600/quality,q_80/auto-orient,0/interlace,1/format,png",
                        "https://upload-bbs.miyoushe.com/upload/2024/03/05/166505356/7bd91e60f8a9c574f8f55d4ed3d816f3_2244111316135385270.jpg?x-oss-process=image//resize,s_600/quality,q_80/auto-orient,0/interlace,1/format,jpg",
                        "https://upload-bbs.miyoushe.com/upload/2024/03/05/166505356/65a8b3857fdbf6228d629fcdc31b7bf3_2136571293679482660.png?x-oss-process=image//resize,s_600/quality,q_80/auto-orient,0/interlace,1/format,png",
                        "https://upload-bbs.miyoushe.com/upload/2024/03/05/166505356/baaeb372d4ea473299ade48f7df0ef8e_6050568020464444937.png?x-oss-process=image//resize,s_600/quality,q_80/auto-orient,0/interlace,1/format,png",
                        "https://upload-bbs.miyoushe.com/upload/2024/03/05/166505356/d0738625e9d11f98da9d993d0431bc14_2562610695711137816.png?x-oss-process=image//resize,s_600/quality,q_80/auto-orient,0/interlace,1/format,png"
                    ], columns=3)
                with gr.Row():
                    button6 = gr.Button(value="Save")
                    button7 = gr.Button(value="Save")
                    button8 = gr.Button(value="Zip")
                    button9 = gr.Button(value="Send to img2img")
                    button10 = gr.Button(value="Send to inpaint")
                    button11 = gr.Button(value="Send to extras")
                txt3 = gr.Textbox(lines=4, label="")
    with gr.Tab(label="img2img"):
        pass

demo.launch()

关于style.css文件（想要网页更细致自行添加）：

.btn{
    max-width: 2.2em;
    min-width: 2.2em !important;
    height: 2.4em;
    align-self: end;
    line-height: 1em;
    border-radius: 0.5em;
}