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 >
|
|
{% include 'navbar.html' %} <!-- 引入navbar.html -->
|
|
<main>
|
|
<div class="course-selection">
|
|
<h2>课程列表</h2>
|
|
<div class="course-list">
|
|
{% for course in courses_data %}
|
|
<div class="course-card" onclick="show_course_details('{{ course._id }}')">
|
|
<img src="{{ course.image_url }}" alt="{{ course.course_name }}">
|
|
<h3>{{ course.name }}</h3>
|
|
<p>{{ 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>
|