1 00:00:00,000 --> 00:00:00,170 2 00:00:00,170 --> 00:00:03,090 >> СПІКЕР: Давайте поліпшити курси Домашня сторінка, дозволяючи себе 3 00:00:03,090 --> 00:00:06,610 надати користувальницькі назви для кожного з тих, сторінок, так що кожен з них 4 00:00:06,610 --> 00:00:08,780 ні, просто кажучи, CS50. 5 00:00:08,780 --> 00:00:12,550 Щоб зробити це, давайте реалізуємо пару функції, одна називається Рендер заголовок 6 00:00:12,550 --> 00:00:16,410 і одна називається Рендер Footer, що замість Вимагати Один візьме 7 00:00:16,410 --> 00:00:19,330 догляд за надання наш верхні і нижні колонтитули сторінки. 8 00:00:19,330 --> 00:00:20,280 Давайте поглянемо. 9 00:00:20,280 --> 00:00:24,490 >> Усередині index.php зараз, зверніть увагу, що Я вимагаючи новий файл з ім'ям 10 00:00:24,490 --> 00:00:26,070 Helpers.php. 11 00:00:26,070 --> 00:00:28,910 Це там, що мої дві функції будуть визначені. 12 00:00:28,910 --> 00:00:32,960 Нижче цього, зверніть увагу, що я зараз називати що функція візуалізації заголовок. 13 00:00:32,960 --> 00:00:34,830 І я передаю як аргумент. 14 00:00:34,830 --> 00:00:39,040 >> Тип цього аргументу, здається, масив, який в PHP позначається 15 00:00:39,040 --> 00:00:40,370 в квадратні дужки. 16 00:00:40,370 --> 00:00:44,210 Зокрема, цей масив асоціативний масив, оскільки воно 17 00:00:44,210 --> 00:00:49,620 пов'язує ключ, як назва, з значення, як і CS50, а не покладатися 18 00:00:49,620 --> 00:00:51,570 на одних числових індексів. 19 00:00:51,570 --> 00:00:53,820 Нижче, що тепер у нас є мій невпорядкований список. 20 00:00:53,820 --> 00:00:57,180 Але нижче, що, у нас є виклик, щоб зробити Footer, інша функція 21 00:00:57,180 --> 00:00:59,980 який імовірно визначено в Helpers.php. 22 00:00:59,980 --> 00:01:01,500 >> Давайте поглянемо там зараз. 23 00:01:01,500 --> 00:01:06,760 У Helpers.php, зверніть увагу, що у мене є, дійсно, що функція візуалізації Footer 24 00:01:06,760 --> 00:01:11,100 чия мета в житті, мабуть, щоб взяти як аргумент масив 25 00:01:11,100 --> 00:01:12,130 називається даних. 26 00:01:12,130 --> 00:01:15,870 Тепер, якщо користувач не забезпечує явне масив, той факт, що є 27 00:01:15,870 --> 00:01:20,610 знак рівності слідують порожній квадрат дужки означає, що значення за замовчуванням 28 00:01:20,610 --> 00:01:23,410 Даних буде просто порожній масив. 29 00:01:23,410 --> 00:01:27,670 >> Усередині Рендер Footer, зверніть увагу, що я виклику функції під назвою Екстракт. 30 00:01:27,670 --> 00:01:32,170 Екстракт приймає асоціативний масив, як Дані в цьому випадку і для будь-якого 31 00:01:32,170 --> 00:01:37,060 Ключовим у ній, виявляється, що ключ в локальна змінна з тим же ім'ям. 32 00:01:37,060 --> 00:01:41,640 Так що якщо що асоціативний масив був ключ називається Foo, екстракт буде гарантувати, що 33 00:01:41,640 --> 00:01:45,680 тепер у нас є локальна змінна під знак долара Фу, значенням якого є 34 00:01:45,680 --> 00:01:48,140 само, як це було в тому, що асоціативний масив. 35 00:01:48,140 --> 00:01:52,890 >> Нарешті, я називаю Вимагати footer.php, яка як убік, виглядає 36 00:01:52,890 --> 00:01:54,900 досить просто подобається. 37 00:01:54,900 --> 00:01:59,390 Тепер повернемося в Helpers.php, помітити, що ми також Рендер заголовок, чий 38 00:01:59,390 --> 00:02:02,610 Аргумент такий же, масив називається, дані за замовчуванням 39 00:02:02,610 --> 00:02:04,380 значення є порожній масив. 40 00:02:04,380 --> 00:02:07,060 Потім ми викликаємо Extract знову, як і колись. 41 00:02:07,060 --> 00:02:12,130 А потім ми Вимагати header.php, , Вміст якого в даний час це. 42 00:02:12,130 --> 00:02:16,980 >> Усередині header.php, помітити, що ми більше не мають важко закодований титул. 43 00:02:16,980 --> 00:02:19,720 І тепер у нас є тег H1, а також. 44 00:02:19,720 --> 00:02:24,030 Зокрема, значення заголовка буде незалежно від значення 45 00:02:24,030 --> 00:02:26,750 локальна змінна називається Назва це. 46 00:02:26,750 --> 00:02:31,800 Після проходження його функції PHP називається HTML спеціальні символи, ми збираємося 47 00:02:31,800 --> 00:02:36,560 для отримання цієї значення, що повертається, а потім підключіть його до HTML я виведеного 48 00:02:36,560 --> 00:02:39,430 на шляху цієї функції називається Ехо. 49 00:02:39,430 --> 00:02:43,580 >> Дійсно, це скорочене позначення для виклик функції, які могли б в іншому випадку 50 00:02:43,580 --> 00:02:44,780 виглядати наступним чином. 51 00:02:44,780 --> 00:02:49,010 Але це набагато чистіше, просто, щоб написати відкриває дужка знак питання дорівнює 52 00:02:49,010 --> 00:02:51,400 підписати, навіть не згадуючи PHP. 53 00:02:51,400 --> 00:02:56,260 Зараз я зробити те ж всередині що H1 тег, так що в кінцевому рахунку, якщо 54 00:02:56,260 --> 00:03:00,520 Користувач переходить до моєї Візуалізація функції заголовка асоціативний масив, всередині 55 00:03:00,520 --> 00:03:05,310 з яких є ключовим називається Назва, що ключ асоціативний масив стане 56 00:03:05,310 --> 00:03:07,870 локальна змінна називається знак долара Назва. 57 00:03:07,870 --> 00:03:12,130 >> Ми будемо потім передати знак долара Тема Мінлива цієї функції, HTML 58 00:03:12,130 --> 00:03:13,240 Спеціальні знаків. 59 00:03:13,240 --> 00:03:16,500 І про всяк випадок є будь-яка потенційно небезпечні символи в 60 00:03:16,500 --> 00:03:20,500 там, як амперсандом або іншої такої символи, HTML спеціальні символи зробить 61 00:03:20,500 --> 00:03:23,140 Переконайтеся, що вони надали безпечно на сторінці. 62 00:03:23,140 --> 00:03:26,420 І, використовуючи відкритий кронштейн питання помітити знак рівності, я буквально 63 00:03:26,420 --> 00:03:30,080 підставляючи в в тій частині сторінки незалежно від значення, що повертається 64 00:03:30,080 --> 00:03:32,050 з HTML знаків є. 65 00:03:32,050 --> 00:03:36,450 >> Тим часом, в Lectures.php, я є нове значення для Title. 66 00:03:36,450 --> 00:03:38,330 Чи не CS50, але Лекції. 67 00:03:38,330 --> 00:03:41,590 У Week0.php, у мене є значення Тижня 0. 68 00:03:41,590 --> 00:03:45,560 І в Week1.php, у мене є Значення тижня 1. 69 00:03:45,560 --> 00:03:48,790 Так, зрештою, моя сторінка виглядає цілком як це було раніше. 70 00:03:48,790 --> 00:03:52,090 Але зараз ми отримали багато, набагато краще дизайн. 71 00:03:52,090 --> 00:03:54,240