10分钟快速上手LLM大模型Python前端开发(三)之显示模块(一)

10分钟快速上手LLM大模型Python前端开发(三)之显示模块(一)

  • 显示代码
    • 初步测试
  • 通用显示方法
    • 显示字符串
    • 显示dataframe
    • 显示Markdown

微信公众号:leetcode_algos_life,代码随想随记
小红书:412408155
CSDN:https://blog.csdn.net/woai8339?type=blog
GitHub: https://github.com/riverind
抖音【暂未开始,计划开始】:tian72530
知乎【暂未开始,计划开始】:happy001

本系列主要应用于大模型前端展示,十分钟快速上手前端系列。

该文章主要介绍在前端中,需要显示的模块。
前两个系列如下:
10分钟快速上手LLM大模型Python前端开发(一)

10分钟快速上手LLM大模型Python前端开发(二)—文本输入模块

显示代码

st.code(body, language)

其中,body是指显示的代码串,language是指语言类型。

初步测试

import streamlit as st
code_bady = """
def hello_world(input_string):
    return "hello, {}".format(input_string)
"""
st.code(body=code_body, language="python")

显示界面如下:
在这里插入图片描述

在10分钟快速上手LLM大模型Python前端开发(二)—文本输入模块后加入,代码如下:

import streamlit as st

st.title("streamlit 小试牛刀")

st.header("streamlit 小试牛刀 header")

st.subheader("streamlit 小试牛刀 subheader")


st.text("文本内容text")

st.markdown("Markdown text **加粗字体**")

code_body = """
def hello_world(input_string):
    return "hello, {}".format(input_string)
"""
st.code(body=code_body, language="python")

显示如下:
10分钟快速上手LLM大模型Python前端开发(三)之显示模块(一)_第1张图片

通用显示方法

该通用显示方法表示,该方法可以理解适配任何类型的数据,该方法就是st.write()

显示字符串

st.write(字符串)

显示dataframe

st.write(dataframe)

此时,该方法等同如下:

st.dataframe(df)

显示Markdown

st.write(markdown语法)
st.write("write写入字符串")

st.write(pd.DataFrame({
     'col1': [1, 2, 3, 4],
     'col2': [7, 8, 9, 10],
 }))


st.write("write **Markdown**")

显示如下:
10分钟快速上手LLM大模型Python前端开发(三)之显示模块(一)_第2张图片

在10分钟快速上手LLM大模型Python前端开发(二)—文本输入模块和之前的代码后加入,代码如下:

import streamlit as st
import pandas as pd

st.title("streamlit 小试牛刀")

st.header("streamlit 小试牛刀 header")

st.subheader("streamlit 小试牛刀 subheader")


st.text("文本内容text")

st.markdown("Markdown text **加粗字体**")

code_body = """
def hello_world(input_string):
    return "hello, {}".format(input_string)
"""
st.code(body=code_body, language="python")

st.write("write写入字符串")

st.write(pd.DataFrame({
     'col1': [1, 2, 3, 4],
     'col2': [7, 8, 9, 10],
 }))


st.write("write **Markdown**")

10分钟快速上手LLM大模型Python前端开发(三)之显示模块(一)_第3张图片

你可能感兴趣的:(python,开发语言)