任務(wù)1看板需求分析與版面設(shè)計(jì)本次選擇學(xué)生成績統(tǒng)計(jì)作為業(yè)務(wù)場景?？窗迥繕?biāo)直觀展示各班學(xué)生成績分布、平均分、及格與優(yōu)秀占比等信息。劃分4個(gè)模塊1. 數(shù)據(jù)概覽區(qū)核心指標(biāo)卡片總記錄數(shù)、平均分、及格率、優(yōu)秀率?2. 維度統(tǒng)計(jì)區(qū)各班平均分柱狀對比圖?3. 趨勢分析區(qū)不同學(xué)期平均分折線趨勢圖?4. 明細(xì)數(shù)據(jù)區(qū)原始成績明細(xì)表格配色方案主色 #165DFF藍(lán)色輔助色 #FF7D00橙色、#00B42A綠色背景為白色。版面布局第一行放置指標(biāo)卡片第二行左右分布柱狀圖、折線圖第三行左右分布明細(xì)表、環(huán)形占比圖。任務(wù)2實(shí)驗(yàn)數(shù)據(jù)準(zhǔn)備與預(yù)處理采用代碼自動(dòng)生成模擬學(xué)生成績數(shù)據(jù)集包含字段學(xué)號、班級、科目、學(xué)期、分?jǐn)?shù)。數(shù)據(jù)預(yù)處理操作1. 校驗(yàn)分?jǐn)?shù)剔除0~100以外的異常分?jǐn)?shù)?2. 新增派生字段“分?jǐn)?shù)段”自動(dòng)劃分不及格(60)、良好(60~79)、優(yōu)秀(80~100)?3. 整理維度分類維度班級、分?jǐn)?shù)段、科目時(shí)間維度學(xué)期數(shù)值維度分?jǐn)?shù)清洗后數(shù)據(jù)可直接用于可視化。任務(wù)3基礎(chǔ)可視化圖表搭建基于清洗完成的數(shù)據(jù)一共實(shí)現(xiàn)4類可視化1. 指標(biāo)卡片st.metric展示總記錄條數(shù)、整體平均分、及格率、優(yōu)秀率?2. 柱狀圖X軸為班級Y軸為平均分用于對比計(jì)科1班、計(jì)科2班、軟工1班成績差異?3. 折線圖X軸為學(xué)期Y軸為平均分展示成績隨學(xué)期變化趨勢?4. 環(huán)形圖餅圖展示不及格、良好、優(yōu)秀三個(gè)等級的人數(shù)占比結(jié)構(gòu)。任務(wù)4靜態(tài)數(shù)據(jù)看板整合實(shí)現(xiàn)使用Streamlit完成頁面整合把標(biāo)題、指標(biāo)卡片、4張圖表、明細(xì)數(shù)據(jù)表放在同一個(gè)頁面。利用 st.columns() 做多列分欄排版對圖表配色統(tǒng)一設(shè)置保持視覺風(fēng)格一致。調(diào)整頁面為寬屏布局合理分配組件間距頁面層級清晰最終生成完整靜態(tài)數(shù)據(jù)看板在瀏覽器中預(yù)覽展示效果。代碼import streamlit as stimport pandas as pdimport plotly.express as pximport numpy as np# ---------- 頁面基礎(chǔ)配置 ----------st.set_page_config(page_title學(xué)生成績看板, layoutwide)st.markdown(h1 stylecolor:#165DFF;學(xué)生成績數(shù)據(jù)統(tǒng)計(jì)看板/h1, unsafe_allow_htmlTrue)# ---------- 生成模擬數(shù)據(jù) ----------np.random.seed(2025)n 120student_id [fS{i:04d} for i in range(1, n1)]class_list np.random.choice([計(jì)科1班, 計(jì)科2班, 軟工1班], sizen)subject_list np.random.choice([高數(shù), Python, 英語], sizen)term_list np.random.choice([第1學(xué)期, 第2學(xué)期, 第3學(xué)期], sizen)score np.random.randint(40, 98, sizen)df_raw pd.DataFrame({學(xué)號: student_id,班級: class_list,科目: subject_list,學(xué)期: term_list,分?jǐn)?shù): score})# ---------- 數(shù)據(jù)預(yù)處理 ----------# 剔除異常值df df_raw[(df_raw[分?jǐn)?shù)] 0) (df_raw[分?jǐn)?shù)] 100)].copy()# 新增分?jǐn)?shù)段def get_level(s):if s 60:return 不及格(60)elif s 80:return 良好(60~79)else:return 優(yōu)秀(80~100)df[分?jǐn)?shù)段] df[分?jǐn)?shù)].apply(get_level)# ---------- 計(jì)算核心指標(biāo)指標(biāo)卡片 ----------total_cnt len(df)avg_score round(df[分?jǐn)?shù)].mean(), 2)pass_rate round(len(df[df[分?jǐn)?shù)]60]) / total_cnt * 100, 2)excellent_rate round(len(df[df[分?jǐn)?shù)]80]) / total_cnt * 100, 2)# 卡片布局col1, col2, col3, col4 st.columns(4)with col1:st.metric(總學(xué)生記錄數(shù), valuetotal_cnt)with col2:st.metric(平均分, valueavg_score)with col3:st.metric(及格率(%), valuepass_rate)with col4:st.metric(優(yōu)秀率(%), valueexcellent_rate)st.markdown(---)# ---------- 圖表區(qū)域 ----------c_left, c_right st.columns(2)with c_left:st.subheader(各班平均分對比)class_avg df.groupby(班級)[分?jǐn)?shù)].mean().reset_index()fig_bar px.bar(class_avg, x班級, y分?jǐn)?shù), color班級,color_discrete_sequence[#165DFF,#FF7D00,#00B42A])st.plotly_chart(fig_bar)with c_right:st.subheader(各學(xué)期平均分趨勢)term_avg df.groupby(學(xué)期)[分?jǐn)?shù)].mean().reset_index()fig_line px.line(term_avg, x學(xué)期, y分?jǐn)?shù), markersTrue,color_discrete_sequence[#165DFF])st.plotly_chart(fig_line)c2_left, c2_right st.columns(2)with c2_left:st.subheader(明細(xì)數(shù)據(jù)表)st.dataframe(df)with c2_right:st.subheader(分?jǐn)?shù)段占比環(huán)形圖)level_cnt df[分?jǐn)?shù)段].value_counts().reset_index(name數(shù)量)fig_pie px.pie(level_cnt, namesindex, values數(shù)量, hole0.4,color_discrete_sequence[#165DFF,#FF7D00,#00B42A])st.plotly_chart(fig_pie)任務(wù)5實(shí)驗(yàn)結(jié)果驗(yàn)證與總結(jié)本次基于Streamlit、Pandas、Plotly完成學(xué)生成績可視化看板實(shí)驗(yàn)過程中遇到多處環(huán)境與代碼問題。1. 編碼報(bào)錯(cuò)Windows中文CMD默認(rèn)GBK編碼安裝庫時(shí)出現(xiàn) UnicodeEncodeError 。解決設(shè)置 PYTHONUTF81 強(qiáng)制使用UTF-8編碼。?2. 多Python環(huán)境不一致庫安裝在Anaconda環(huán)境但使用系統(tǒng)自帶IDLE運(yùn)行提示 ModuleNotFoundError 。解決使用Anaconda Prompt或在VS Code切換解釋器為Anaconda環(huán)境在對應(yīng)環(huán)境執(zhí)行啟動(dòng)命令。?3. 依賴版本兼容問題numpy版本過高引發(fā)導(dǎo)入失敗。解決卸載numpy2.x安裝 numpy2 的兼容版本。?4. 代碼API版本不兼容舊版Streamlit不支持 st.divider() 和 use_container_width 參數(shù)運(yùn)行時(shí)報(bào)屬性錯(cuò)誤。解決 st.divider() 替換為 st.markdown(---) 刪除 use_container_widthTrue 參數(shù)。?5. Plotly環(huán)形圖列名匹配錯(cuò)誤 value_counts 統(tǒng)計(jì)生成的列名和代碼不一致觸發(fā) ValueError 。解決將餅圖 names 參數(shù)改為 index values 指定為 數(shù)量 。?6. Python縮進(jìn)報(bào)錯(cuò)復(fù)制代碼引入多余空格出現(xiàn) IndentationError 。解決對齊代碼刪除行首多余空格保證縮進(jìn)規(guī)范。最終修改后看板成功運(yùn)行包含指標(biāo)卡片、柱狀圖、折線圖、環(huán)形圖與明細(xì)表格實(shí)現(xiàn)預(yù)定可視化需求。