Элементүүдийн багцийг агуулах төрлүүдийн нэг болох жагсаалт төрлийг авч үзье. Өгөгдлийн багцийн боловсруулалтад хамгийн ихээр ашиглагддаг төрөл бол жагсаалт буюу list гэхэд хэтрүүлэг болохгүй.

Жагсаалттай ажиллах

Жагсаалтыг зарлахдаа [] хаалтыг ашиглана.  

5- р нүдэнд бүхэл тооноос бүрдсэн элементүүдтэй int_list жагсаалтыг үүсгэн утгуудыг олгосон. Жагсаалтын элементүүд өөр өөр төрлийнх байж болохыг 2 - р нүдний жишээ харуулсан. Практикт ихэнх тохиолдолд жагсаалт нэг төрлийн буюу ижил төрөлтэй өгөгдлүүдийг агуулж байдаг. Жагсаалтын уртыг мэдэхдээ len дотоод функцийг ашиглахыг 3 -р нүдний жишээ харуулна. Жагсаалтын элементэд индексээр нь хандах боломжтойг 6 -р нүдний жишээнд харуулсан. Мөрийн адилаар сөрөг индекс ашиглан жагсаалтын эцсээс хандаж болно.

Бодит ажилд нэг чиглүүлэгчээр шилжсэн хуудаснаас тухайн чиглүүлэгчид агуулагдах давхар чиглүүлэгчээр дамжин шинэ хуудас нээх хэрэгцээ их гардаг. Жишээ нь машины мэдээллийг харуулж буй Car компонентийн үзүүлж буй хуудаснаас тухайн машины талаар илүү дэлгэрэнгүй мэдээллийг харуулах хуудаст шилжих хэрэгтэй болсон гэе. Үүнийг VueJs -д давхар чиглүүлэгчийг ашиглан хийдэг. Car компонентоос өөр хуудаст шилжилт хийх гэж байгаа тул түүний шаблонд

<template>
  <div>
    <h1>Car id {{ id }}</h1>
    <button class="btn btn-sm btn-primary mb-2" @click="backToCars">Back</button>
    <br>
    <button class="btn btn-info mt-2">Full info</button>
  </div>
</template>

дахин нэг товчийг нэмэн өгье.

Жич: Хичээлийн материалийг ойлгохын тулд өмнөх хичээлүүдийг үзсэн байх хэрэгтэйг сануулахын дээр Vuejs фреймворкийн үндсэн ойлголтууд хичээлийн багцыг үзэхийг зөвлөе.

Мөрийн талаар тодорхой ойлголттой болсон тул Өгөгдлийн төрлүүд хичээлд үзээгүй Python -ий байт гэдэг төрлийн тухай авч үзье. Мөрүүд янз бүрийн тэмдэгтийн кодоор илэрхийлэгдэж болох талаар өмнө нь дурдаж байсан. Ямарч өгөгдлүүд компьютерт эцсийн дүндээ хоёртын системийн 0, 1 цифрүүдээр илэрхийлэгддэг. Иймээс мөрийг бүрдүүлдэг компьютерийн тэмдэгт бүрд кодийн системийн хүснэгтэд тоон кодийг олгосон байдаг. Кодийн хүснэгтүүд олон ч тодорхой стандартуудад хуваагддаг. Кодийн системүүд нэг тэмдэгтийг янз бүрийн уртаар буюу байтаар тодорхойлдог. Жишээ нь тэмдэгтийн ascii системийн хүснэгтэд тэмдэгтийг 7 битээр илэрхийлэх бөгөөд нийтдээ 128 тэмдэгтийг тодорхойлдог.

Програмын ажиллагааны логикийн салаалалтыг харьцуулалтын операторуудгүйгээр төсөөлөх боломжгүй. Програмчлалын аль ч хэл дээр ямарч програмын кодчлолыг хийхэд харьцуулалтын операторууд зайлшгүй хэрэгтэй болдог тул эдгээрийг ашиглаж сурсан байх шаардлагатай. Хичээлээр харьцуулалт хийх суурь зарчмуудыг авч үзье.

Өмнөх хичээлүүдэд бид хоёр хуудсыг үүсгээд тэдгээрт шилжих чиглүүлэгчийг (router) тохируулаад байгаа. Энэ удаад динамик чиглүүлэгчийг хэрхэн хэрэглэхийг авч үзье. Үүний тулд дараах тохиолдлыг авч үзье. Програмын Cars хуудаст машинуудын жагсаалтыг үзүүлэхээр болгон

<template>
  <div>
    <h1>Cars page</h1>
    <ul>
      <router-link 
        tag="li" 
        v-for="car in 5" 
        :to="'/car/' +car"
        :key=car 
      >
        <a>Car {{car}} </a>
      </router-link>
    </ul>
  </div>
</template>

гэж өөрчилье.

Мөрийн хэвжүүлэлт бол тусдаа сэдэв. Мөрүүдийг нийлүүлэн ажиллах боломжтой хэдий ч мөр агуулсан том хэмжээний массивтай ажиллахад ийм арга маш эвгүй. Функц, хувьсагчуудтай ажиллаж эхлэх үедээ та мөрүүдийг хэвжүүлэх тусгай механизм байх хэрэгтэйг ойлгох болно. Мөрийг хэвжүүлэх энгийн зарчим бол мөр дотор placeholder буюу орлуулагчийг тодорхойлох юм. Жишээ нь

Мөр үүсгэх, түүнд тусгай тэмдэгтүүдтийг escape дарааллыг ашиглан оруулах, мөрийн индексүүд, хийгдэх үйлдлүүдийн суурь зарчмуудтай Мөр хичээлээр танилцсан. Python програмчлалын олон загварчлалыг агуулсан хэл тул түүний энгийн төрлүүд ч классын хувь буюу обьект байдаг. Мөр төрлийн обьекттой ажиллах ажиллагааг хөнгөвчлөх олон тооны арга, функцууд байдагийг Jupyter Notebook -дээр харцгаая.

Навигацийг /чиглүүлэгч/ үүсгэх хичээлээр үүсгэсэн цэснүүдээс шилжилт хийхэд сүүлд сонгогдсон цэс аль нь болохыг мэдэхэд хүндрэлтэй байгаа. Иймээс хуудасны идэвхитэй холбоосыг тэмдэглэх классыг хэрхэн оруулан ирэхийг авч үзье. Bootstrap -д сонгогодсон цэсийг тэмдэглэх active гэсэн класс байдгийг цэснүүдийн аль нэгэнд

        <ul class="navbar-nav">
          <li class="nav-item">
            <router-link class="nav-link" to="/">Home</router-link>
          </li>
          <li class="nav-item active">
            <router-link class="nav-link" :to="'/cars'">Cars</router-link>
          </li>
        </ul>

тавин өгөөд хуудсаа хөтөч дээр нээвэл

Програмийн боловсруулалтыг мөр төрлийн хувьсагчгүйгээр төсөөлөхийн аргагүй. Python -ий өгөгдлийн төрлүүд бүгд обьектууд гэдгийг сануулъя.

Мөрийг үүсгэх

Мөрийг дан эсхүл давхар хашилтыг ашиглан хоёр янзаар

зарлаж болно. Мөрийг зарлаж байгаа энэ аргуудад зарчмын ялгаа байхгүй. Гэхдээ мөр өөртөө жишээ нь I'm programmer, Bat is a "beginner" programmer гэх мэтээр дан, давхар хашилтыг агуулж болно.

Роутерийг тохируулах хичээлээр төсөлд Home, Cars хуудсуудыг үүсгэн чиглүүлэгчийг тохируулан бүртгүүлсэн хэдий ч хуудас хооронд шилжихдээ хаягийн мөрөнд шууд бичин өгч байгаа. Иймээс хуудас хоорондын шилжилтийг цэс үүсгэн түүгээр дамжуулан хийе. Та Формын шалгалтын бэлтгэл хичээлийг үзсэн бол төсөлд Bootstrap -ийг суулгасан гэдгийг мэдэж байгаа.