15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 基于Python的多页网页应用的开发与设计

基于Python的多页网页应用的开发与设计

时间:2023-10-01 20:00:02 | 来源:网站运营

时间:2023-10-01 20:00:02 来源:网站运营

基于Python的多页网页应用的开发与设计:今天中国正式迈入载人空间站时代,是我们中国伟大的一天,祝贺祖国!
关注祖国大事的同时,我们也不忘记学习,今天学习一下怎么构建一个多页的网页应用,达到在一个url地址中浏览到不同的内容,让我们的网页应用更加的充实、丰富。

多页网页应用怎么设计

既要能够在不同的内容间进行切换,还要能够和主要的内容分开,需要有比较明显的区分,在本次介绍中,多页切换的按钮放置在页面左侧,右侧放置要显示的具体内容

多页网页切换按钮设计

本次采用圆形按钮设计,选中后变成红色,有很鲜明的特征。
按钮设计样例代码如下:

choose = st.sidebar.radio("请选择一个数字",('一', '三', '五'))if choose == '三': st.success("你选择了三!")else: st.warning("你选择的不是三!")

本例的多页完整设计代码

# -*- coding: utf-8 -*-import streamlit as stfrom PIL import Imageimport datetimemultipage = st.sidebar.radio("请在下方选择一个你要查看的选项",('图片', '音频', '视频', '表格', '关于'))if multipage == '图片': st.info("中国人自己的空间站时代来临了") image1 = Image.open('./中国空间站.png') st.image(image1, use_column_width='auto', caption='中国空间站')elif multipage== '音频': st.info('点击播放按钮播放mp3音乐') audio_file = open('./视频与图像/Welcome.mp3', 'rb') audio_bytes = audio_file.read() st.audio(audio_bytes, format='audio/mp3')elif multipage== '视频': st.info('点击播放按钮播放mp4视频') video_file = open('./视频与图像/star.mp4', 'rb') video_bytes = video_file.read() st.video(video_bytes)elif multipage=='表格': with st.form("my_form"): st.info("请填写项目基本信息") st.text_input("请填写项目名称") st.text_input("请填写项目所在国家") st.text_input("请填写项目人数") st.date_input("请填写项目启动日期",datetime.date(2021,6,17)) submitted = st.form_submit_button("点我提交") if submitted: st.success("提交成功")elif multipage=="关于": st.info("多页应用在网页中应用非常广泛,是一种普遍的需求,合理的设计会让网页变得更加丰富多彩。本次介绍中,添加了图片浏览、音乐播放、视频播放、表格填写等功能字段。实际部署中可以根据需要进行丰富与扩展。")

多页显示效果图

一、图像浏览界面








二、音频播放界面








三、视频播放界面








四、表格填写界面








五、关于介绍界面











关键词:设计

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭