Django+xadmin打造在线教育平台（从0-1全过程手把手教程附加各种采坑笔记第8章）

前端的内容其实不难，就是套模板引擎，把跟base.html不同的
org-detail-homepage:

{% extends 'org_base.html' %}
{% block title %}机构首页{% endblock %}
{% block page_path %}机构首页{% 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">&nbsp; &nbsp; {
  { course_org.desc }}<p>&nbsp; &nbsp;</p></div>
</div>
{% endblock %}

org-detail-course:

{% extends 'org_base.html' %}
{% block title %}机构课程列表页{% endblock %}
{% block page_path %}机构课程{% endblock %}
{% block right_form %}
<div class="right companycenter layout" >
		<div class="head">
			<h1>机构课程</h1>
		</div>
		<div class="brief group_list">
            {% for course in all_courses %}
            <div class="module1_5 box">
                    <a class="comp-img-box" href="course-detail.html">

                        <img width="214" height="195" 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>
                         <