45 lines
1.5 KiB
HTML
45 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>课程选择主页</title>
|
|
<link rel="stylesheet" href="/static/css/index.css">
|
|
</head>
|
|
<body onload="init_index()" >
|
|
{% include 'navbar.html' %} <!-- 引入navbar.html -->
|
|
<main>
|
|
<div class="course-selection">
|
|
<h2>课程列表</h2>
|
|
<div class="course-list">
|
|
{% for course_id, course in courses_data.items() %}
|
|
<div class="course-card" onclick="show_course_details('{{ course_id }}')">
|
|
<img src="{{ course.course_img_path }}" alt="{{ course.course_name }}">
|
|
<h3>{{ course.course_name }}</h3>
|
|
<p>{{ course.course_description }}</p>
|
|
{% if course_id in selected_courses %}
|
|
<button class="selected-button">已选择</button>
|
|
{% else %}
|
|
<button class="select-button" data-course-id="{{course_id}}">选择课程</button>
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<footer>
|
|
<p>版权所有 © 2024 “华实伴学君”——教学练评一体的虚拟编码助教</p>
|
|
</footer>
|
|
|
|
</body>
|
|
<script>
|
|
window.appData = {
|
|
user_selected_courses: JSON.parse(`{{selected_courses}}`.replace(/"/g, "\""))
|
|
}
|
|
|
|
</script>
|
|
<script src="/static/js/index.js"></script>
|
|
</html>
|