（五）Django 在线平台(详情页功能实现)

最新推荐文章于 2025-06-04 16:16:29 发布

原创

最新推荐文章于 2025-06-04 16:16:29 发布 · 2.1k 阅读

5 ·

CC 4.0 BY-SA版权

本文档详细介绍了如何在Django中实现在线平台的详情页功能，包括配置HTML页面、模板继承、URL配置、视图函数的编写，以及添加用户收藏功能，涉及到jQuery代码的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

配置html.页面

编写模板页面

配置org-detail-homepage.html页面继承母版页面

{% extends 'org_base.html' %}
{% block title %}
    机构首页
{% endblock %}
{% block right_form %}
        <div class="right companycenter layout grouping">
            <div class="head">
                <h1>全部课程</h1>
                <a class="green fr more" href="org-detail-course.html">查看更多 > </a>
            </div>
            <div class="brief group_list">
                {% for course in all_courses%}
                <div class="module1_5 box">
                    <a href="course-detail.html"><img width="214" src="{
  
  { MEDIA_URL }}{
  
  { course.image }}"/></a>
                    <div class="des">
                        <a href="course-detail.html"><h2>{
  
  { course.name }}</h2></a>
                        <span class="fl">课时：<i class="key">{
  
  { course.learn_times }}</i></span>
                        <span class="fr">参加人数：{
  
  { course.students }}</span>
                    </div>
                    <div class="bottom">
                        <span class="fl">{
  
  { course.course_org.name }}</span>
                        <span class="star fr  notlogin
                            " data-favid="13" data-fav-type="4">
                            {
  
  { course.fav_nums }}
                        </span>
                    </div>
                </div>
                {% endfor %}



            </div>
        </div>
        <div class="right companycenter layout">
            <div class="head">
                <h1>机构教师</h1>
                <a class="green fr more" href="org-detail-teachers.html">查看更多
                    > </a>
            </div>
            {% for teacher in all_teachers %}
            <div class="diarys">
                <div class="module5 share company-diary-box" style="padding:10px 0;">
                    <div class="left">
                        <img class="pic"
                             src="{
  
  { MEDIA_URL }}{
  
  { teacher.image }}"/>
                        <p>昵称:{
  
  { teacher.name }}</p>
                    </div>
                    <div class="right">
                        <div class="top">
                            <div class="fl">
                                <a href=""><h1>java开发教程</h1></a>
                                <span>发表于：2015-10-12</span>
                            </div>
                        </div>
                        <div class="middle" style="border-bottom:0;">课程介绍</div>
                    </div>
                </div>
            </div>
            {% endfor %}

        </div>
        <div class="right companycenter layout">
            <div class="head">
                <h1>机构介绍</h1>
                <a class="green fr more" href="org-detail-desc.html">查看更多 > </a>
            </div>
            <div class="cont">    <p>   {
  
  { course_org.desc }}</p>

            </div>
        </div>
{% endblock %}

配置url

编写View视图函数

class OrgHomeView(View):
    """
        机构首页
    """
    def get(self, request, org_id):
        course_org = CourseOrg.objects.get(id=int(org_id))
        all_courses = course_org.course_set.all()[:3]
        a