Агуулгын хүснэгт:

Консол хөргөгч: 11 алхам
Консол хөргөгч: 11 алхам

Видео: Консол хөргөгч: 11 алхам

Видео: Консол хөргөгч: 11 алхам
Видео: Хохирогч сэтгэлгээнээс хэрхэн өөрийгөө чөлөөлөх вэ 2024, Долдугаар сарын
Anonim
Консол хөргөгч
Консол хөргөгч

Танд хуучин консол байна уу?

Таны консол зуны улиралд хэт халах вий гэж айж байна уу?

Тэгвэл энэ төсөл танд зориулагдсан болно!

Намайг Thibeau Deleu гэдэг бөгөөд би Howest Kortrijk -ийн мультимедиа, харилцаа холбооны технологийн оюутан.

Энэ төслийн нэрийг 'Console Cooler' гэж нэрлэдэг. Нэрийн хэлж байгаагаар энэ нь консолоо сэрүүн байлгахад туслах төхөөрөмж юм! Хөргөлт нь хайрцагны дээд талд байрлах сэнсээр дамжин хийгддэг бөгөөд энэ нь нэмэлт агаарын урсгалыг бий болгодог.

Энэхүү төсөл нь хуучин консолтой, ялангуяа зуны улиралд маш хурдан халдаг хүмүүст зориулагдсан болно. Та мөн консолын статусыг (өөрөө хийсэн) сайт дээрээс харах боломжтой болно.

Алхам 1: Үндсэн бүрэлдэхүүн хэсгүүд (мэдрэгч ба LCD)

Үндсэн бүрэлдэхүүн хэсгүүд (мэдрэгч ба LCD)
Үндсэн бүрэлдэхүүн хэсгүүд (мэдрэгч ба LCD)
Үндсэн бүрэлдэхүүн хэсгүүд (мэдрэгч ба LCD)
Үндсэн бүрэлдэхүүн хэсгүүд (мэдрэгч ба LCD)
Үндсэн бүрэлдэхүүн хэсгүүд (мэдрэгч ба LCD)
Үндсэн бүрэлдэхүүн хэсгүүд (мэдрэгч ба LCD)

Энэ төхөөрөмжийг бүтээхийн тулд бидэнд яг юу хэрэгтэй вэ?

Гол бүрэлдэхүүн хэсгүүд юу болохыг тоймлон үзье.

  • LDR эсэргүүцэл
  • ML35 температур мэдрэгч
  • Jtron DC 5V 0.23a 3 5 см хөргөх сэнс.
  • PIR Motion мэдрэгч
  • Ultra Sonic мэдрэгч

Энэ алхмын эхлэлийг асуухын тулд би танд хэрэгтэй бүх бүрэлдэхүүн хэсгүүдтэй 2 excel зургийг байрлуулах болно. Гэхдээ би хамгийн чухал хэсгүүдийг дараах алхмуудаар тайлбарлах болно, тиймээс ойлгоход хялбар болно.

Нэгдүгээрт, энэ ажлыг гүйцэтгэхийн тулд бидэнд үндсэн бүрэлдэхүүн хэсэг хэрэгтэй бөгөөд энэ нь дор хаяж 16 ГБ хэмжээтэй micro SD карттай Raspberry Pi юм. Үүнгүйгээр юу ч ажиллахгүй.

Хоёрдугаарт, хайрцгийн доторх температур, консолын төлөв байдлыг харахын тулд чухал параметрүүдийг бүртгэх бүрэлдэхүүн хэсгүүд байдаг бөгөөд үүнд бидэнд температур мэдрэгч, гэрэл мэдрэгч хэрэгтэй болно. Миний энэ төсөлд ашиглах хүмүүс бол:

  • LDR эсэргүүцэл
  • LM35 температур мэдрэгч

Сэнсний хувьд би Jtron DC 5V 0.23a 3 5 см хэмжээтэй хөргөх сэнс ашиглах болно.

Энэ төсөлд нэмэлт бүрэлдэхүүн хэсгүүд байдаг, учир нь тэдгээрийг төсөлд оруулах нь сонирхолтой байсан (миний хувьд хувь хүний хувьд).

Эхний бүрэлдэхүүн хэсэг нь сэнсийг идэвхжүүлэх товчлуур болж ажиллах PIR Motion мэдрэгч юм. Хоёрдахь бүрэлдэхүүн хэсэг нь хайрцаг ба хананы хоорондох зайг хэмжих хэт авианы мэдрэгч юм. Би энэ сүүлчийн мэдрэгчийг ажиллуулсан, учир нь агаар нь хайрцагнаас амархан зугтах нь чухал юм.

Эцэст нь бидэнд сайтын IP хаягийг харуулах LCD дэлгэц байгаа бөгөөд энэ сайт нь мэдрэгчийн утгыг харуулах бөгөөд та энэ сайтаас сэнсийг удирдах боломжтой болно.

Алхам 2: Хэлхээг ажиллуулах зүйлс (транзистор, резистор, …)

Хэлхээг ажиллуулах зүйлс (транзистор, резистор, …)
Хэлхээг ажиллуулах зүйлс (транзистор, резистор, …)
Хэлхээг ажиллуулах зүйлс (транзистор, резистор, …)
Хэлхээг ажиллуулах зүйлс (транзистор, резистор, …)
Хэлхээг ажиллуулах зүйлс (транзистор, резистор, …)
Хэлхээг ажиллуулах зүйлс (транзистор, резистор, …)

Энэхүү төслийг хэрэгжүүлэхийн тулд дараахь транзистор / резисторыг ашигласан.

Транзистор:

NPN транзистор: PN2222 (1 шаардлагатай)

Эсэргүүцэл:

  • 10 к ом (3 шаардлагатай)
  • 1 к ом (2 шаардлагатай)
  • 2 к ом (2 шаардлагатай)

Эрчим хүч:

Breadboard цахилгаан модуль 3V / 5V (1 шаардлагатай)

Кабель:

  • эрэгтэй/эрэгтэй (дор хаяж 30-40)
  • эмэгтэй/эрэгтэй кабель (LCD, LDR, сэнсний хувьд ойролцоогоор 10-20 орчим)
  • эмэгтэй/эмэгтэй кабель (хэрвээ та зарим кабелийг өргөтгөхийг хүсвэл 10-20 орчим).

Бусад:

  • 1 потенциометр (LCD дээрх гэрлийн зохицуулалтын хувьд)
  • 1 MCP3008 (LDR аналог утгыг тоон утга болгон хөрвүүлэх)
  • Бүгдийг байрлуулах 2 талхны самбар.

Алхам 3: Тайлбар бүхий утаснуудын схем

Энэ алхам нь өмнөх үеийн өргөтгөл юм. Энд би консолыг сэрүүн болгох цахилгаан утаснуудын бүрэн схемийг үзүүлэх болно. Бүх зүйлийг хэрхэн холбохыг харахын тулд хавсаргасан файлууд дээр дарна уу.

Алхам 4: Тохиолдол: бүрэлдэхүүн хэсгүүд

Кейс: бүрэлдэхүүн хэсгүүд
Кейс: бүрэлдэхүүн хэсгүүд
Кейс: бүрэлдэхүүн хэсгүүд
Кейс: бүрэлдэхүүн хэсгүүд
Кейс: бүрэлдэхүүн хэсгүүд
Кейс: бүрэлдэхүүн хэсгүүд

Мэдээжийн хэрэг, энэ цахилгаан хэлхээг ажиллахаа больж болзошгүй янз бүрийн хүчнээс хамгаалах шаардлагатай. Хүчээр би бороо, төхөөрөмж рүү цохиж болзошгүй объект гэх мэт зүйлийг хэлдэг.

Ийм учраас хэрэг үүсгэх шаардлагатай байна.

Энэ хэргийг үүсгэхийн тулд бидэнд дараах бүрэлдэхүүн хэсгүүд хэрэгтэй болно.

Мод:

  • Дараах хэсгүүдийг таслахын тулд нэг том ширхэгтэй самбар (1.2 см зузаан).

    • 20 см -ийн 14 см хэмжээтэй 2 ширхэг (хэргийн урд / хойд)
    • 12 см -ээр 45 см хэмжээтэй 2 ширхэг (хэргийн талууд)
    • 45 см -ийн 20 см хэмжээтэй 2 ширхэг (хэргийн дээд / доод)
    • 2 баар (хайрцгийн хөл болгон ашиглах)

Нугас:

  • Урд хэсгийг нээх 2 нугас (нугас нь урд талын доод талд байна)
  • Дээд талыг нээх 2 нугас

Бариул:

1 бариул (урд хэсгийг нээх)

Цавуу:

1 том TEC цавуу хоолой (хэсгүүдийг хооронд нь наалдуулах)

Харсан:

Атлантын хөрөө (мэдрэгч, LDR, сэнсний шаардлагатай хэсгүүдийг таслах)

Сандер:

Black & Decker хэсгүүдийг хайчилж авсны дараа тэгшхэн болгоно

Өрөм:

0.6 см диаметртэй шураг бүхий 1 өрөм (нүх гаргах)

Будаг / праймер:

  • 1 сав цагаан Левис праймер (0.25л)
  • 1 сав цагаан Левис будаг (0.25л)

Соронзон:

2 соронз (хайрцгийн хаалгыг барих болно)

Бийр:

  • 1 галзуу (том гадаргууг будах зориулалттай)
  • 1 сойз (дэлгэрэнгүй мэдээллийг)

Шураг:

  • Нугасны 8 жижиг эрэг (хавтан нь 1.2 см зузаантай тул хамгийн ихдээ 1.1 см урт)
  • Бариулын 2 жижиг эрэг (хамгийн ихдээ 1.1 см урт)
  • Соронзонд зориулсан 4 жижиг эрэг (хамгийн ихдээ 1.1 см урт)

Алхам 5: Кейс: Бүтээл

Кейс: Бүтээл
Кейс: Бүтээл
Кейс: Бүтээл
Кейс: Бүтээл
Кейс: Бүтээл
Кейс: Бүтээл

Одоо хэргийг шийдвэрлэх цаг болжээ.

  1. Хэргийн дээд хэсгийн хувьд. Хавтанг хагасаар нь хайчилж ав, учир нь арын талыг нь онгойлгох шаардлагатай бөгөөд ингэснээр бид мэдрэгч/электроник руу орох боломжтой болно
  2. Шилэн хавтангийн хэсгүүдэд дараахь нүхийг хайчилж ав- Хажуугийн урд талд. 3 нүх хайчилж ав: - 1 тэгш өнцөгт нүх (LCD дэлгэц дээр 3.5см дээр 6.8 см) - 1 тойрог нүх (сэнсний хувьд 2.5 см диаметртэй) - 1 дөрвөлжин нүх (2.5 см дээр PIR хөдөлгөөн мэдрэгчийн хувьд 2.5см)
  3. Арын хэсэгт дугуй хэлбэртэй нүх хайчилж ав. Эндээс цахилгаан кабель дамжих болно.
  4. Жижиг нүхийг өрөмдөж, ар талд нь 0.6 см диаметртэй шураг (кабелийн нүхний эргэн тойронд) ба хайрцгийн зүүн талд өрөмдөнө. Бид үүнийг хийснээр агаарын эргэлт хангалттай байх болно.
  5. Хэргийн баруун талд. Ultra sonic мэдрэгчийн арын нүхийг (3.5 см дээр 5.5 см) хайчилж ав (энэ нь зөв ажиллах боломжтой).
  6. Бүх хэсгүүдийг TEQ цавуугаар наа. Шаардлагатай бол хэргийн хажуу талыг бэхжүүлэхийн тулд та fiberboard баар нэмж болно. Эдгээр баарыг хайрцагны дотор байрлуул
  7. Хэргийн урд талын бариулыг шургуул. Үүнийг урд талын дээд хэсэгт шургуулна уу (бидний 3 цооног хийсэн дээд хэсэг биш => шаардлагатай бол тодруулахын тулд зургуудыг үзнэ үү).
  8. Хэргийн баруун талд (ар талд) 2 нугас (4 эрэг) шургуулж, арын дээд талыг нээнэ.
  9. Урд талын доод хэсэгт 2 нугас (4 эрэг) шургуулж, хэргийн урд талыг нээнэ.
  10. Хайрцагны дотор талын соронзыг шургуул:- Дотор талын дээд хэсгийн урд талд 2 соронз

    - Урд хэсгийн дээд талд 1 металл хэсэг байх тул соронзтой холбоно

  11. Корпусын доод хэсэгт шилэн хавтангийн баарыг нааж, урд хэсгийг нь бариулаар амархан нээнэ.
  12. Кейс дээр праймер нэмнэ
  13. Хайрцаг дээр цагаан будаг нэмнэ
  14. Баяр хүргэе! Таны хэрэг дууссан!

Алхам 6: Бүрэлдэхүүн хэсгүүдийг хайрцагт байрлуулах

Бүрэлдэхүүн хэсгүүдийг хайрцагт байрлуулах
Бүрэлдэхүүн хэсгүүдийг хайрцагт байрлуулах

Бүрэлдэхүүн хэсгүүдийг уг хайрцагт байрлуулахын тулд дараахь зүйлийг хийнэ.

  1. LCD болон сэнс нь гадна талын нэг хайрцагны дээд талд шураг болно.
  2. PIR хөдөлгөөн мэдрэгчийг корпусын дотор талд наалдуулах болно.

Бид үүнийг хөдөлгөөн мэдрэгчийн хувьд бус харин бусдын төлөө хийх болсон шалтгаан нь хөдөлгөөн мэдрэгчийг тасралтгүй бүртгэхээс урьдчилан сэргийлэх явдал юм.

Талхны тавцанг (ихэнх электрон төхөөрөмжүүд дээр) хайрцгийн дотор наасан байх бөгөөд ар талд нь байрлуулна. De Ultra sonic мэдрэгч нь баруун талын нүхээр харагдаж байгааг анхаарна уу.

Raspberry Pi -ийг хэргийн урд талд байрлуулах болно. Pi бол хөргөх шаардлагатай консол тул үүнийг наах/шургуулах шаардлагагүй (учир нь бид үүнийг жинхэнэ консолоор хийхгүй).

Алхам 7: Raspberry -г тохируулна уу

Бөөрөлзгөнө тохируулах
Бөөрөлзгөнө тохируулах

Кодлохоос өмнө бид зөв орчныг тохируулах хэрэгтэй.

Үүнийг яаж хийх вэ? Raspberry pi -ийн raspbian buster зургийг татаж аваад Win 32 дискний дүрс ашиглан бөөрөлзгөнө дээр бичээрэй. Pi дээр зураг бичиж эхлэхээсээ өмнө Raspberry Pi дээрх SSH-ийг идэвхжүүлэхийн тулд зураг дээр SSH файл (өргөтгөлгүйгээр) үүсгэсэн эсэхээ шалгаарай.

Pi дээр тохируулах

Үүнийг хийсний дараа та бөөрөлзгөнө дээрээ шаваас ашиглан нэвтэрч, үүнийг зөв тохируулах боломжтой болно. Та Pi -ээ компьютер дээрээ ethernet кабелиар холбох хэрэгтэй болно гэдгийг санаарай.

Pi -ийн анхдагч хэрэглэгч болон нууц үг дараах байдалтай байна.

хэрэглэгч: pi

нууц үг: бөөрөлзгөнө

Та үүнийг raspi-config ашиглан өөрчилж болно.

Бид таны Pi дээр сүлжээ нэмэх ёстой бөгөөд ингэснээр бусад төхөөрөмжүүд нэг сүлжээнд байгаа үед таны сайтыг үзэх боломжтой болно. Шаваас дээр дараах тушаалуудыг оруулна уу.

  1. sudo iw dev wlan0 scan | grep SSID
  2. wpa_passphrase "NAMEOFYOURNETWORK"

    Сүлжээнийхээ нууц үгийг оруулна уу

  3. sudo нано /etc/wpa_supplicant/wpa_supplicant.conf
  4. sudo дахин ачаална уу
  5. ifconfig (таны wifi -ийн тохиргоо ажилласан эсэхийг шалгахын тулд)

Pi интернетэд холбогдсон үед та дараах тушаалуудыг ашиглан Pi -гээ шинэчилж байгаа эсэхийг шалгах хэрэгтэй болно.

  • sudo apt-get update
  • sudo apt-get шинэчлэлт

Үүний дараа та raspi-config эсвэл команд ашиглан төслийн багцыг идэвхжүүлэх эсвэл суулгах боломжтой болно. Бид raspi-config-ийн тухай ярьж байгаа тул бөөрөлзгөнө нэг утас мэдрэгчийг уншихын тулд энд нэг утастай холболтыг идэвхжүүлж болно. Интерфэйсийн сонголтууд руу очоод нэг утсыг сонгоод идэвхжүүлэх товчийг дарна уу. Та мөн SocketIO -ийг дараах байдлаар суулгах хэрэгтэй болно.

pip колбо-сокетийг суурилуулах

Бид интернеттэй болсон тул мэдээллийн баазаа бүрдүүлэх шаардлагатай байна. Гэхдээ эхлээд бид MariaDB дээр ажиллахын тулд MariaDB (pi дээр) болон Mysql Workbench (компьютер дээр) татаж авах хэрэгтэй.

Алхам 8: PC -ийг тохируулах

Pc -ийг тохируулах
Pc -ийг тохируулах
Pc -ийг тохируулах
Pc -ийг тохируулах
Pc -ийг тохируулах
Pc -ийг тохируулах

Mysql ажлын ширээ

Бүх зүйлийг суулгасны дараа бид Mysql Workbench -ээр дамжуулан MariaDB -ийг компьютер дээрээ авах боломжтой.

Бид шинэ мэдээллийн сан үүсгэх үед дээрх мэдээллийн баазыг дээрх зураг шиг ('raspi' холболттой нэртэй) тохируулах хэрэгтэй. Бид энэхүү мэдээллийн санг тохируулах явцад өгөгдлийн сан болон бөөрөлзгөнө хоёулангийнх нь хэрэглэгчийн нэр / нууц үг хэрэгтэй болно. Анхдагч хэрэглэгч болон нууц үг нь өгөгдлийн санд 'mysql' / 'mysql', Pi дээр 'pi' / 'rapsberry' байна. Холболтын анхааруулга байгаа бол 'Үргэлжлүүлэх' дээр дарна уу.

Visual Studio код

Бидэнд хэрэгтэй өөр програм хангамж бол Visual Studio Code юм.

Суулгасны дараа та дараах өргөтгөлийг суулгах хэрэгтэй.

Энэхүү өргөтгөл нь pi програмуудаа компьютер дээрээ бичих боломжийг олгодог. Үүнийг суулгасны дараа дараахь зүйлийг хий.

  1. SSH гэж бичээд F1 товчийг дарна уу
  2. Алсын зайнаас сонгоно уу: шинэ SSH хост нэмнэ үү
  3. Дараах өгөгдлийг оруулна уу

    ssh 169.254.10.1 -А

  4. Enter дарна уу

Үүний дараа та бөөрөлзгөнө pi -тойгоо холбогдоно.

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

Алхам 9: Кодчилол эхэлье

Кодлох эхлэлийг тавь
Кодлох эхлэлийг тавь

Тоног төхөөрөмж бэлэн болсон тул програм хангамжийг эхлүүлэх цаг болжээ.

Эхлэхээсээ өмнө бид файлуудынхаа бүтцийг нэмж эхэлнэ. Энэ тохиолдолд бид урд талын, арын болон мэдээллийн сангийн хавтас үүсгэх болно. Хэрэв энэ нь ойлгомжгүй мэт санагдаж байвал бүх файлын хамт миний Git репозиторийн линк байх болно (дараагийн алхамуудад). Шаардлагатай бол та тэндээс файлуудыг хүлээж авах боломжтой.

Одоо бид ямар нэгэн бүтэцтэй болсон болохоор кодчилол хэрхэн үргэлжлэх талаар товч тойм өгөх болно.

1. Мэдээллийн бааз үүсгэхБид мэдрэгчийнхээ үнэ цэнийн мэдээллийн санг бий болгохыг хүсвэл бидэнд өгөгдлөө хадгалах сайн загвар хэрэгтэй болно. Бид ийм загвартай болсны дараа бид энэ загварыг инженерээр дамжуулж мэдээллийн сангаа бүрдүүлж чадна. Mysql Workbench дээр ажиллах загварыг бүтээхийн тулд энэ алхам дээрх дүрсийг шалгаад загвар хэрхэн харагдахыг харна уу.

загвар / урагшлах инженерийг бий болгохын тулд дараахь зүйлийг хий.

  • Загвар үүсгэхийн тулд файлыг дарна уу (зүүн талд)
  • Шинэ загварыг дарна уу
  • Нэмэлт мэдээлэл авахыг хүсвэл дараах линк дээр дарна уу
  • Урагшлах инженерчлэлийн хувьд загварыг дарна уу
  • Хэвлэлийн инженер
  • Процесс дуустал yes/үргэлжлүүлэх товчийг дарна уу.

2. Арын төгсгөл

Арын төгсгөл нь бүх төхөөрөмж, мэдрэгчийг кодлох газар байх болно. Энэ нь бүрэлдэхүүн хэсгүүдийн код болон үндсэн код (app.py) агуулсан туслах ангиудын хооронд хуваагдах болно.

Мэдээллийн сангийн файлууд мөн энэ фолдерт байх болно, учир нь арын хэсэг нь мэдээллийн сангаас datarepository.py файлыг репозиторын фолдерт авдаг. Config.py файл нь арын хэсгийг мэдээллийн баазтай холбоход зориулагдсан болно.

3. Урд хэсэг

Урд хэсэг нь сайтын зориулалттай. Энэ фолдер нь HTML/CSS/JAVA кодыг агуулна. Энэ сайт нь таны Rapsberry Pi -ийн IP -ээр дамжуулан боломжтой байх ёстой. Хэрэв таны pi дараах IP хаягтай бол: 192.168.0.120, та энэ IP хаягаар дамжуулан өөрийн сайтад зочилж болно. Хэрэв та pi -ийнхээ IP хаягийг мэдэхийг хүсвэл 'ip a' гэж шаваасаар оруулаад WLAN0 хаягийг харах боломжтой.

Алхам 10: Арын хэсэг

Өмнөх алхамд дурдсанчлан, арын хэсэг нь бүх кодыг бүрэлдэхүүн хэсгүүдэд зориулж бичсэн болно. Миний дурдаагүй зүйл бол өгөгдлийн сангаас өгөгдлийг хэрхэн яаж авах, манай сайтын урд хэсэгт хэрхэн илгээх тухай байв.

Үүнийг хийхийн тулд дараах алхмуудыг хийх ёстой.

  1. Өгөгдлийн санд өгөгдөл авах/шинэчлэх/оруулахын тулд mysql хүсэлтийг үүсгээрэй. Эдгээр асуулгыг агуулсан файл нь Datarepository.py файл юм. Database.py файл нь өгөгдлийн сантай харилцах бөгөөд datarepository.py -с авсан хүсэлтийг ашиглан хүссэн өгөгдлөө авах болно. Та өөрийн мэдээллийн санд холбогдох боломжтой эсэхийг шалгахын тулд тохиргооны файл нь байгаа эсэхийг шалгаарай. таны мэдээллийн сантай ижил нууц үг / хэрэглэгч. Мөн зөв мэдээллийн санг сонгосон эсэхийг шалгаарай.
  2. Өгөгдлийн сантай холбоо тогтоож чадсаны дараа бид маршрут үүсгэх хэрэгтэй (app.route (төгсгөлийн цэг …)). Энэ зам нь урд болон хойд талын хоорондох холболт юм. Өөр нэг холболт бол Socketio юм.
  3. Энэ төслийг ажиллуулахын тулд бүх зөв номын санг (app.py дотор) оруулахаа мартуузай. Хэрэв та миний app.py -д ямар номын сан ашигласан болохыг мэдэхийг хүсвэл та миний github -ийг харах боломжтой.

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

Алхам 11: Frontend

Урд хэсэг
Урд хэсэг
Урд хэсэг
Урд хэсэг
Урд хэсэг
Урд хэсэг

Урд талд нь байдаг

3 html хуудас:

  • home.html
  • гэрэл.html
  • температур.html

3 css файл:

  • screen.css (энэ бол манай сургуулийн надад өгсөн файл юм.)
  • normalize.css (энэ нь янз бүрийн хөтөч дээр CSS -ийг хэрэгжүүлэхэд тусалдаг.)
  • main.css (html хуудасны үндсэн CSS-ийг агуулдаг.)

2 JavaScript файлууд:

  • app.js (өгөгдлийг ар талаас нь авч, урд талд нь байрлуулах болно.)
  • datahandler.js (энэ нь арын хэсгийн өгөгдлийг зохицуулах бөгөөд ингэснээр app.js түүнтэй ажиллах боломжтой болно.)

Би github -ийнхээ линкийг энд оруулах болно.

Зөвлөмж болгож буй: