美文网首页
第七章 在线教育平台(讲师信息)

第七章 在线教育平台(讲师信息)

作者: Xia0JinZi | 来源:发表于2018-03-19 19:51 被阅读0次

    讲师信息

    标签: django


    讲师列表页

    课程讲师

    获取所有讲师信息,其中添加分页功能,添加一个hot讲师排行,并对于人气进行排序

    {% extends 'common/base.html' %}
    {% load staticfiles %}
    {% block custom_bread %}
        <section>
            <div class="wp">
                <ul  class="crumbs">
                    <li><a href="index.html">首页</a>></li>
                    <li>课程讲师</li>
                </ul>
            </div>
        </section>
    {% endblock %}
    
    {% block custom_content %}
         <section>
        <div class="wp butler_list_box list">
        <div class='left'>
            <div class="butler_list layout">
                <div class="head">
                    <ul class="fl tab_header">
                        <li class="{% ifequal sort '' %}active{% endifequal %}"><a href="?sort=">全部</a> </li>
                        <li class="{% ifequal sort 'hot' %}active{% endifequal %}"><a href="?sort=hot">人气 &#8595;</a></li>
                    </ul>
                    <div class="fr butler-num">共<span class="key">{{ teachers_count }}</span>人&nbsp;&nbsp;&nbsp;</div>
                </div>
                    {% for teacher in all_teachers.object_list %}
                    <dl class="des">
                        <dt>
                            <a href="/org/teacher/detail/1/">
                                <div class="picpic">
                                    <img width="100" height="100" class="scrollLoading" src="{{ MEDIA_URL }}{{ teacher.image }}"/>
                                </div>
                            </a>
                            <div class="btn">
                                <div class="fr btn2 bdsharebuttonbox"
                                     data-text="授课教师-{{ teacher.name }}-慕学在线"
                                     data-desc="我在#慕课网#发现了教师“{{ teacher.name }}”,对学习中的小伙伴很有帮助,一起来看看吧。"
                                     data-comment="{{ teacher.name }}金牌讲师,从业年限:{{ teacher.work_years }}年"
                                     >
                                    <span class="fl">分享</span>
                                    <a href="#" class="bds_more" data-cmd="more"></a>
                                </div>
                            </div>
                        </dt>
                        <dd>
                            <a href="/org/teacher/detail/1/">
                                <h1>{{ teacher.name }}<span class="key picbig">金牌讲师</span></h1>
                            </a>
                            <ul class="cont">
                                <li>工作年限:<span>{{ teacher.work_years }}年</span></li>
                                <li>工作职位:<span>{{ teacher.work_position }}</span></li>
                                <li>就职公司:<span>{{ teacher.work_company }}&nbsp;</span></li>
                                <li>年龄:<span>{{ teacher.age }}岁</span></li>
                                <li>教学特点:<span>{{ teacher.points }}</span></li>
                            </ul>
                        </dd>
                        <a class="buy buyservice" href="/org/teacher/detail/1/"><br/>查看<br/>详情</a>
                    </dl>
                    {% endfor %}
            </div>
             <div class="pageturn">
                <ul class="pagelist">
                    {% if all_teachers.has_previous %}
                        <li class="long"><a href="?{{ all_teachers.previous_page_number.querystring }}">上一页</a></li>
                    {% endif %}
                    {% for page in all_teachers.pages %}
                        {% if page %}
                            {% ifequal page all_teachers.number %}
                                <li class="active"><a href="">{{ page }}</a></li>
                            {% else %}
                                <li><a href="?{{ page.querystring }}" class="page">{{ page }}</a></li>
                            {% endifequal %}
                        {% else %}
                            <li class="none"><a href="">...</a></li>
                        {% endif %}
                    {% endfor %}
                    {% if all_teachers.has_next %}
                        <li class="long"><a href="?{{ all_teachers.next_page_number.querystring }}">下一页</a></li>
                    {% endif %}
                </ul>
            </div>
        </div>
        <div class="right layout">
            <div class="head">讲师排行榜</div>
                {% for teacher in hot_teachers %}
                <dl class="des">
                    <span class="num fl">1</span>
                    <a href="/diary/hk_detail/6/">
                        <dt>
                            <img width="50" height="50" class="scrollLoading"  src="{{ MEDIA_URL }}{{ teacher.image }}"/>
                        </dt>
                    </a>
                    <dd>
                        <a href="/diary/hk_detail/6/">
                            <h1 title="bobby">{{ teacher.name }}</h1>
                        </a>
                        <p>工作年限:<span>{{ teacher.work_years }}年</span></p>
                    </dd>
                </dl>
                {% endfor %}
    
        </div>
        </div>
    </section>
    {% endblock %}
    
    
    
    class TeacherListView(View):
        def get(self, request):
            all_teachers = Teacher.objects.all()
    
            hot_teachers = all_teachers.order_by('-click_nums')[:5]
    
            # 人气排序
            sort = request.GET.get('sort', '')
            if sort:
                all_teachers = all_teachers.order_by('-fav_nums')
    
            # 分页功能展示
            try:
                page = request.GET.get('page', 1)
            except PageNotAnInteger:
                page = 1
            p = Paginator(all_teachers, 5, request=request)
            all_teachers_p = p.page(page)
    
            teachers_count = all_teachers.count()
    
            return render(request, 'teachers-list.html', {
                'all_teachers': all_teachers_p,
                'teachers_count': teachers_count,
                'hot_teachers': hot_teachers,
                'sort': sort
            })
    

    讲师详情页

    讲师详情页

    根据讲师详情页进行跳转具体教室,并展示详情页信息。

    {% extends 'common/base.html' %}
    {% load staticfiles %}
    {% block custom_bread %}
        <section>
            <div class="wp">
                <ul  class="crumbs">
                    <li><a href="index.html">首页</a>></li>
                    <li>课程讲师</li>
                </ul>
            </div>
        </section>
    {% endblock %}
    
    {% block custom_content %}
         <section>
        <div class="wp butler-detail-box butler-diaryd-box clearfix">
            <div class="fl list">
    
                    <div class="left layout">
                    <div class="butler_detail_list clearfix">
                    <div class="brief">
                        <dl class="des">
                            <dt>
                                <div class="picpic">
                                    <img width="100" height="100" src="{{ MEDIA_URL }}{{ teacher.image }}"/>
                                </div>
                                <div class="btn">
                                    <span class="fl btn1 collectionbtn" id="jsLeftBtn">
                                         {% if has_teacher_fav %}已收藏{% else %}收藏{% endif %}
                                    </span>
                                    <span class="fr btn2 shareBtn bdsharebuttonbox"
                                          data-text="授课教师-{{ teacher.name }}-慕学网"
                                          data-desc="我在#慕课网#发现了"
                                          data-comment="{{ teacher.name }},工作年限:{{ teacher.work_years }}年;学历:本科;所在公司:{{ teacher.work_company }}&nbsp;;经典案例:django入门和深入;flask入门"
                                          data-url="/diary/hk_detail/10/">
                                        <span class="fl">分享</span>
                                        <a href="#" class="bds_more" data-cmd="more"></a>
                                    </span>
                                </div>
                            </dt>
                            <dd>
                                <a href="/diary/hk_detail/10/">
                                    <h1>{{ teacher.name }}<span class="key picbig">金牌讲师</span></h1>
                                </a>
                                <ul class="cont">
                                    <li>工作年限:<span>{{ teacher.work_years }}年</span></li>
                                    <li>就职公司:<span>{{ teacher.work_company }}</span></li>
                                    <li>工作职位:<span>{{ teacher.work_position }}&nbsp;</span></li>
                                    <li>教学特点:<span>{{ teacher.points }}</span></li>
                                </ul>
                            </dd>
                        </dl>
                    </div>
                </div>
    
                    <div class="butler_detail_cont clearfix">
                    <div class="head">
                        <ul class="tab_header">
                            <li class="active"><a href="/diary/hk_detail/10/">全部课程</a> </li>
                        </ul>
                    </div>
                        <div class="companycenter">
                            <div class="group_list brief">
                                {% for course in all_courses %}
                                <div class="module1_5 box">
                                    <a href="course-detail.html">
                                        <img width="214" height="190" class="scrollLoading" 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_time }}</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="15">{{ course.course_org.fav_nums }}</span>
                                    </div>
                                </div>
                                {% endfor %}
                            </div>
                        </div>
                    <!--<div class="pageturn">-->
                        <!--<ul class="pagelist">-->
                            <!--<li class="active"><a href="?page=1">1</a></li>-->
                        <!--</ul>-->
                    <!--</div>-->
                </div>
    
                </div>
                    <div class="right layout">
                        <div class="butler_detail_list">
                    <div class="right butler-company-box">
                    <div class="head">
                        <h1></h1>
                        <p>知名高校,权威教学</p>
                    </div>
                    <div class="pic">
                        <a href="org-detail-homepage.html">
                            <img width="150" height="80" src="{{ MEDIA_URL }}{{ teacher.org.image }}"/>
                        </a>
                    </div>
                    <a href="org-detail-homepage.html">
                        <h2 class="center">{{ teacher.org.name }}</h2>
                    </a>
                    <p class="center tell">地址:{{ teacher.org.address }}</p>
                    <a class="btn" id="jsRightBtn">{% if has_org_fav %}已收藏{% else %}收藏{% endif %}</a>
                </div>
                </div>
                        <div class="butler_detail_cont">
                    <div class="butler_list_box">
                        <div class="right layout">
                            <div class="head">讲师排行榜</div>
                            {% for teacher in hot_teachers %}
                            <dl class="des">
                                <span class="num fl">1</span>
                                <a href="{% url 'org:teacher_detail' teacher.id %}">
                                    <dt>
                                        <img width="50" height="50" class="scrollLoading" src="{{ MEDIA_URL }}{{ teacher.image }}"/>
                                    </dt>
                                </a>
                                <dd>
                                    <a href="{% url 'org:teacher_detail' teacher.id %}">
                                        <h1 title="bobby">{{ teacher.name }}</h1>
                                    </a>
                                    <p>工作年限:<span>{{ teacher.work_years }}年</span></p>
                                </dd>
                            </dl>
                            {% endfor %}
    
                        </div>
                    </div>
                </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {% endblock %}
    
    {% block custom_js %}
        <script type="text/javascript">
    //收藏分享
    function add_fav(current_elem, fav_id, fav_type){
        $.ajax({
            cache: false,
            type: "POST",
            url:"{% url 'org:add_fav' %}",
            data:{'fav_id':fav_id, 'fav_type':fav_type},
            async: true,
            beforeSend:function(xhr, settings){
                xhr.setRequestHeader("X-CSRFToken", "{{ csrf_token }}");
            },
            success: function(data) {
                if(data.status == 'fail'){
                    if(data.msg == '用户未登录'){
                        window.location.href="login.html";
                    }else{
                        alert(data.msg)
                    }
    
                }else if(data.status == 'success'){
                    current_elem.text(data.msg)
                }
            },
        });
    }
    
    $('#jsLeftBtn').on('click', function(){
        add_fav($(this), {{ teacher.id }}, 3);
    });
    
    $('#jsRightBtn').on('click', function(){
        add_fav($(this), {{ teacher.id }}, 2);
    });
    
    
    </script>
    {% endblock %}
    
    
    
    class TeacherDetailView(View):
        """
        教师详情页面
        """
        def get(self, request, teacher_id):
            hot_teachers = Teacher.objects.all().order_by('-fav_nums')[:3]
            teacher = Teacher.objects.get(id=teacher_id)
            teacher.click_nums += 1
            teacher.save()
            all_courses = teacher.course_set.all()[:3]
    
            has_teacher_fav = False
            has_org_fav = False
            if UserFavorite.objects.filter(user=request.user, fav_id=teacher.id, fav_type=3):
                has_teacher_fav = True
            if UserFavorite.objects.filter(user=request.user, fav_id=teacher.org.id, fav_type=2):
                has_org_fav = True
    
            return render(request, 'teacher-detail.html', {
                'teacher': teacher,
                'all_courses': all_courses,
                'hot_teachers': hot_teachers,
                'has_teacher_fav': has_teacher_fav,
                'has_org_fav': has_org_fav
            })
    

    • 本篇博客原视频博主[慕课在线教育平台]
    • 本篇博客撰写人: XiaoJinZi 转载请注明出处
    • 学生能力有限 附上邮箱: 986209501@qq.com 不足以及误处请大佬指责

    相关文章

      网友评论

          本文标题:第七章 在线教育平台(讲师信息)

          本文链接:https://www.haomeiwen.com/subject/agapqftx.html