python 課程設計

 

泉州信息工程學院

軟件學院

課程設計報告書

 

課 程 名:  python課程設計           

課程設計項目名稱：    小狗之家網站設計                   

團隊成員：          裴彪      陳垚澤                          

 

 

 

 

 

 

一、項目簡介

1.1 項目博客地址

https://www.cnblogs.com/cyz-2016/

1.2 項目完成的功能與特色

通過使用Django為框架，建立一個寵物狗店的網站，從而讓喜歡和家里養狗狗的人們對這類行業知道更多，對狗狗有一點深入了解。該網站具有多個模塊，可以讓顧客從多個角度和方面知曉狗的生活習性跟養狗的技巧，放心把狗狗交給我們飼養。

本店倡導人與寵物間歡樂甜蜜的陪伴、內外富足的幸福感;小狗之家本着人文與創新的精神，持續整合新科技與管理知識，架設動物關懷網絡，將人類在醫療上的關懷觸角，延伸至生活圈里的其它動物。

1.2 項目采用的技術棧

前端知識:HTML\CSS\JavaScript、ps技術、Django、Flask webpy、

1.3 項目借鑒源代碼的地址

https://blog.csdn.net/super_chenly/article/details/90345250

https://www.cnblogs.com/focusBI/p/7853427.html

   1.5 團隊成員任務分配表

	header	top	service	images	liuyan	lorem	nav	Advantagess
裴彪	√	√				√	√
陳垚澤			√	√	√			√

 

二、項目的需求分析

   寵物現在可以說是與我們的生活息息相關的，我們的生活中已經離不開寵物了，所以也離不開寵物店，人們對寵物是越來越寵愛，也促使人們對寵物店的要求越來越高，所以在這樣一個強大的市場需求下，寵物店網站也就應運而生。

 

 

 

 

 

三、項目功能架構圖

 

 

 

 

 

四、主要功能流程圖

 

 

 

 

五、系統模塊說明

    4.1 系統模塊列表

	1	2	3	4	5	6	7	8
模塊	header	top	advantagess	images	lorems	liuyan	nav	service

 

    4.2 各模塊詳細描述

 4.2.1Header模塊

  該模塊是首頁的簡介和網頁內的一些內容，后面的聯系方式也是放在這個模塊里邊。

 

 

 

 

 

 

 

 

關鍵代碼：

<div class="header">    
     <div class="header-top">
      <div class="wrap">
              <div class="logo">
              <h1><a href="/">dog</a></h1>
           </div>
           <div class="menu">
                   <ul>

 

<div class="contact-left">
   <h2>聯系方式</h2>
   <div class="contact-left-grid">
      <div class="contact-left-grid-pic">
                           <span >{{h.6.title}}:</span>
      </div>
      <div class="contact-left-grid-info">
         <h5>{{h.6.content}}</h5>
      </div>
      <div class="clear"> </div>
   </div>
   <div class="contact-left-grid">
      <div class="contact-left-grid-pic">
          <span >{{h.7.title}}:</span>
      </div>
      <div class="contact-left-grid-info">
         <h5>{{h.7.content}}</h5>
      </div>

 

4.2.2 Top模塊

Top模塊是首頁中第二部分的大家比較喜愛的幾種狗狗的圖片和介紹。

關鍵代碼：

<div class="col_1_of_header span_1_of_header">
   <img src="../static/images/{{ h.0.img}}" alt=""/>
   </div>

<div class="col_1_of_header span_1_of_header">
   <h3>{{h.0.title}}</h3>
   <p> {{ h.0.content }}</p>

 

t = Top.objects.all()

 

 

4.2.3  Lorems模塊

這個模塊則是首頁中寫的與狗狗的趣事

 

 

 

 

關鍵代碼：

<h4>日常新鮮事</h4>
         <div class="wrapper marTop1">

 

   <div class="date_section">
      <time datetime="2013-01-01">
         <span class="day">{{l.0.day}}</span>
         <span class="month">{{l.0.month}}</span>
      </time>
   </div>

 

4.2.4  Nav模塊

顧名思義這是導航欄的模塊

 

 

 

 

 

 

 

 

關鍵代碼：

 {% for i in a %}
<li class=""><a href="{{ i.url }}">{{ i.name }}</a></li>
{% endfor %}

 

4.2.5 Images模塊

  該模塊是首頁中關於大家比較喜愛的一些小狗的圖片與簡介。

 

 

 

 

關鍵代碼：

 <div class="wrap">
   <h5><span>是我們</span></h5>
   <div class="container">
   <ul id="filters" class="clearfix">
      <li><span >more</span></li>
   </ul>
   <div class="clear"></div>
             {% for i in im %}
    <div id="portfoliolist" style="     " class="">
      <div class="portfolio logo1 mix_all" data-cat="logo" style=" ">
         <div class="portfolio-wrapper">
            <div class="gallery">
            <a href="../static/images/{{ i.img }}" class="flipLightBox-1">
               <img src="../static/images/{{ i.img }}" alt="Image 2" style="top: 0px;">
            </a>
            </div>
         </div>
      </div>
</div>
             {% endfor %}

 

4.2.6  liuyan模塊

liuyan模塊是關於頁面中顧客對咱們店鋪的話和建議。

 

 

 

關鍵代碼：

<div class="grid_6">
    <div class="box-4 clearfix">
        <img src="../static/images/{{ly.1.img}}" alt="" class="img-ind">
        <div class="extra-wrap">
            <div class="inside">
                <h3>{{ly.1.name}}</h3>
                <div><span class="quote"></span><a  class="a-hov">{{ly.1.content}}</a>”</div>
                <span class="arrow"></span>
            </div>
        </div>
    </div>
</div>

 

4.2.7  service模塊

這個模塊則是在圖庫網頁中我們對自己店鋪的介紹和店內安全措施。

 

 

 

關鍵代碼：

<h2>我們的服務</h2>
</div>
    <div class="section group">
                 {% for i in s %}
   <div class="grid_1_of_4 images_1_of_4">
      <a href="../static/images/{{ i.img}}" class="swipebox" title="Image Title"> <img src="../static/images/{{ i.img}}" alt=""><span class="zoom-icon"></span> </a>
      <div class="service-box">
         <h4>{{i.title}}</h4>
         <p>{{i.cont}}</p>
      </div>
   </div>
                 {% endfor %}

 

4.2.8  Advantagess模塊

最后這個模塊是狗狗的優點

 

 

關鍵代碼：

<h4>優點</h4>
             {% for i in adv %}

      <ul class="grid_no">

   <li class="grid_1">
       <div class="count">{{i.id}}</div>
       <div class="extra_wrapper">
         <div class="text2"><a >{{i.title}}</a></div>
         <span class="text1">{{i.content}}</span>
       </div>
       <div class="clear"></div>
                </li>

             {% endfor %}

 

4.2.9  statistics模塊

統計2019年大家比較喜愛的幾種寵物

 

 

 

 

 

關鍵代碼：

</ul>
               <div class="clear"></div>
                </div>
           <div class="clear"></div>
       </div>
   </div>
   <div class="header-bottom" >
        <div class="wrapper">
               <p align="center">2019年寵物喜好統計圖</p>
               <img src="../static/a.png" >
            </div>
   </div>
</div>

六、項目總結

  5.1 特點

該網站從寵物主人的視角出發，讓顧客可以放心把寵物寄養在我們店里，也可以讓不了解小狗的人們對寵物狗有着更深的了解並喜歡上它們。

  5.2 不足之處

由於能力不足，網站過於簡陋，許多功能還不完善，需要多加修改。