24小时在线平台

当前位置: 24小时在线平台 > 部署教程大全 > 文章页

【Streamlit学习心得】个人项目实战,并部署在Streamlit Cloud,生成一个公网ur

时间:2025-05-11 08:45来源: 作者:admin 点击: 19 次
文章浏览阅读1.9w次,点赞59次,收藏161次。【Streamlit学习心得】个人项目实战,并部署在Streamlit Cloud,生成一个公网url随时访问目录【Streamlit学习心得】个人项目实战,并部署在Streamlit Cloud,生成一个公网url随时访问前言一、全局信息配置二、部

如果你想实现在按下提交按钮之外,通过键盘回车也能触发提交的功能,你可以使用Streamlit的`st.text_input`方法结合`st.form_submit_button`方法来实现。 首先,你可以使用`st.text_input`方法创建一个文本输入框,并将用户输入的文本赋值给一个变量,比如`user_input`: ```python user_input = st.text_input("请输入文本", key="user_input") ``` 然后,你可以使用`st.form_submit_button`方法创建一个表单提交按钮,并在按钮按下时触发提交操作: ```python if st.form_submit_button(label="提交") or st.session_state.get("enter_pressed"): with st.spinner("容我三思......🖥️"): # 进行提交操作 st.session_state["state"] = predict(user_input, 4096, 1.0, 1.0, st.session_state["state"]) ``` 在上面的代码中,我们使用了一个`enter_pressed`的session_state变量来表示是否按下了回车键。接下来,我们需要在Streamlit应用程序中添加一个事件监听器来捕获回车键按下事件,并将`enter_pressed`设置为True: ```python if st.session_state.get("enter_pressed") is None: st.session_state["enter_pressed"] = False # 添加事件监听器 if user_input: js_code = f""" <script> document.getElementById("{user_input.key}").addEventListener("keydown", function(event) {{ if (event.key === "Enter") {{ event.preventDefault(); streamlit.setComponentValue("{user_input.key}", true); }} }}); </script> """ st.components.v1.html(js_code) # 将enter_pressed设置为True if st.session_state.get("enter_pressed"): st.session_state["enter_pressed"] = False ``` 通过上述代码,当用户在文本输入框中按下回车键时,JavaScript代码会触发一个事件,在Streamlit应用程序中将`enter_pressed`设置为True。 这样,无论是点击提交按钮还是按下回车键,都可以触发提交操作。 希望这能帮助到你!如果你有任何其他问题,请随时提问。

(责任编辑:)
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:
发布者资料
查看详细资料 发送留言 加为好友 用户等级: 注册时间:2025-06-26 23:06 最后登录:2025-06-26 23:06
栏目列表
推荐内容