# feat:学院简介模块完善;

pythonweb/aboutApp/templates/about.html

@@ -5,7 +5,50 @@
 {% endblock %}
 
 {% block content %}
+<!-- 主体内容 -->
 <div class="container">
-    <h1>学院概况</h1>
+    <div class="row row-3">
+        <!-- 侧边导航栏 -->
+        <div class="col-md-3">
+            <div class="model-title">
+                学院简介
+            </div>
+            <div class="model-list">
+                <ul class="list-group">
+                    <li class="list-group-item" id="survey">
+                        <a href="{% url 'aboutApp:survey' %}">学院简介</a>
+                    </li>
+                    <li class="list-group-item" id="leader">
+                        <a href="{% url 'aboutApp:leader' %}">领导分工</a>
+                    </li>
+                    <li class="list-group-item" id="organization">
+                        <a href="{% url 'aboutApp:organization' %}">机构设置</a>
+                    </li>
+                    <li class="list-group-item" id="major">
+                        <a href="{% url 'aboutApp:major' %}">专业介绍</a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <!-- 说明文字和图片 -->
+<!--        文章或者列表-->
+        <div class="col-md-9">
+            <div class="model-details-title">
+                {{title}}
+            </div>
+            {% if type == 'art'%}
+            <div class="model-details">
+                {{content|safe }}
+            </div>
+            {% else %}
+<!--            列表-->
+            <ul class="list-group">
+                {% for item in list %}
+                <a href="{{item.url}}" class="list-group-item">{{item.title}}<span class="pull-right">{{ item.date }}</span></a>
+                {% endfor %}
+            </ul>
+            {% endif %}
+        </div>
+    </div>
 </div>
 {% endblock %}

pythonweb/aboutApp/views.py

@@ -1,17 +1,91 @@
+import markdown
 from django.shortcuts import render
 
 
 def survey(request):
-    return render(request, 'about.html')
+    md_text = """
+计算机学院坚持以提高教学质量为中心，深入实施“一体两翼”人才培养模式（“一体”即专业核心能力，“两翼”即外语应用能力与工程实践能力），致力于培养专业基础扎实、实践能力突出、外语特色鲜明，兼具国际视野、创新精神与跨文化交际能力，能够直接参与国际合作与竞争的高素质应用型人才。学院现有计算机科学与技术（省级应用型人才培养示范专业、校级一流专业建设点）、软件工程（校级特色专业）、网络工程、物联网工程、数字媒体技术（省级特色专业）、智能科学与技术以及数学与应用数学7个本科专业。其中，网络工程与物联网工程专业由学院与华为授权合作伙伴广州腾科网络技术有限公司联合共建，开设特色班，开展产教融合协同育人。
+
+学院现有专任教师65人，其中高级职称26人，博士25人，“双师型”教师35人，“南粤优秀教师”2人，广东省民办教育协会“优秀教师”1人、“优秀教育工作者”1人，广东省“千百十工程”校级培养对象4人，并建有省级教学团队2个。
+
+学院依托广东省物对象数字化工程研究中心（省级）以及智能信息处理研究所，组建了可视媒体智能分析与内容安全研究团队、数学物理模型应用研究创新团队。近五年来，学院承担省部级、市厅级科研项目13项，发表教科研论文150余篇（其中被SCIE收录62篇），获得授权专利20项、软件著作权80余项，获省级学会优秀论文奖4项，连续三年在全校科研绩效考核中位居榜首；主持教研项目45项，主编出版教材及专著12部，荣获广东省优秀教学成果奖二等奖1项、优秀教材奖1项，广东省计算机学会教学成果一等奖2项、二等奖1项、三等奖1项，校级优秀教学成果特等奖1项。
+
+学院高度重视学生创新能力、实践能力和工程素养的培养，积极组织并深度指导学生参加“挑战杯”全国大学生课外学术科技作品竞赛、全国大学生数学建模竞赛、中国大学生计算机设计大赛、蓝桥杯全国软件和信息技术专业人才大赛、华为ICT大赛等国家级重要赛事。同时，着力打造“工程师摇篮”，引导学生参加计算机技术与软件专业技术资格（水平）考试（软考），获取由工信部与人社部联合颁发的软件设计师、数据库系统工程师、多媒体应用设计师等中级职业资格证书；并支持学生考取华为认证（HCIP、HCIE），提升行业竞争力。人才培养质量持续提升，毕业生就业率稳定在98%以上。众多学子就职于汇丰银行、阿里巴巴、百度、腾讯、网易、电讯盈科等知名IT企业，以及各大银行与国有企业，为全国特别是广东省信息产业高质量发展提供了坚实的人才支撑，赢得了良好的社会声誉。
+    """
+    html = markdown.markdown(md_text)
+    context = {
+        'title':'学院简介',
+        'content':html,
+        'type':'art',
+        'active_menu':'survey',
+    }
+    return render(request, 'about.html',context)
 
 
 def leader(request):
-    return render(request, 'about.html')
+    art_list = [
+        {
+            'id':'1',
+            'title':'院长',
+            'content':'',
+            'img_url':'',
+            'date':'2026-04-22',
+        },
+        {
+            'id': '2',
+            'title': '副院长',
+            'content': '',
+            'img_url': '',
+            'date': '2026-04-22',
+        },
+    ]
+    context = {
+        'title': '领导分工',
+        'content': '',
+        'type': 'list',
+        'list': art_list,
+        'active_menu': 'leader',
+    }
+    return render(request, 'about.html',context)
 
 
 def organization(request):
-    return render(request, 'about.html')
+    md_text = """
+![](https://www-new.gwng.edu.cn/_upload/article/images/fd/58/58868cce47128b453d3974657bee/6cfe2ad0-5bd9-47d7-96d5-98255ee4bd6e.jpg)
+    """
+    html = markdown.markdown(md_text)
+    print(html)
+    context = {
+        'title': '机构设置',
+        'content': html,
+        'type': 'art',
+        'active_menu': 'organization',
+    }
+    return render(request, 'about.html',context)
 
 
 def major(request):
-    return render(request, 'about.html')
+    major_list = [
+        {
+            'id': '1',
+            'title': '计算机科学与技术',
+            'content': '',
+            'img_url': '',
+            'date': '2026-04-22',
+        },
+        {
+            'id': '2',
+            'title': '软件工程',
+            'content': '',
+            'img_url': '',
+            'date': '2026-04-22',
+        },
+    ]
+    context = {
+        'title': '专业介绍',
+        'content': '',
+        'type': 'list',
+        'list': major_list,
+        'active_menu': 'major',
+    }
+    return render(request, 'about.html',context)