Разработка интернет-приложений.-1
.pdfМинистерство наукивысшего |
образованияРоссийскойФедерации |
Федеральноегосударствеобразовательноебюджетучреждение высшегообраз вания
«ТОМСКИЙГОСУДАРСТВЕННЫЙУНИВЕРСИТЕТ СИСТЕМУПРАВЛЕНИЯРАДИОЭЛЕКТРОНИКИ»ТУСУР()
Кафедраавтоматизации бработкиинформацииАОИ()
РАЗРАБОТКА ИНТЕРНЕТ-ПРИЛОЖЕНИЙ
Методическиеуказания |
выполнениюлабораторныхработ |
иорганизациисамостояработыельной |
длястудентов заочной |
фобучениярмы |
направления «Бизнес-информатика» |
(уровеньбакалавриата)
2018
АхтямовЭмильКамильевич |
|
|
|
||
СеменовЕвгенийВалериевич |
|
|
|
||
Разработкаинтернет |
-приложений:Методическиеуказания |
|
по |
||
выполнениюлабораторныхработ |
|
иорганизациисамостояработыельной |
|
|
|
длястудентов |
|
заочнойфобучениярмы |
направления« |
Бизнес- |
|
информатика»уровень(бакалавриата) / |
Э.К. Ахтямов,Е.В. |
Семенов. – |
|||
Томск, 2018. |
– 31 с. |
|
|
|
©Томгосударственныйкийуниверситет системуправлениярадиоэлектроники, 2018
© АхтямовЭ.К |
., 2018 |
© СеменовЕ.В |
., 2018 |
|
2 |
|
|
Оглавление |
|
|
1 |
Введение.............................................................................................. |
|
|
4 |
2 |
Содержлабораторныхниебот |
....................................................... |
5 |
|
2.1. |
ЛабораторнаяработаРабота« свключаемымирекламными |
|
|
|
областями.Применениешаблонад »зайна |
|
.................................................. |
5 |
|
2.2. |
ЛабораторнаярабС« вебтаздание |
|
- прил с о мощьюжений «1 С |
- |
Битрикс:Упра»йтомвление |
...................................................................... |
|
7 |
|
2.3. |
ЛабораторнработаПеревод« сайтна«1Сая |
|
- Битрикс » натехнологию |
|
композитногосайта» |
..................................................................................... |
|
9 |
|
2.4. |
ЛабораторработаНастройки« информационныхаяблоков» |
|
..12 |
|
2.5. |
ЛабораторнаярабС« компонентаздание.Настройкамодуля |
|
|
|
универспискаального» |
............................................................................. |
|
14 |
|
2.6. |
ЛабораторнаяработаВерстка« под«1С |
|
- Битрикс : Упр а » йтомвление |
|
исоздшаблонание |
– особенности,про ......................................... |
блемы » |
20 |
|
3 |
Методичеуказаниядляоргансамостояиезацииработыельной |
|
25 |
|
3.1. |
Общиеположения |
.............................................................................. |
|
25 |
3.2. |
Самосизучтемоятельноеоретичниечастикурсаской ............... |
|
25 |
|
3.3. |
Прораболекционногоматкаериала ................................................... |
|
26 |
|
3.4. |
Подготовка клабораторнымработамиофотчетоврмлениек |
|
|
|
лабораторнымработам |
............................................................................... |
|
27 |
|
3.5. |
Подготовказачету |
............................................................................ |
|
30 |
4 |
Рекомендуемаялитература ............................................................... |
|
31 |
3
1 Введение
ЦелиизучендисцРазработкаи«яплиныинтернет |
|
-приложений» |
||
состоятвформзнанийпрактрованиинавыкспользованияческих |
|
|
|
|
соврепрототевыхменных |
колов,проект,разработкирования |
|
||
тестировпрограиложен,нияфункционирующихммыхвсетий |
|
|
|
|
Интернет. |
|
|
|
|
Вкачествеклиентскогоприложения |
|
используется |
браузер, |
|
установленныйоперационнсистеме.Выполняялаб раторныей |
|
|
|
|
работы,не |
используютсякакие |
-либоспецифическиеэлементы |
разметки |
|
илистилей,поэтомуограниченийкбраузеруне |
|
предъявляется. |
|
|
Вкачтекстовогоствередактора |
|
используетсяпрограмма |
|
|
«Notepad++». Скачатьпоследнверсипрочитатьеюю |
ё |
описание |
||
можнонасайтеhttp://notepad |
|
-plus-plus.org/Можноиспользовать. |
|
|
аналогичнуюпрограмму.Есливпроцессевыполнениялабораторных |
|
|
|
работпонадобятсядругиепрограммные,одуктытообэтомбудет сказано.
4
2 Содержание лабораторных работ
2.1. Лабораторнаяработа« |
Работасвключаемымирекламными |
||
областями.Применениешаблонадизайна |
» |
||
Цельработа |
|
|
|
Научитьсяработатьвариантамиразмещениясправочной |
|
|
|
информациинавеб |
-странице. |
|
|
Порядвыплабораторнойлнениякработы |
|
|
|
Включобластьемая |
|
– |
этоспециальновыделеннаяобл сть |
стра,которуюницейтаможноре |
|
|
дактироватьотдельноосновного |
содержаниястраницы. |
|
|
|
Включоблслужатдлястиемыеразмещениясправочной информации,различныхподписки(,гол, сованияпросов), новостейилюбодругойстатическойдинамическойинформации.
Такжеввидевключаемой областимогутбытьвыпообслненыасти укавторскихзаниемправ,графическиессылки,контактнаяинформация, логкомтип.. ании
СодержимоевключаемыхобластейхранитсяотдельныхPHPили HTMLфайлах.Областидлястраницилиразделовсохраняются некоторымсуффиксом.На,поставляемыхримерфайлахпродукта качествеобозначениявключоблдлястраницыемойстииспользуется суффикснапримерinc, index(включоблincдляа.емаяphp),сть
разделасайтасохранявфайлеимsectидобавлениемтсянемк нему суффиксанапример( , sect inc.php).
Файлсвк областьюючдолженембытьхраненвтойже дирек,чтостраница,ориидлякоторойонбылсоздан.Включаемая областьдляраздела - впапкеэтогораздела.
5
Подключениеобластейвшаблонедизайтана |
|
выполняется |
помкомпонентащьюВставкавключоблибоастипомощьюемой |
|
|
функцииIncludeFile(). |
|
|
Суффикс,исподобозначенияльзуемыйвключобластей, емых |
|
|
опреднеляетопциейименнвнаскомпонентахятройВставка |
|
|
включобласти.Коемпонентожнй |
|
оразмещнетольковшаблонеть |
дизайна,ностраницахсайтаусловием,чтосуфайфиксдолажен |
|
|
бытьзаданотличнымтого,которыйиспользуетсявшаблоне. |
|
|
Дляразмещениявключоблавыполнитеемойстиледующее: |
|
|
Откройтедляредактиршаблсайования |
таили |
|
страницуввизуальномредакторе. |
|
|
ДобавьтекомпонентВставкавключоблаемойсти |
|
|
(bitrix:mainвшаблонсайиливтело.страницыinclude)настройтеего |
|
|
параметры. |
|
|
Созданиевключаемобластможбытьей:полненох |
|
|
изадминистративногораздела |
вМенеджерефайлов |
|
(КонтентСтрук> сайФайлы>типапкиура),создавфайл |
|
|
соответствующимименем; |
|
|
изпубличногоразделасайтврежимеправки.Втех |
|
|
местах,гдепредполагаетвыводвключаемыхобла,будутпоказаныстейя |
|
|
иконкидлябыстпекрехогода |
созданиюэтихобластей. |
ПослевыборакомандыДобавитьобластьбудетзапущенвизуальный редсозданияактлядержимоговключобласти.Привыбореемй командыДобавитьоблакакстPHPвозможнымдобавлениеанеть областиврежимеРНРкода
Аналогичнопер ейтикредактированиювключаемыхобластей
можно:
•непосредстизпубличногораздсайтврежимеланноправки;
•лиадминистбозразде,открывлативногоедактирования соответствующийфайлМенеджерефайлов.
6
Включоблсоздаютсястиемыенаоснове |
|
|
шабло,хравнящихсяов |
папкахсименем/page_templates/: |
|
|
|
/bitrix/templates/.default/page_templates/ - еслиданный |
|||
шабвклоючбластиниспоемойдвсехшаблоновьзуетсядизайна |
|
|
|
сайта; |
|
|
|
/bitrix/templates/<идентификатор |
|
|
|
шаблона>/page_templates/ |
- еслид |
ляшаблонасайтаиспользуются |
|
отдельныешаблвключобластейны. емых |
|
|
|
Чтобыввизуальномредактореможнобылвыбиратьшаблон,на |
|
|
|
основекот здаетсярогоедактируемаяобласть,списокшабдляонов |
|
|
|
редактируобластейдолженбытьдобавленмыхфайл.conten |
|
|
t.php. |
Файл.contentхранитсявпапке/.phpageвкаталогеtemplates/ |
|
|
|
соответствующегошаблонасайта. |
|
|
|
2.2. Лабораторнаяработа« |
Созданиевеб |
-прилспомощьюжений |
|
«1С -Битрикс:Упрайтом»вление |
|
|
|
Цельзанятия |
|
|
|
Получитьпрактическнавыксозданиявеб й |
|
|
-приложения. |
Порядвыплабораторнойлнениякработы
Дляначала,нужносоздатьинф,к бтоудутлокихранитьые новикостимментариикним.
Перейдитевадминистрчастьсайт,нажавтивную «Адми»нпанелииступр.Выберитированиеавлепулевогоктыя менюКонте« нт» – «Инфоблоки» – «Типынфоблоков»,затемнажмите. НажмитенакнопкуДоба« типв»ый.ить
ВполеИдентификатор« (ID)»введун идентификаторкальныйте типанфоблока,например, «news»ВполеНазваниест.русскогооке
языкаукажитеНо«»,встрости океанглийского«News»Нажмите. «Сохранить».
7
СоздайтеинфобНовости«»лхраненияокновостей.Вдереве «Контент»выберитетолькочтос здаипнфоблоковныйинажмите кнопкуДобавить« инфоблок».
ВполеСим« код»вольведитекоднфоблокаый«news», |
вполе |
|
«Наз»вванедНовости« »Выберите. вашсайтспискеСайты«». |
|
|
НажмитеСохранить« ». |
|
|
АналогичносоздайтеинфоблокКомментархранения« »для |
|
|
комментариевновостям.ПрисозданииинфоблокаКомментарии« » |
|
|
перейдитенавкладкуСвойства« »добавьте |
|
инфосвоблокуейство |
«IDновости»,типЧисло«»,код«PARENTВэтомсвойствебудетID». |
|
|
хранитьсяиденовтификатор, привязанстимментарий. |
|
|
Теперьвыможетесоздатьновик стимментариикнимперейдяк |
|
|
инфоблоквдеревеКо« »натентжавм |
|
«Добавитьэлемент». |
Уновостиукажтекстназвание, анонса,детальноеописание, |
|
|
можетевыбратькартинкудляанонсадетальнуюкартинку.У |
|
|
комментукажитолько,тезваниерияанокстновостиIDса,к |
|
|
котхоегтитепривязатьйо. |
|
|
Следующийшаг |
– этовыводновикомментариевстей. |
Создараздляновостейелим.Дляэтогоперейдитепубличную частьсайта,выбрСайт«»нпанелиуправл.Пернаглавнуюенияйдите стра,заницуйтаемнажмитекнопкуСоздать« раздел»напанели управления.Укажите заголовразделаНовости« »,кгалочкувьте пунктаДобави« пункменю»Перей. тьвсозразделите,анныйвыбрав пунктменюНовости« ».
ВыведемновонаглавнуюстираницузделаНовости« »Для.этого |
|
|
нажмитекнопкуИзме« страницу»панелиитьуправ |
|
ления,в |
появившемсяокне,спискекомпонент,найдитекомпонентСписок« в |
|
|
нов»падростКонтент«»суй |
– «Новости» |
– «Списновостей». к |
Перенеситекомпвлевуюобластьокна.Впоявившемсянтокне |
|
|
настройкипараметровкомпонентаукажитенформационн |
|
огоблока |
«[news]Нов»икинфомацистидблокаНов« »Найдите.ополестинного |
|
|
«URLстраницыдетальпросмотра»,внвведитеегоого |
|
|
|
8 |
|
«/novosti/detailэтоукажадресбу т.етальнойущейphp?ID=#ID#», |
|
|
|
||
страито,чтонанеёицытребуетсяпередатьтекущейIDново |
|
|
|
сти. |
|
Сохранитеизменения. |
|
|
|
|
|
Страницадолжнаперезагрузиться,теперьнанейвиденсписок |
|
|
|
|
|
добавленныхваминовостей. |
|
|
|
|
|
Создайтестраницудлядетальногопросмнов.Дляэтогостира |
|
|
|
|
|
нажмитеСоздать« страницу»напанелиуправления.Укажитезаголовок |
|
|
|
|
|
страницыДет« |
альн»,имяфа«detailяйлауберитегалочку.php»,пункта |
|
|
|
|
«Добавипункменю». ть |
|
|
|
|
|
Откройтеокноизмд нениятальстраницыразмойнаеститей |
|
|
|
||
компН«одетвостьнент»поальнодресуКонтент«» |
|
– |
«Новости» |
– |
|
«Новостьдетально»Вокне. настройкикомпонентау |
|
|
кажитетип |
|
|
информациблока«[news]Нов»,коиндстиногофоблокаНовости« » |
|
|
|
|
|
IDновости«={$_ТакимREQUEST["ID"]}»образом,компонентбудет . |
|
|
|
||
выводитьинформациютойновости, которойIDбылпереданвзапросе. |
|
|
|
|
|
Сохранитеизменения. |
|
|
|
|
|
Страницадетальногопрос |
мотрасоздана.Выможпроверитьтеё |
|
|
|
|
работу,пев ейазНо«д»еляивостиыбравлюбуюиздобавленных |
|
|
|
||
ваминовостей. |
|
|
|
|
|
2.3. Лабораторнаяработа« |
Переводсайтана«1С |
-Битрикс»на |
|
||
технкомпозитногологиюсайта |
» |
|
|
|
|
Цельработы |
|
|
|
|
|
Создатьпрограммныйкод,кот рыйзвол |
|
ускоритьвыдачувеб |
|
- |
|
страницыпользователю. |
|
|
|
|
|
Порядвыплабораторнойлнениякработы |
|
|
|
|
|
Присозданиикомпозитногосайта,такжедляотладкиработы, |
|
|
|
||
необходимоопредевфайлитьконстантуdbconn.php |
|
|
|
|
|
define("BXВэтомCOMPOSITEслучаев |
_DEBUG", true);. |
|
огбудут |
||
писатьсявсеголосованияпротив"",такжесоздаватьсяистория |
|
|
|
|
|
|
|
9 |
|
|
|
изменстравкешени(/bitrix/htmlйц срасширениемpages/<domain>/)
.delete.<microtime>.
Нар ботающемсайтеиспользовэтконстайприведетниеты |
|
увеличениюиспольздисковования |
гопространства.Поэтомуеёлучше |
отключитьпосленастройкиКомпозитногосайта. |
|
Основнойинструментработы |
– этол,которыйггенерируетфункция |
AddMessage2LogМесторасплоложенияпределяетсяганастройками. |
|
dbconn.php: |
|
define("LOG_FILENAME", $_SERVER[«DOCUMENT_ROOT"]."/../log.txt");
Влогеможноувидетьсписокшаблонов,котг лосорые |
вали |
«против»Рисунок( 9). |
|
|
Рисунок1 |
– Фрагменталога |
Впримерелогавидно,чток менюпонент |
«возражает» против |
|
использованияеготехнК мпозлогиисайт. |
тный |
|
|
|
10 |