Здравейте, скъпи колеги!
Ние продължаваме нашата поредица от статии за WebMatrix. Така че днес аз ще ви разкажа за създаването на регистрация, а именно за това как лесно да създавате съдържание, блокове за повторна употреба, както и как да се създаде за всички страници монотонен дизайн с помощта на оформление.
Така, благодарение на ASP.Net можем да се създаде отделен файл с блок съдържание, което може да бъде текстова, маркиране или код. И след това тези данни се вмъкват, където и ние само трябва, и в същото време ние не трябва да копирате съдържанието на всяка страница. И в случай на обновяването е необходимо, трябва да актуализирате само един файл - и промените ще се разпространява автоматично.
Данай диаграма показва принципа на работа на елемента със съдържание:
В момента на страницата на заявки от уеб сървър в местата, където методът се нарича «RenderPage», ASP.Net вмъква блокове на съдържанието. След това, готов да се образува страницата е изпратено до нас в браузъра.
Сега нека да видим как това се прави на практика.
Създаване на "Нашият сайт" въз основа на шаблона "Blank сайта":
В главната папка на уеб сайт, създаване на файл с име index.cshtml.
Маркерът
предписва в следните направления:Съдържанието на нашата начална страница на нашия сайт.
В резултат на това, тя трябва да изглежда така:
Обикновено, файлове, споделени уеб страници, се съхраняват в папка, наречена «Споделено». Ето защо, ние ще създаде нова папка, наречена «Споделено» в главната папка:
И това ще създадете файл с «_header.cshtml» имена и «_footer.cshtml». Това ще бъде нашата горния и долния:
Промяна на съдържанието на файла «_header.cshtml» на адрес:
Това е нашата заглавна 🙂
Съдържание «_footer.cshtml» на адрес:
Имайте предвид, че името на файла започва с характер "_". Целта е да се попречи на потребителите заявка страници като ASP.Net няма да изпратят в страницата на браузъра, името започва с тази буква.
Ако се опитате да гледате един от тези файлове в браузъра с командата "Start браузър", вижте следното:
Сега, в края на краищата се направи. ние добавяме «RenderPage» метод «index.cshtml» код на страницата:
Съдържанието на нашата начална страница на нашия сайт
Както можете да видите, причинявайки «RenderPage» метод, ние искал да подчертая, съдържанието на даден файл ( «_header.cshtml» или «_footer.cshtml»), в която да се сложи (мястото, където методът се нарича). Резултатът в браузъра:
Ако се вгледате в страницата код в браузъра, ще видим следното:
Това е нашата заглавна 🙂
Съдържанието на нашата начална страница на нашия сайт
Както можете да видите, на места, където ние наричат метода на «RenderPage», вместо метод «_header.cshtml» съдържанието на файлове всъщност се появили или «_footer.cshtml».
Сега нека да разгледаме «RenderBody» метод, а именно създаването на монотонен дизайн с помощта на оформление.
Какво прави оформлението на страницата?
Оформление на страницата е определена страница, която има определена структура, но няма данни за показване. Тоест, ние уточни данните да бъдат показани и оформлението на страницата, в която да ги покажете.
Всъщност, нашата оформление е точно като всяка друга страница HTML. Само че има «RenderBody» метод. Когато ние поставяме метод, както и да бъде включен в данните за показване!
Данай диаграма показва принципа на метода:
Както можете да видите, всичко се прави на няколко етапа:
1. Първо, исканото съдържание страницата. Това е кодът, който определя структурата, която трябва да се използва за тази страница, както и данните за показване.
2. оформление на съдържанието им е поставена на мястото, наречено «RenderBody» метод. Също така в оформлението може да бъде вкаран в блокове на съдържанието с помощта на метод «RenderPage», както направихме.
3. И след като сме формира желаната страница, тя се изпраща към браузъра.
Сега нека да го направи на практика!
Ще създаде в «Споделени» папка файл «_layout.cshtml», и това ще бъде нашата оформление на страница:
Сега променя съдържанието на файла. По-специално, ние се отбележи, стила и мястото, където ще бъде въведена в нашите данни.
Маркерът
променя съдържанието на маркераТъй като не всички уеб сървъра обработва атрибут «HREF» свързва по същия начин, ние използваме помощен модул «@Href».
Маркерът
В резултат на това, тя трябва да изглежда така:
Имайте предвид, че оформлението на страницата, не може да съдържа повече от един метод повикване «RenderBody».
Сега създайте стиловете, който са посочили в маркера .
Но това, което е на Cascading Style Sheets?
CSS (Cascading Style Sheets английски -. Cascading Style Sheets) - това е формален език за описание на външния вид на документ, написан с помощта на език за маркиране.
Уеб разработчиците използват CSS да се уточни шрифтове, цветове, подреждане на отделните блокове и други аспекти на представянето на външния вид на своите уеб страници.
Основната цел на развитието на CSS е разделението на описанието на логическата структура на уеб страницата (който се произвежда чрез използване на HTML или други езици за маркиране) от описанието на външния вид на уеб страница (която сега се извършва с помощта на CSS формален език).
Чрез тази дивизия увеличава гъвкавостта на достъпността на документи, управление на дисплея. Той също така намалява сложността и броя на повторенията в структурното съдържание.
Ами, първо да създадете татко «Стил» и «OurSiteStyleSheet.css» файл:
Добавете следното:
гранично-отдолу: 3px твърдо # FFFC00;
шрифта: 2.75em / 1.75em Грузия, сериф;