# feat:首页搭建

pythonweb/homeApp/templates/home.html

@@ -6,40 +6,68 @@
 {% endblock %}
 
 {% block content %}
-<!-- 广告横幅 -->
+<!--轮播图-->
 <div class="container-fluid">
-    <div class="row">
-        <img class="img-responsive model-img" src="{% static 'img/science.jpg' %}" alt="科研基地">
+    <div id="carousel-example-generic" class="carousel slide center-block" data-ride="carousel" style="width: 1280px; max-width: 100%; height: 720px;">
+        <ol class="carousel-indicators">
+            {% for item in imgs %}
+            <li data-target="#carousel-example-generic" data-slide-to="{{ forloop.counter0 }}"{% if forloop.first %} class="active"{% endif %}></li>
+            {% endfor %}
+        </ol>
+        <div class="carousel-inner" role="listbox">
+            {% for item in imgs %}
+            <div class="item{% if forloop.first %} active{% endif %}">
+                <img class="img-responsive model-img center-block" src="{{ item.url }}" alt="{{ item.title }}" style="width: 1280px; height: 720px; object-fit: cover;">
+            </div>
+            {% endfor %}
+        </div>
+        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
+            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+            <span class="sr-only">Previous</span>
+        </a>
+        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
+            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+            <span class="sr-only">Next</span>
+        </a>
     </div>
 </div>
+<!--主体内容-->
 <div class="container">
-    <!-- 主体标题 -->
-    <div class="model-details-title">
-        科研基地介绍
+    <div class="row" style="align-content: center">
+        <div class="col-lg-5 col-md-5 mx-auto">
+            <div class="model-details-title" style="position: relative;">党建工作 <a href="{% url 'partyApp:party_work' %}" style="position: absolute; right: 10px;">更多>></a></div>
+            <ul class="list-group">
+                {% for item in party_works %}
+                <li class="list-group-item"><a href="{{ item.url }}">{{ item.title }} <span class="pull-right">{{ item.date }}</span></a></li>
+                {% endfor %}
+            </ul>
+        </div>
+        <div class="col-lg-5 col-md-5 mx-auto">
+            <div class="model-details-title" style="position: relative;">团学工作 <a href="{% url 'partyApp:youth_work' %}" style="position: absolute; right: 10px;">更多>></a></div>
+            <ul class="list-group">
+                {% for item in youth_works %}
+                <li class="list-group-item"><a href="{{ item.url }}">{{ item.title }} <span class="pull-right">{{ item.date }}</span></a></li>
+                {% endfor %}
+            </ul>
+        </div>
     </div>
-    <!-- 主体内容 -->
-    <div class="model-details">
-        <p>
-            近二十年来，恒达致力打造“志存高远，一诺千钧”的企业文化，不断吸纳和培养人工智能高精尖人才，
-            逐步形成了一支技术过硬、乐于钻研、勇于创新的核心技术团队。目前，恒达科研基地分为计算机视觉、
-            机器人和视觉深度学习三个事业部，已为恒达在人脸识别、物联网平台搭建、机器人导航等高新算法
-            和模型研究领域打下了坚实基础。未来，恒达将继续坚定不移地投入科研，持续做好团队结构优化
-            和技术创新升级，力争实现引领全球人工智能发展的未来愿景。
-        </p>
-        <img class="img-responsive" style="max-width:700px;" src="{% static 'img/kyjd.jpg' %}">
-        <h3>研究方向</h3>
-        <h5>机器人导航：</h5>
-        <p>
-            多传感器路径规划、物联网一体化平台、远程人机交互、强化学习控制。
-        </p>
-        <h5>人体行为识别：</h5>
-        <p>
-            单用户行为识别、人体骨骼大数据分析、鲁棒特征抽取、多用户行为识别。
-        </p>
-        <h5>人脸属性识别：</h5>
-        <p>
-            人脸检测、属性分析、行人再识别。
-        </p>
+    <div class="row">
+        <div class="col-lg-5 col-md-5 mx-auto">
+            <div class="model-details-title" style="position: relative;">招生信息 <a href="{% url 'serviceApp:admissions' %}" style="position: absolute; right: 10px;">更多>></a></div>
+            <ul class="list-group">
+                {% for item in admissions %}
+                <li class="list-group-item"><a href="{{ item.url }}">{{ item.title }} <span class="pull-right">{{ item.date }}</span></a></li>
+                {% endfor %}
+            </ul>
+        </div>
+        <div class="col-lg-5 col-md-5 mx-auto">
+            <div class="model-details-title" style="position: relative;">就业信息 <a href="{% url 'serviceApp:employment' %}" style="position: absolute; right: 10px;">更多>></a></div>
+            <ul class="list-group">
+                {% for item in employment %}
+                <li class="list-group-item"><a href="{{ item.url }}">{{ item.title }} <span class="pull-right">{{ item.date }}</span></a></li>
+                {% endfor %}
+            </ul>
+        </div>
     </div>
 </div>
 {% endblock %}

pythonweb/homeApp/views.py

@@ -2,5 +2,22 @@ from django.shortcuts import render
 
 # Create your views here.
 def home(request):
-    context = {'active_menu':'home'}
+    imgs = [
+        {'title':'','url':'https://www-new.gwng.edu.cn/_upload/article/images/ea/52/92efb43545b08f9fc6cff3d4da12/3d9e5fde-b426-47b5-b227-01ce75bed969.png'},
+        {'title':'','url':'https://www-new.gwng.edu.cn/_upload/article/images/70/97/4eb2553a42d0857d7e84f4da2a50/277ed5c3-1c74-4a28-a138-99a805356fe1.jpg'},
+        {'title':'','url':'https://www-new.gwng.edu.cn/_upload/article/images/d6/76/98d987954758820d35e9a20bac79/4fd9a0ae-f81f-4742-8553-e3fdce8637e9.jpg'},
+    ]
+    party_works = [{'title':'党建工作','date':'2026-04-22','url':''},{'title':'党建工作','date':'2026-04-22','url':''}]
+    youth_works = [{'title':'团学工作','date':'2026-04-22','url':''},{'title':'团学工作','date':'2026-04-22','url':''}]
+    admissions = [{'title':'招生信息','date':'2026-04-22','url':''},{'title':'招生信息','date':'2026-04-22','url':''}]
+    employment = [{'title':'就业信息','date':'2026-04-22','url':''},{'title':'就业信息','date':'2026-04-22','url':''}]
+    context = {
+        'active_menu':'home',
+        'imgs':imgs,
+        'party_works':party_works,
+        'youth_works':youth_works,
+        'admissions':admissions,
+        'employment':employment,
+
+    }
     return render(request, 'home.html',context=context)

pythonweb/templates/base.html

@@ -125,9 +125,10 @@
                 </dl>
             </div>
             <div class="col-md-2">
-                <dl>
-                    <dt>科研工作</dt>
-                    <dd><a href="{% url 'scientific_index' %}">科研工作</a></dd>
+               <dl>
+                    <dt>招生就业</dt>
+                    <dd><a href="{% url 'serviceApp:admissions' %}">招生工作</a></dd>
+                    <dd><a href="{% url 'serviceApp:employment' %}">就业工作</a></dd>
                 </dl>
             </div>
             <div class="col-md-2">