微信公众号：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 stst.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语法)

st.write("write写入字符串")st.write(pd.DataFrame({'col1': [1, 2, 3, 4],'col2': [7, 8, 9, 10],}))st.write("write **Markdown**")

显示如下：

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

import streamlit as st
import pandas as pdst.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**")