АУСистем хийцгээе. Хичээл 7

Бид АУСистемийнхээ үндсэн класс, хэрэглэгч болон админ талын скриптүүд, баазаа үүсгээд байгаа. Одоо сайтын хэв буюу темплейт хэсгийг кодлох ажилдаа орох цаг болсон. Ингээд энэ хичээлээр хэрэглэгчийн талын хэсгийн хэвийг үүсгэх ажлыг хийх болно.

Оруулан ирэх файлууд.

Манай системийн хуудаснуудын толгой, хөл хэсгүүд бүх хэсэгт ижилхэн байхаар төлөвлөсөн. Энэ нь бичигдэх кодыг бага болгохын дээр сайтын темплейтийн стандарт хэсгийг хэрхэн боловсруулж ашиглахыг харуулах зорилготой. Сайтын үндсэн хавтаст templates нэртэй хавтас үүсгээд түүн дотроо include нэртэй хавтасыг үүсгэнэ.

include хавтаст сайтын бүх хуудаст ижилхэн байх толгой болон хөл хэсгийг хадгална. Ингэснээр эдгээрийг манай АУСистемийн бүх хэвэнд оруулан ирэх боломжтой болно. include хавтаст header.php нэртэй файл үүсгээд доорх кодыг оруулан өгнө.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title><?php echo htmlspecialchars( $results['pageTitle'] )?></title>
    <link rel="stylesheet" type="text/css" href="style.css" />
  </head>
  <body>
    <div id="container">

      <a href="."><img id="logo" src="images/logo.jpg" alt="Сонин мэдээ" /></a>

Энэ код HTML хуудасны эхлэлийг гаргана. meta тегид хуудасны кодчлол utf-8 байхыг заан өгөх хэрэгтэй. Ингэснээр кирил үсгүүдийг зөв харагдуулах болно. Үндсэн (index.php эсхүл admin.php) скриптээс дамжуулах $results['pageTitle'] хувьсагчаар title тегид хуудасны гарчгийг заан өгсөн. Бас style.css хэвийн хүснэгтийн файлыг оруулан ирэхийг заасан байгаа. Хэвийн хүснэгтийн файлыг бид арай хожуу хийн өгөх болно. $results['pageTitle'] хувьсагчийн утгыг htmlspecialchars() функцээр дамжуулан өгч байгааг анхаарна уу. Энэ функц нь (<, >, & гэх мэтийн) HTML-ийн тусгай тэмдэгтүүдийг тэдгээртэй харгалзах (&lt;, &gt; &amp; гэх мэтийн) утгуудаар солин өгдөг. Өмнөх хичээлүүдэд үзсэн Article классын оролтын мэдээлэлд шүүлт хийх, гаралтыг кодлох энэ аргууд нь сайтын аюулгүй байдлыг сайжруулах сайн аргууд байдаг. Бид манай хэвүүдийн бараг бүх өгөгдлүүдийг ийм байдлаар кодлох болно.
Одоо include хавтаст footer.php нэртэй файл үүсгээд доорх кодыг оруулан өгнө.

      <div id="footer">
        Сонин мэдээ &copy; 2015. <a href="admin.php">Сайтын админ</a>
      </div>

    </div>
  </body>
</html>

Дээрх код манай системийн HTML хуудас бүрийг дуусгаж байх юм. Сүүлийн гурван мөрөөр container, body, html дивүүд хаагдаж байгаад анхаарна уу. Бид эдгээр файлуудыг үндсэн хэвийн файлын өмнө ба сүүл хэсэгт оруулж ирснээр хуудсыг бүрдүүлнэ гэдгийг ойлгосон байх.

Нүүр хуудасны хэв homepage.php

Одоо templates хавтас дотроо homepage.php файлыг үүсгээд доорх кодыг оруулан өгөөрэй.

<?php include "templates/include/header.php" ?>

      <ul id="headlines">

<?php foreach ( $results['articles'] as $article ) { ?>

        <li>
          <h2>
            <span class="pubDate"><?php echo date('j F', $article->publicationDate)?></span><a href=".?action=viewArticle&amp;articleId=<?php echo $article->id?>"><?php echo htmlspecialchars( $article->title )?></a>
          </h2>
          <p class="summary"><?php echo htmlspecialchars( $article->summary )?></p>
        </li>

<?php } ?>

      </ul>

      <p><a href="./?action=archive">Мэдээний архив</a></p>

<?php include "templates/include/footer.php" ?>

Энэхүү темплейт нүүр хуудаст мэдээнүүдийг жагсаалт хэлбэрээр гарган ирнэ. Скрипт $results['articles'] хадгалагдаж байгаа Article обьектуудын массивыг циклээр боловсруулж мэдээ бүрийн нийтлэгдсэн огноо, гарчиг, товч агуулгыг хуудаст үзүүлнэ. Мэдээний нэрүүд action=viewArticle параметрыг мэдээний ID -ийг хамтаар үндсэн скриптэд дамжуулах '.' (index.php) холбоос URL -г үүсгэнэ. Ингэснээр хэрэглэгч мэдээний гарчиг дээр даран холбоосоор орон мэдээг бүтнээр нь үзэх боломжтой болно. Үүнээс гадна хэв Мэдээний архивт хандах ("./?action=archive") холбоосыг агуулна. Php кодыг Html дотор оруулах боломжтой байдаг талаар та сайтын PHP хэл хэсгээс мэдсэн гэж найдаж байна.
homepage.php файл болон цаашдаа бүх темплейтүүд PHP include -ийг ашиглан хуудасны толгой болон хөлийг оруулан ирж байгаад анхаарна уу.

Мэдээний архивын хэв archive.php

Мэдээний архивыг үзүүлэх темплейт файлыг templates хавтаст archive.php нэрээр үүсгээд доорх кодыг оруулан өгнө.

<?php include "templates/include/header.php" ?>

      <h1>Мэдээний архив</h1>

      <ul id="headlines" class="archive">

<?php foreach ( $results['articles'] as $article ) { ?>

        <li>
          <h2>
            <span class="pubDate"><?php echo date('j F Y', $article->publicationDate)?></span><a href=".?action=viewArticle&amp;articleId=<?php echo $article->id?>"><?php echo htmlspecialchars( $article->title )?></a>
          </h2>
          <p class="summary"><?php echo htmlspecialchars( $article->summary )?></p>
        </li>

<?php } ?>

      </ul>

      <p>Нийт <?php echo $results['totalRows']?> материалтай.</p>

      <p><a href="./">Нүүр хуудаст буцах</a></p>

<?php include "templates/include/footer.php" ?>

Скрипт нь манай АУСистемд байгаа бүх материалуудыг гаргах хэв. Код homepage.php файлтай бараг ижилхэн. Материалуудын жагсаалтыг нүүр хуудасныхаас өөр хэлбэрээр үзүүлэх үүднээс энд archive гэсэн CSS класс нэмэгдсэн байгаа. Архивт хэдэн жилийн өгөгдлүүд байж болох учраас нийтлэгдсэн огноонд оныг нэмэн оруулсан. Хуудас дээр өгөгдлийн санд байгаа материалуудын нийт тоог $results['totalRows'] элементийг ашиглан үзүүлнэ. Мэдээний архив холбоосын оронд нүүр хуудсын "Нүүр хуудаст буцах" холбоосыг оруулсан.

Мэдээг үзүүлэх хэв viewArticle.php

Хэрэглэгчийн талын сүүлийн темплейт бол хэрэглэгчид мэдээг үзүүлэх хэв юм. Үүний тулд templates хавтастаа viewArticle.php файлыг үүсгээд доорх кодыг оруулан өгнө.

<?php include "templates/include/header.php" ?>

      <h1 style="width: 75%;"><?php echo htmlspecialchars( $results['article']->title )?></h1>
      <div style="width: 75%; font-style: italic;"><?php echo htmlspecialchars( $results['article']->summary )?></div>
      <div style="width: 75%;"><?php echo $results['article']->content?></div>
      <p class="pubDate">Нийтлэгдсэн <?php echo date('j F Y', $results['article']->publicationDate)?></p>

      <p><a href="./">Нүүр хуудаст буцах</a></p>

<?php include "templates/include/footer.php" ?>

Хэв их энгийн кодтой. Энд сонгогдсон материалын гарчиг, товч агуулга, дэлгэрэнгүй агуулга, нийтлэгдсэн огноог гаргаж байгаа. Үүнээс гадна хуудаст нүүр хуудас руу буцах холбоосыг байрлуулсан болно.
Ингээд хэрэглэгчийн талын темплейтүүд бэлэн боллоо. Дараагийн хичээлд бид сервер талуудын хэвүүдийг үүсгэх болно.

Мэдээлэл таалагдсан бол найзуудтайгаа хуваалцаарай.

  Нээгдсэн тоо: 1865 Төлбөртэй

Интернет сайтад тодорхой хугацаанд хичнээн хүн зочилсон, тухайн цаг мөчид хэдэн хүн зочилж байгаа, хуудаст хамгийн сүүлд хэзээ хандалт хийсэн гэх мэтийг мэдэх шаардлага гардаг. Эдгээрийг болон бусад олон асуудлыг шийдэхэд PHP –гийн цаг хугацааны функцуудыг ашиглана.

PHP –н цаг хугацааны онцлогууд.

PHP –д одоо хэдэн цаг болж байгааг мэдэхэд time() функцыг ашигладаг.

<HTML>
<HEAD>
<TITLE>Системийн цагийг гаргах</TITLE>
</HEAD>
<BODY>
<?php
echo time(); // 1258599589 утгатай мэдээлэл гарна
?>
</BODY>
</HTML>

  Нээгдсэн тоо: 4167 Төлбөртэй

Интерфейс гэж юу болох талаар ярихын өмнө Абстракт класс ба аргууд хичээлийг үзэхийг зөвлөж байна. Учир нь абстракт классын талаар ойлгосон байхад интерфейсийг ойлгоход дөхөмтэй байх юм. Яагаад гэвэл интерфейс гэдэг бол бас л абстракт класс. Ойлголтыг дэлгэрэнгүй авч үзье.
Интерфейс гэдгийг зөвхөн абстракт аргуудыг агуулсан абстракт класс гэж ойлгох хэрэгтэй. Зөвхөн абстракт аргуудтай классыг интерфейс гэж нэрлэдэг.

  Нээгдсэн тоо: 1567 Төлбөртэй

Интернет сайтад зочлоход тоолуур, төрөл бүрийн график гэх мэт зүйлүүд их байдаг. Эдгээрийн гол онцлог нь динамик байдлаар ажиллаж байдагт байгаа юм. Энэ хичээлээр бид PHP –гээр динамик зургуудыг хэрхэн үүсгэх талаар авч үзэх болно.
Зураг гэдэг нь цэг бүр нь тодорхой өнгийг агуулж байгаа цэгүүдийн олонлог юм. Өөр хоорондоо шахалтын түвшин, чанар гэх мэт үзүүлэлтээрээ ялгаатай зургийн олон форматууд байдаг. Гэхдээ интернтэд GIF (Graphic Interchange Format), JPEG (Joint Photographic Experts Group), PNG (Portable Network Graphics) гэсэн форматуудыг голлон ашигладаг. Ямар зургийг үзүүлэхээс хамаарч форматыг сонгодог. Олон өнгөний хослолтой фото зургуудад JPEG форматыг ашигладаг бол өнгө багатай жижиг (товч, баннер г.м) зургуудад GIF болон PNG форматыг голлон ашиглах жишээтэй.

  Нээгдсэн тоо: 2311 Төлбөртэй

Энэ хичээлээр бид ОХП-ын дадлагын ажлаа үргэлжлүүлэн хийх болно. Өмнөх хичээл конструктор гэсэн ойлголт дээр ирээд дууссан байгаа. Обьект хандалтад программчлалд классын конструктор гэсэн ойлголт байдаг талаар бид Класс ба обьект хичээлд үзсэн. Конструктор гэж юу болохыг дахин сануулахад
Классын конструктор гэдэг нь обьектыг үүсгэх үед автоматаар дуудагдах тусгай арга юм. PHP -д классын конструктор хоёр доогуур зураас construct (function __construct) гэсэн тусгай нэртэй.

Зочин (Visitor) паттерн классуудыг өөрчлөхгүйгээр тэдгээрийн обьектуудын үйлдлийг тодорхойлох боломжийг олгоно. Зочин хэвийг ашиглахдаа классуудын хоёр ангилалыг тодорхойлно.…

Нээгдсэн тоо : 28

 

Лямбда-илэрхийлэл нь нэргүй аргын хураангуй бичилтийг илэрхийлнэ. Лямбда-илэрхийлэл утга буцаадаг, буцаасан утгыг өөр аргын…

Нээгдсэн тоо : 160

 

Кодийн сайжруулалт /рефакторинг/ хичээлээр програмийн кодоо react -ийн зарчимд нийцүүлэн компонентод салгасан.…

Нээгдсэн тоо : 218

 

Хадгалагч (Memento) хэв обьектын дотоод төлвийг түүний гадна гаргаж дараа нь хайрцаглалтын зарчмыг зөрчихгүйгээр обьектыг сэргээх боломжийг олгодог.

Нээгдсэн тоо : 215

 

Делегаттай нэргүй арга нягт холбоотой. Нэргүй аргуудыг делегатийн хувийг үүсгэхэд ашигладаг.
Нэргүй аргуудын тодорхойлолт delegate түлхүүр үгээр…

Нээгдсэн тоо : 244

 

Математикт харилцан урвуу тоонууд гэж бий. Ямар нэгэн тооны урвуу тоог олохдоо тухайн тоог сөрөг нэг зэрэг дэвшүүлээд…

Нээгдсэн тоо : 240

 

Төсөлд react-router-dom санг оруулан чиглүүлэгчдийг бүртгүүлэн тохируулсан Санг суулган тохируулах хичээлээр бид хуудас…

Нээгдсэн тоо : 320

 

Хуваах нь нэг тоо нөгөө тоонд хэдэн удаа агуулагдаж буй тодорхойлох арифметикийн үйлдэл.
Хуваалтыг нэг бус удаа…

Нээгдсэн тоо : 249

 

Зуучлагч (Mediator) нь олон тооны обьектууд бие биетэйгээ холбоос үүсгэхгүйгээр харилцан ажиллах боломжийг хангах загварчлалын хэв юм. Ингэснээр…

Нээгдсэн тоо : 246

 
Энэ долоо хоногт

илэрхийллийг хялбарчил.

Нээгдсэн тоо : 1353

 

Паралелграмын AB, CD диагналуудын огтлолцлын цэг O бол векторуудын нийлбэрийг ол.

Нээгдсэн тоо : 1514

 

тэгшитгэлийг бод.

Нээгдсэн тоо : 2384