微信公众号：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前端开发（二）—文本输入模块

显示代码

python">st.code(body, language)

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

初步测试

python">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前端开发（二）—文本输入模块后加入，代码如下：

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")

显示如下：

通用显示方法

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

显示字符串

st.write(字符串)

显示dataframe

st.write(dataframe)

此时，该方法等同如下：

st.dataframe(df)

显示Markdown

st.write(markdown语法)

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前端开发（二）—文本输入模块和之前的代码后加入，代码如下：

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**")