范馨遥
3 weeks ago
43 changed files with 945 additions and 8 deletions
|
@ -0,0 +1,33 @@ |
|||||
|
spring.application.name=hnu-course-analysis |
||||
|
|
||||
|
server.port=8084 |
||||
|
|
||||
|
# SQLite数据库配置 |
||||
|
spring.datasource.url=jdbc:sqlite:course.db |
||||
|
spring.datasource.driver-class-name=org.sqlite.JDBC |
||||
|
spring.jpa.database-platform=org.hibernate.community.dialect.SQLiteDialect |
||||
|
|
||||
|
spring.jpa.hibernate.ddl-auto=update |
||||
|
spring.jpa.show-sql=true |
||||
|
spring.jpa.properties.hibernate.format_sql=true |
||||
|
spring.jpa.open-in-view=false |
||||
|
|
||||
|
spring.sql.init.mode=always |
||||
|
spring.sql.init.schema-locations=classpath:schema.sql |
||||
|
|
||||
|
spring.thymeleaf.cache=false |
||||
|
spring.thymeleaf.prefix=classpath:/templates/ |
||||
|
spring.thymeleaf.suffix=.html |
||||
|
|
||||
|
logging.level.root=INFO |
||||
|
logging.level.com.example=DEBUG |
||||
|
|
||||
|
# 湖南大学选课系统配置 |
||||
|
crawler.hnu.login.url=https://jwxt.hnu.edu.cn/xtgl/login_login.html |
||||
|
crawler.hnu.username=your_username |
||||
|
crawler.hnu.password=your_password |
||||
|
crawler.hnu.course.list.url=https://jwxt.hnu.edu.cn/kbcx/xskbcx_cxXsKb.html |
||||
|
|
||||
|
# Selenium配置 |
||||
|
selenium.webdriver.chrome.driver.path=C:/chromedriver/chromedriver.exe |
||||
|
selenium.webdriver.headless=false |
||||
@ -0,0 +1,31 @@ |
|||||
|
-- 湖南大学选课系统数据库初始化脚本 |
||||
|
|
||||
|
-- 创建课程表 |
||||
|
CREATE TABLE IF NOT EXISTS courses ( |
||||
|
id INTEGER PRIMARY KEY AUTOINCREMENT, |
||||
|
course_code TEXT, |
||||
|
course_name TEXT, |
||||
|
credit REAL, |
||||
|
teacher TEXT, |
||||
|
department TEXT, |
||||
|
capacity INTEGER, |
||||
|
enrolled INTEGER, |
||||
|
class_time TEXT, |
||||
|
class_room TEXT, |
||||
|
course_type TEXT, |
||||
|
semester TEXT, |
||||
|
create_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP |
||||
|
); |
||||
|
|
||||
|
-- 插入测试数据 |
||||
|
INSERT INTO courses (course_code, course_name, credit, teacher, department, capacity, enrolled, class_time, class_room, course_type, semester) VALUES |
||||
|
('CS101', '计算机科学导论', 3.0, '张教授', '计算机科学与技术学院', 100, 85, '周一 1-2节', 'A101', '必修课', '2024-2025-1'), |
||||
|
('CS102', '数据结构', 4.0, '李教授', '计算机科学与技术学院', 80, 70, '周二 3-4节', 'B202', '必修课', '2024-2025-1'), |
||||
|
('CS103', '算法设计', 3.0, '王教授', '计算机科学与技术学院', 60, 55, '周三 5-6节', 'C303', '选修课', '2024-2025-1'), |
||||
|
('MA101', '高等数学', 5.0, '赵教授', '数学学院', 120, 110, '周一 3-4节', 'D404', '必修课', '2024-2025-1'), |
||||
|
('EN101', '大学英语', 3.0, '刘教授', '外国语学院', 100, 90, '周二 1-2节', 'E505', '必修课', '2024-2025-1'), |
||||
|
('PH101', '大学物理', 4.0, '钱教授', '物理学院', 90, 85, '周三 1-2节', 'F606', '必修课', '2024-2025-1'), |
||||
|
('CH101', '大学化学', 3.0, '孙教授', '化学学院', 70, 65, '周四 3-4节', 'G707', '选修课', '2024-2025-1'), |
||||
|
('HI101', '中国近现代史', 2.0, '周教授', '历史学院', 150, 145, '周五 1-2节', 'H808', '必修课', '2024-2025-1'), |
||||
|
('PE101', '体育', 1.0, '吴教授', '体育学院', 50, 50, '周三 7-8节', '体育馆', '必修课', '2024-2025-1'), |
||||
|
('AR101', '艺术鉴赏', 2.0, '郑教授', '艺术学院', 80, 75, '周四 5-6节', '艺术楼', '选修课', '2024-2025-1'); |
||||
@ -0,0 +1,328 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"> |
||||
|
<head> |
||||
|
<meta charset="UTF-8"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
|
<title>数据分析 - 湖南大学选课系统分析</title> |
||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> |
||||
|
<script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script> |
||||
|
<style> |
||||
|
body { |
||||
|
font-family: 'Microsoft YaHei', sans-serif; |
||||
|
background-color: #f8f9fa; |
||||
|
} |
||||
|
.hero { |
||||
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
||||
|
color: white; |
||||
|
padding: 40px 0; |
||||
|
margin-bottom: 30px; |
||||
|
} |
||||
|
.card { |
||||
|
border-radius: 10px; |
||||
|
box-shadow: 0 4px 6px rgba(0,0,0,0.1); |
||||
|
margin-bottom: 30px; |
||||
|
} |
||||
|
.card-header { |
||||
|
background-color: #667eea; |
||||
|
color: white; |
||||
|
border-radius: 10px 10px 0 0; |
||||
|
} |
||||
|
.btn-primary { |
||||
|
background-color: #667eea; |
||||
|
border-color: #667eea; |
||||
|
} |
||||
|
.btn-primary:hover { |
||||
|
background-color: #5a6fd8; |
||||
|
border-color: #5a6fd8; |
||||
|
} |
||||
|
</style> |
||||
|
</head> |
||||
|
<body> |
||||
|
<!-- 导航栏 --> |
||||
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> |
||||
|
<div class="container"> |
||||
|
<a class="navbar-brand" href="/">湖南大学选课系统分析</a> |
||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> |
||||
|
<span class="navbar-toggler-icon"></span> |
||||
|
</button> |
||||
|
<div class="collapse navbar-collapse" id="navbarNav"> |
||||
|
<ul class="navbar-nav ms-auto"> |
||||
|
<li class="nav-item"> |
||||
|
<a class="nav-link" href="/">首页</a> |
||||
|
</li> |
||||
|
<li class="nav-item"> |
||||
|
<a class="nav-link" href="/courses">课程列表</a> |
||||
|
</li> |
||||
|
<li class="nav-item"> |
||||
|
<a class="nav-link active" href="/analysis">数据分析</a> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
</nav> |
||||
|
|
||||
|
<!-- 英雄区 --> |
||||
|
<div class="hero"> |
||||
|
<div class="container"> |
||||
|
<h1 class="display-4">数据分析</h1> |
||||
|
<p class="lead">深入分析选课系统数据，获取有价值的洞察</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 分析图表 --> |
||||
|
<div class="container mb-5"> |
||||
|
<!-- 课程类型分布 --> |
||||
|
<div class="card"> |
||||
|
<div class="card-header"> |
||||
|
<h3>课程类型分布</h3> |
||||
|
</div> |
||||
|
<div class="card-body"> |
||||
|
<div id="courseTypeChart" style="width: 100%; height: 400px;"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 院系分布 --> |
||||
|
<div class="card"> |
||||
|
<div class="card-header"> |
||||
|
<h3>院系课程分布</h3> |
||||
|
</div> |
||||
|
<div class="card-body"> |
||||
|
<div id="departmentChart" style="width: 100%; height: 400px;"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 学分分布 --> |
||||
|
<div class="card"> |
||||
|
<div class="card-header"> |
||||
|
<h3>学分分布</h3> |
||||
|
</div> |
||||
|
<div class="card-body"> |
||||
|
<div id="creditChart" style="width: 100%; height: 400px;"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 课程使用率 --> |
||||
|
<div class="card"> |
||||
|
<div class="card-header"> |
||||
|
<h3>课程容量使用率</h3> |
||||
|
</div> |
||||
|
<div class="card-body"> |
||||
|
<div id="usageRateChart" style="width: 100%; height: 400px;"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 院系统计 --> |
||||
|
<div class="card"> |
||||
|
<div class="card-header"> |
||||
|
<h3>院系统计详情</h3> |
||||
|
</div> |
||||
|
<div class="card-body"> |
||||
|
<div class="table-responsive"> |
||||
|
<table class="table table-striped"> |
||||
|
<thead> |
||||
|
<tr> |
||||
|
<th>院系</th> |
||||
|
<th>课程数</th> |
||||
|
<th>总学分</th> |
||||
|
<th>总容量</th> |
||||
|
<th>总已选</th> |
||||
|
<th>使用率</th> |
||||
|
</tr> |
||||
|
</thead> |
||||
|
<tbody> |
||||
|
<tr th:each="dept : ${departmentStats}"> |
||||
|
<td th:text="${dept.key}"></td> |
||||
|
<td th:text="${dept.value.courseCount}"></td> |
||||
|
<td th:text="${dept.value.totalCredits}"></td> |
||||
|
<td th:text="${dept.value.totalCapacity}"></td> |
||||
|
<td th:text="${dept.value.totalEnrolled}"></td> |
||||
|
<td th:text="${#numbers.formatDecimal(dept.value.usageRate, 0, 1)}%"></td> |
||||
|
</tr> |
||||
|
</tbody> |
||||
|
</table> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 页脚 --> |
||||
|
<footer class="bg-dark text-white py-4"> |
||||
|
<div class="container text-center"> |
||||
|
<p>© 2024 湖南大学选课系统分析平台</p> |
||||
|
</div> |
||||
|
</footer> |
||||
|
|
||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> |
||||
|
<script> |
||||
|
// 初始化课程类型分布图表 |
||||
|
fetch('/api/course-type-distribution') |
||||
|
.then(response => response.json()) |
||||
|
.then(data => { |
||||
|
const types = Object.keys(data); |
||||
|
const counts = Object.values(data); |
||||
|
|
||||
|
const chart = echarts.init(document.getElementById('courseTypeChart')); |
||||
|
chart.setOption({ |
||||
|
title: { |
||||
|
text: '课程类型分布', |
||||
|
left: 'center' |
||||
|
}, |
||||
|
tooltip: { |
||||
|
trigger: 'item' |
||||
|
}, |
||||
|
legend: { |
||||
|
orient: 'vertical', |
||||
|
left: 'left' |
||||
|
}, |
||||
|
series: [{ |
||||
|
name: '课程类型', |
||||
|
type: 'pie', |
||||
|
radius: '60%', |
||||
|
data: types.map((type, index) => ({ |
||||
|
name: type, |
||||
|
value: counts[index] |
||||
|
})), |
||||
|
emphasis: { |
||||
|
itemStyle: { |
||||
|
shadowBlur: 10, |
||||
|
shadowOffsetX: 0, |
||||
|
shadowColor: 'rgba(0, 0, 0, 0.5)' |
||||
|
} |
||||
|
} |
||||
|
}] |
||||
|
}); |
||||
|
}); |
||||
|
|
||||
|
// 初始化院系分布图表 |
||||
|
fetch('/api/department-distribution') |
||||
|
.then(response => response.json()) |
||||
|
.then(data => { |
||||
|
const departments = Object.keys(data); |
||||
|
const counts = Object.values(data); |
||||
|
|
||||
|
const chart = echarts.init(document.getElementById('departmentChart')); |
||||
|
chart.setOption({ |
||||
|
title: { |
||||
|
text: '院系课程分布', |
||||
|
left: 'center' |
||||
|
}, |
||||
|
tooltip: { |
||||
|
trigger: 'item' |
||||
|
}, |
||||
|
legend: { |
||||
|
orient: 'vertical', |
||||
|
left: 'left' |
||||
|
}, |
||||
|
series: [{ |
||||
|
name: '院系', |
||||
|
type: 'pie', |
||||
|
radius: '60%', |
||||
|
data: departments.map((dept, index) => ({ |
||||
|
name: dept, |
||||
|
value: counts[index] |
||||
|
})), |
||||
|
emphasis: { |
||||
|
itemStyle: { |
||||
|
shadowBlur: 10, |
||||
|
shadowOffsetX: 0, |
||||
|
shadowColor: 'rgba(0, 0, 0, 0.5)' |
||||
|
} |
||||
|
} |
||||
|
}] |
||||
|
}); |
||||
|
}); |
||||
|
|
||||
|
// 初始化学分分布图表 |
||||
|
fetch('/api/credit-distribution') |
||||
|
.then(response => response.json()) |
||||
|
.then(data => { |
||||
|
const credits = Object.keys(data).map(Number).sort((a, b) => a - b); |
||||
|
const counts = credits.map(credit => data[credit]); |
||||
|
|
||||
|
const chart = echarts.init(document.getElementById('creditChart')); |
||||
|
chart.setOption({ |
||||
|
title: { |
||||
|
text: '学分分布', |
||||
|
left: 'center' |
||||
|
}, |
||||
|
tooltip: { |
||||
|
trigger: 'axis' |
||||
|
}, |
||||
|
xAxis: { |
||||
|
type: 'category', |
||||
|
data: credits.map(c => c + '学分'), |
||||
|
name: '学分' |
||||
|
}, |
||||
|
yAxis: { |
||||
|
type: 'value', |
||||
|
name: '课程数' |
||||
|
}, |
||||
|
series: [{ |
||||
|
data: counts, |
||||
|
type: 'bar', |
||||
|
itemStyle: { |
||||
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ |
||||
|
{offset: 0, color: '#667eea'}, |
||||
|
{offset: 1, color: '#764ba2'} |
||||
|
]) |
||||
|
} |
||||
|
}] |
||||
|
}); |
||||
|
}); |
||||
|
|
||||
|
// 初始化课程使用率图表 |
||||
|
fetch('/api/top-courses') |
||||
|
.then(response => response.json()) |
||||
|
.then(data => { |
||||
|
const courseNames = data.map(item => item.course_name); |
||||
|
const enrolledCounts = data.map(item => item.enrolled); |
||||
|
|
||||
|
const chart = echarts.init(document.getElementById('usageRateChart')); |
||||
|
chart.setOption({ |
||||
|
title: { |
||||
|
text: '热门课程使用率', |
||||
|
left: 'center' |
||||
|
}, |
||||
|
tooltip: { |
||||
|
trigger: 'axis', |
||||
|
axisPointer: { |
||||
|
type: 'shadow' |
||||
|
} |
||||
|
}, |
||||
|
xAxis: { |
||||
|
type: 'category', |
||||
|
data: courseNames, |
||||
|
axisLabel: { |
||||
|
rotate: 45 |
||||
|
} |
||||
|
}, |
||||
|
yAxis: { |
||||
|
type: 'value', |
||||
|
name: '已选人数' |
||||
|
}, |
||||
|
series: [{ |
||||
|
data: enrolledCounts, |
||||
|
type: 'bar', |
||||
|
itemStyle: { |
||||
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ |
||||
|
{offset: 0, color: '#667eea'}, |
||||
|
{offset: 1, color: '#764ba2'} |
||||
|
]) |
||||
|
} |
||||
|
}] |
||||
|
}); |
||||
|
}); |
||||
|
|
||||
|
// 响应式调整 |
||||
|
window.addEventListener('resize', function() { |
||||
|
const charts = ['courseTypeChart', 'departmentChart', 'creditChart', 'usageRateChart']; |
||||
|
charts.forEach(id => { |
||||
|
const chart = echarts.getInstanceByDom(document.getElementById(id)); |
||||
|
if (chart) { |
||||
|
chart.resize(); |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,169 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"> |
||||
|
<head> |
||||
|
<meta charset="UTF-8"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
|
<title>课程列表 - 湖南大学选课系统分析</title> |
||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> |
||||
|
<style> |
||||
|
body { |
||||
|
font-family: 'Microsoft YaHei', sans-serif; |
||||
|
background-color: #f8f9fa; |
||||
|
} |
||||
|
.hero { |
||||
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
||||
|
color: white; |
||||
|
padding: 40px 0; |
||||
|
margin-bottom: 30px; |
||||
|
} |
||||
|
.card { |
||||
|
border-radius: 10px; |
||||
|
box-shadow: 0 4px 6px rgba(0,0,0,0.1); |
||||
|
} |
||||
|
.table-container { |
||||
|
background: white; |
||||
|
border-radius: 10px; |
||||
|
box-shadow: 0 4px 6px rgba(0,0,0,0.1); |
||||
|
padding: 20px; |
||||
|
} |
||||
|
.btn-primary { |
||||
|
background-color: #667eea; |
||||
|
border-color: #667eea; |
||||
|
} |
||||
|
.btn-primary:hover { |
||||
|
background-color: #5a6fd8; |
||||
|
border-color: #5a6fd8; |
||||
|
} |
||||
|
.status-badge { |
||||
|
padding: 5px 10px; |
||||
|
border-radius: 20px; |
||||
|
font-size: 0.8rem; |
||||
|
} |
||||
|
.status-high { |
||||
|
background-color: #f8d7da; |
||||
|
color: #721c24; |
||||
|
} |
||||
|
.status-medium { |
||||
|
background-color: #fff3cd; |
||||
|
color: #856404; |
||||
|
} |
||||
|
.status-low { |
||||
|
background-color: #d4edda; |
||||
|
color: #155724; |
||||
|
} |
||||
|
</style> |
||||
|
</head> |
||||
|
<body> |
||||
|
<!-- 导航栏 --> |
||||
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> |
||||
|
<div class="container"> |
||||
|
<a class="navbar-brand" href="/">湖南大学选课系统分析</a> |
||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> |
||||
|
<span class="navbar-toggler-icon"></span> |
||||
|
</button> |
||||
|
<div class="collapse navbar-collapse" id="navbarNav"> |
||||
|
<ul class="navbar-nav ms-auto"> |
||||
|
<li class="nav-item"> |
||||
|
<a class="nav-link" href="/">首页</a> |
||||
|
</li> |
||||
|
<li class="nav-item"> |
||||
|
<a class="nav-link active" href="/courses">课程列表</a> |
||||
|
</li> |
||||
|
<li class="nav-item"> |
||||
|
<a class="nav-link" href="/analysis">数据分析</a> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
</nav> |
||||
|
|
||||
|
<!-- 英雄区 --> |
||||
|
<div class="hero"> |
||||
|
<div class="container"> |
||||
|
<h1 class="display-4">课程列表</h1> |
||||
|
<p class="lead">查看所有课程的详细信息</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 课程列表 --> |
||||
|
<div class="container mb-5"> |
||||
|
<div class="table-container"> |
||||
|
<div class="d-flex justify-content-between align-items-center mb-4"> |
||||
|
<h2>课程详情</h2> |
||||
|
<button class="btn btn-primary" onclick="crawlData()"> |
||||
|
<i class="bi bi-download"></i> 刷新数据 |
||||
|
</button> |
||||
|
</div> |
||||
|
|
||||
|
<div class="table-responsive"> |
||||
|
<table class="table table-striped table-hover"> |
||||
|
<thead class="table-dark"> |
||||
|
<tr> |
||||
|
<th>课程代码</th> |
||||
|
<th>课程名称</th> |
||||
|
<th>学分</th> |
||||
|
<th>教师</th> |
||||
|
<th>院系</th> |
||||
|
<th>容量</th> |
||||
|
<th>已选</th> |
||||
|
<th>使用率</th> |
||||
|
<th>上课时间</th> |
||||
|
<th>上课地点</th> |
||||
|
<th>课程类型</th> |
||||
|
</tr> |
||||
|
</thead> |
||||
|
<tbody> |
||||
|
<tr th:each="course : ${courses}"> |
||||
|
<td th:text="${course.courseCode}"></td> |
||||
|
<td th:text="${course.courseName}"></td> |
||||
|
<td th:text="${course.credit}"></td> |
||||
|
<td th:text="${course.teacher}"></td> |
||||
|
<td th:text="${course.department}"></td> |
||||
|
<td th:text="${course.capacity}"></td> |
||||
|
<td th:text="${course.enrolled}"></td> |
||||
|
<td> |
||||
|
<span th:class="|status-badge ${course.enrolled * 100 / course.capacity > 80 ? 'status-high' : (course.enrolled * 100 / course.capacity > 50 ? 'status-medium' : 'status-low')}"> |
||||
|
<span th:text="${#numbers.formatDecimal(course.enrolled * 100 / course.capacity, 0, 1)}%"></span> |
||||
|
</span> |
||||
|
</td> |
||||
|
<td th:text="${course.classTime}"></td> |
||||
|
<td th:text="${course.classRoom}"></td> |
||||
|
<td th:text="${course.courseType}"></td> |
||||
|
</tr> |
||||
|
</tbody> |
||||
|
</table> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 页脚 --> |
||||
|
<footer class="bg-dark text-white py-4"> |
||||
|
<div class="container text-center"> |
||||
|
<p>© 2024 湖南大学选课系统分析平台</p> |
||||
|
</div> |
||||
|
</footer> |
||||
|
|
||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> |
||||
|
<script> |
||||
|
// 爬取数据 |
||||
|
function crawlData() { |
||||
|
fetch('/crawl', { |
||||
|
method: 'POST' |
||||
|
}) |
||||
|
.then(response => response.json()) |
||||
|
.then(data => { |
||||
|
if (data.success) { |
||||
|
alert(data.message); |
||||
|
window.location.reload(); |
||||
|
} else { |
||||
|
alert('爬取失败'); |
||||
|
} |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error:', error); |
||||
|
alert('爬取失败'); |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,24 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="zh-CN"> |
||||
|
<head> |
||||
|
<meta charset="UTF-8"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
|
<title>错误页面</title> |
||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"> |
||||
|
</head> |
||||
|
<body> |
||||
|
<div class="container mt-5"> |
||||
|
<div class="row justify-content-center"> |
||||
|
<div class="col-md-6"> |
||||
|
<div class="card"> |
||||
|
<div class="card-body text-center"> |
||||
|
<h1 class="text-danger">500 - 服务器内部错误</h1> |
||||
|
<p class="mt-3">服务器遇到了一个内部错误，请稍后再试。</p> |
||||
|
<a href="/" class="btn btn-primary mt-4">返回首页</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,318 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"> |
||||
|
<head> |
||||
|
<meta charset="UTF-8"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
|
<title>湖南大学选课系统分析</title> |
||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> |
||||
|
<script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script> |
||||
|
<style> |
||||
|
body { |
||||
|
font-family: 'Microsoft YaHei', sans-serif; |
||||
|
background-color: #f8f9fa; |
||||
|
} |
||||
|
.hero { |
||||
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
||||
|
color: white; |
||||
|
padding: 60px 0; |
||||
|
margin-bottom: 30px; |
||||
|
} |
||||
|
.card { |
||||
|
border-radius: 10px; |
||||
|
box-shadow: 0 4px 6px rgba(0,0,0,0.1); |
||||
|
transition: transform 0.3s ease; |
||||
|
} |
||||
|
.card:hover { |
||||
|
transform: translateY(-5px); |
||||
|
} |
||||
|
.stat-card { |
||||
|
text-align: center; |
||||
|
padding: 20px; |
||||
|
} |
||||
|
.stat-value { |
||||
|
font-size: 2rem; |
||||
|
font-weight: bold; |
||||
|
color: #667eea; |
||||
|
} |
||||
|
.stat-label { |
||||
|
font-size: 1rem; |
||||
|
color: #6c757d; |
||||
|
} |
||||
|
.btn-primary { |
||||
|
background-color: #667eea; |
||||
|
border-color: #667eea; |
||||
|
} |
||||
|
.btn-primary:hover { |
||||
|
background-color: #5a6fd8; |
||||
|
border-color: #5a6fd8; |
||||
|
} |
||||
|
</style> |
||||
|
</head> |
||||
|
<body> |
||||
|
<!-- 导航栏 --> |
||||
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> |
||||
|
<div class="container"> |
||||
|
<a class="navbar-brand" href="/">湖南大学选课系统分析</a> |
||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> |
||||
|
<span class="navbar-toggler-icon"></span> |
||||
|
</button> |
||||
|
<div class="collapse navbar-collapse" id="navbarNav"> |
||||
|
<ul class="navbar-nav ms-auto"> |
||||
|
<li class="nav-item"> |
||||
|
<a class="nav-link active" href="/">首页</a> |
||||
|
</li> |
||||
|
<li class="nav-item"> |
||||
|
<a class="nav-link" href="/courses">课程列表</a> |
||||
|
</li> |
||||
|
<li class="nav-item"> |
||||
|
<a class="nav-link" href="/analysis">数据分析</a> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
</nav> |
||||
|
|
||||
|
<!-- 英雄区 --> |
||||
|
<div class="hero"> |
||||
|
<div class="container"> |
||||
|
<h1 class="display-4">湖南大学选课系统数据分析平台</h1> |
||||
|
<p class="lead">实时爬取、分析和可视化展示选课系统数据</p> |
||||
|
<button class="btn btn-light btn-lg" onclick="crawlData()"> |
||||
|
<i class="bi bi-download"></i> 爬取最新数据 |
||||
|
</button> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 统计卡片 --> |
||||
|
<div class="container mb-5"> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-3"> |
||||
|
<div class="card stat-card"> |
||||
|
<div class="card-body"> |
||||
|
<div class="stat-value" th:text="${overallStats.totalCourses}"></div> |
||||
|
<div class="stat-label">总课程数</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-3"> |
||||
|
<div class="card stat-card"> |
||||
|
<div class="card-body"> |
||||
|
<div class="stat-value" th:text="${overallStats.totalCredits}"></div> |
||||
|
<div class="stat-label">总学分</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-3"> |
||||
|
<div class="card stat-card"> |
||||
|
<div class="card-body"> |
||||
|
<div class="stat-value" th:text="${overallStats.totalEnrolled}"></div> |
||||
|
<div class="stat-label">总已选人数</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-3"> |
||||
|
<div class="card stat-card"> |
||||
|
<div class="card-body"> |
||||
|
<div class="stat-value" th:text="${#numbers.formatDecimal(overallStats.overallUsageRate, 0, 1)}%"> |
||||
|
使用率 |
||||
|
</div> |
||||
|
<div class="stat-label">总体使用率</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 热门课程 --> |
||||
|
<div class="container mb-5"> |
||||
|
<h2 class="text-center mb-4">热门课程排行</h2> |
||||
|
<div class="card"> |
||||
|
<div class="card-body"> |
||||
|
<div id="topCoursesChart" style="width: 100%; height: 400px;"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 课程类型分布 --> |
||||
|
<div class="container mb-5"> |
||||
|
<h2 class="text-center mb-4">课程类型分布</h2> |
||||
|
<div class="card"> |
||||
|
<div class="card-body"> |
||||
|
<div id="courseTypeChart" style="width: 100%; height: 400px;"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 院系分布 --> |
||||
|
<div class="container mb-5"> |
||||
|
<h2 class="text-center mb-4">院系课程分布</h2> |
||||
|
<div class="card"> |
||||
|
<div class="card-body"> |
||||
|
<div id="departmentChart" style="width: 100%; height: 400px;"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 页脚 --> |
||||
|
<footer class="bg-dark text-white py-4"> |
||||
|
<div class="container text-center"> |
||||
|
<p>© 2024 湖南大学选课系统分析平台</p> |
||||
|
</div> |
||||
|
</footer> |
||||
|
|
||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> |
||||
|
<script> |
||||
|
// 爬取数据 |
||||
|
function crawlData() { |
||||
|
fetch('/crawl', { |
||||
|
method: 'POST' |
||||
|
}) |
||||
|
.then(response => response.json()) |
||||
|
.then(data => { |
||||
|
if (data.success) { |
||||
|
alert(data.message); |
||||
|
window.location.reload(); |
||||
|
} else { |
||||
|
alert('爬取失败'); |
||||
|
} |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error:', error); |
||||
|
alert('爬取失败'); |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
// 初始化热门课程图表 |
||||
|
fetch('/api/top-courses') |
||||
|
.then(response => response.json()) |
||||
|
.then(data => { |
||||
|
const courseNames = data.map(item => item.course_name); |
||||
|
const enrolledCounts = data.map(item => item.enrolled); |
||||
|
|
||||
|
const chart = echarts.init(document.getElementById('topCoursesChart')); |
||||
|
chart.setOption({ |
||||
|
title: { |
||||
|
text: '热门课程排行', |
||||
|
left: 'center' |
||||
|
}, |
||||
|
tooltip: { |
||||
|
trigger: 'axis', |
||||
|
axisPointer: { |
||||
|
type: 'shadow' |
||||
|
} |
||||
|
}, |
||||
|
xAxis: { |
||||
|
type: 'category', |
||||
|
data: courseNames, |
||||
|
axisLabel: { |
||||
|
rotate: 45 |
||||
|
} |
||||
|
}, |
||||
|
yAxis: { |
||||
|
type: 'value', |
||||
|
name: '已选人数' |
||||
|
}, |
||||
|
series: [{ |
||||
|
data: enrolledCounts, |
||||
|
type: 'bar', |
||||
|
itemStyle: { |
||||
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ |
||||
|
{offset: 0, color: '#667eea'}, |
||||
|
{offset: 1, color: '#764ba2'} |
||||
|
]) |
||||
|
} |
||||
|
}] |
||||
|
}); |
||||
|
}); |
||||
|
|
||||
|
// 初始化课程类型分布图表 |
||||
|
fetch('/api/course-type-distribution') |
||||
|
.then(response => response.json()) |
||||
|
.then(data => { |
||||
|
const types = Object.keys(data); |
||||
|
const counts = Object.values(data); |
||||
|
|
||||
|
const chart = echarts.init(document.getElementById('courseTypeChart')); |
||||
|
chart.setOption({ |
||||
|
title: { |
||||
|
text: '课程类型分布', |
||||
|
left: 'center' |
||||
|
}, |
||||
|
tooltip: { |
||||
|
trigger: 'item' |
||||
|
}, |
||||
|
legend: { |
||||
|
orient: 'vertical', |
||||
|
left: 'left' |
||||
|
}, |
||||
|
series: [{ |
||||
|
name: '课程类型', |
||||
|
type: 'pie', |
||||
|
radius: '60%', |
||||
|
data: types.map((type, index) => ({ |
||||
|
name: type, |
||||
|
value: counts[index] |
||||
|
})), |
||||
|
emphasis: { |
||||
|
itemStyle: { |
||||
|
shadowBlur: 10, |
||||
|
shadowOffsetX: 0, |
||||
|
shadowColor: 'rgba(0, 0, 0, 0.5)' |
||||
|
} |
||||
|
} |
||||
|
}] |
||||
|
}); |
||||
|
}); |
||||
|
|
||||
|
// 初始化院系分布图表 |
||||
|
fetch('/api/department-distribution') |
||||
|
.then(response => response.json()) |
||||
|
.then(data => { |
||||
|
const departments = Object.keys(data); |
||||
|
const counts = Object.values(data); |
||||
|
|
||||
|
const chart = echarts.init(document.getElementById('departmentChart')); |
||||
|
chart.setOption({ |
||||
|
title: { |
||||
|
text: '院系课程分布', |
||||
|
left: 'center' |
||||
|
}, |
||||
|
tooltip: { |
||||
|
trigger: 'item' |
||||
|
}, |
||||
|
legend: { |
||||
|
orient: 'vertical', |
||||
|
left: 'left' |
||||
|
}, |
||||
|
series: [{ |
||||
|
name: '院系', |
||||
|
type: 'pie', |
||||
|
radius: '60%', |
||||
|
data: departments.map((dept, index) => ({ |
||||
|
name: dept, |
||||
|
value: counts[index] |
||||
|
})), |
||||
|
emphasis: { |
||||
|
itemStyle: { |
||||
|
shadowBlur: 10, |
||||
|
shadowOffsetX: 0, |
||||
|
shadowColor: 'rgba(0, 0, 0, 0.5)' |
||||
|
} |
||||
|
} |
||||
|
}] |
||||
|
}); |
||||
|
}); |
||||
|
|
||||
|
// 响应式调整 |
||||
|
window.addEventListener('resize', function() { |
||||
|
const charts = ['topCoursesChart', 'courseTypeChart', 'departmentChart']; |
||||
|
charts.forEach(id => { |
||||
|
const chart = echarts.getInstanceByDom(document.getElementById(id)); |
||||
|
if (chart) { |
||||
|
chart.resize(); |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,21 @@ |
|||||
|
com\example\DatabaseUtil.class |
||||
|
com\example\exception\ParseException.class |
||||
|
com\example\entity\Course.class |
||||
|
com\example\exception\NetworkException.class |
||||
|
com\example\Untitled_2.class |
||||
|
com\example\HnuCourseSystem.class |
||||
|
com\example\CourseAnalysis.class |
||||
|
com\example\ExceptionTest.class |
||||
|
com\example\crawler\CrawlerContext.class |
||||
|
com\example\crawler\strategy\ParseStrategy.class |
||||
|
com\example\crawler\strategy\SduParseStrategy.class |
||||
|
com\example\crawler\CrawlerService.class |
||||
|
com\example\view\CourseView.class |
||||
|
com\example\CourseSystemTest.class |
||||
|
com\example\crawler\strategy\HnuParseStrategy.class |
||||
|
com\example\exception\CrawlerException.class |
||||
|
com\example\service\CourseService.class |
||||
|
com\example\Pair.class |
||||
|
com\example\controller\CourseController.class |
||||
|
com\example\repository\CourseRepository.class |
||||
|
com\example\exception\BizException.class |
||||
@ -0,0 +1,21 @@ |
|||||
|
C:\Users\范馨遥\.trae-cn\course-analysis\src\main\java\com\example\crawler\strategy\HnuParseStrategy.java |
||||
|
C:\Users\范馨遥\.trae-cn\course-analysis\src\main\java\com\example\controller\CourseController.java |
||||
|
C:\Users\范馨遥\.trae-cn\course-analysis\src\main\java\com\example\exception\NetworkException.java |
||||
|
C:\Users\范馨遥\.trae-cn\course-analysis\src\main\java\com\example\view\CourseView.java |
||||
|
C:\Users\范馨遥\.trae-cn\course-analysis\src\main\java\com\example\CourseAnalysis.java |
||||
|
C:\Users\范馨遥\.trae-cn\course-analysis\src\main\java\com\example\crawler\CrawlerService.java |
||||
|
C:\Users\范馨遥\.trae-cn\course-analysis\src\main\java\com\example\exception\CrawlerException.java |
||||
|
C:\Users\范馨遥\.trae-cn\course-analysis\src\main\java\com\example\CourseSystemTest.java |
||||
|
C:\Users\范馨遥\.trae-cn\course-analysis\src\main\java\com\example\ExceptionTest.java |
||||
|
C:\Users\范馨遥\.trae-cn\course-analysis\src\main\java\com\example\HnuCourseSystem.java |
||||
|
C:\Users\范馨遥\.trae-cn\course-analysis\src\main\java\com\example\DatabaseUtil.java |
||||
|
C:\Users\范馨遥\.trae-cn\course-analysis\src\main\java\com\example\Untitled-2.java |
||||
|
C:\Users\范馨遥\.trae-cn\course-analysis\src\main\java\com\example\exception\BizException.java |
||||
|
C:\Users\范馨遥\.trae-cn\course-analysis\src\main\java\com\example\crawler\CrawlerContext.java |
||||
|
C:\Users\范馨遥\.trae-cn\course-analysis\src\main\java\com\example\crawler\strategy\SduParseStrategy.java |
||||
|
C:\Users\范馨遥\.trae-cn\course-analysis\src\main\java\com\example\repository\CourseRepository.java |
||||
|
C:\Users\范馨遥\.trae-cn\course-analysis\src\main\java\com\example\service\CourseService.java |
||||
|
C:\Users\范馨遥\.trae-cn\course-analysis\src\main\java\com\example\crawler\strategy\ParseStrategy.java |
||||
|
C:\Users\范馨遥\.trae-cn\course-analysis\src\main\java\com\example\exception\ParseException.java |
||||
|
C:\Users\范馨遥\.trae-cn\course-analysis\src\main\java\com\example\entity\Course.java |
||||
|
C:\Users\范馨遥\.trae-cn\course-analysis\src\main\java\com\example\Pair.java |
||||
@ -1,8 +0,0 @@ |
|||||
@echo off |
|
||||
echo 正在编译项目... |
|
||||
javac -d target/classes src/main/java/com/example/entity/Course.java src/main/java/com/example/DatabaseUtil.java src/main/java/com/example/CourseAnalysis.java src/main/java/com/example/HnuCourseSystem.java src/main/java/com/example/CourseSystemTest.java |
|
||||
|
|
||||
echo 正在运行测试程序... |
|
||||
java -cp target/classes;C:\Users\范馨遥\.m2\repository\org\xerial\sqlite-jdbc\3.44.1.0\sqlite-jdbc-3.44.1.0.jar com.example.CourseSystemTest |
|
||||
|
|
||||
pause |
|
||||
Loading…
Reference in new issue