Резюме обучения JavaWeb
Курс JavaWeb в этом семестре включает много учебных часов, которые разделены на две части: теоретический класс и экспериментальный класс.Процесс обучения довольно грубый, в основном из-за того, что принципы связанных технологий неясны и трудны для понимания. До этого у меня также было определенное понимание связанных с Интернетом технологий. Я начал изучать технологию веб-разработки, когда был первокурсником. Я изучал веб-интерфейс до второго семестра второго года обучения. Я начал изучать веб-технологию серверной части во втором семестре второго года обучения. отправной точкой для меня, чтобы изучить back-end разработку. Поэтому я очень серьезно изучаю JavaWeb: от изучения основ веб-дизайна и java в начале, до запуска MySQL, JDBC, Servlet, JSP с нуля, а затем до MyBatis, Spring и SpringMVC, я серьезно изучил каждый технический момент. В принципе, потратил много времени, можно сказать, что в этом семестре я провел большую часть своего учебного времени, изучая серверные веб-технологии. Согласно моему плану для себя, я изначально планировал начать изучение веб-бэкенда в этом семестре, так получилось, что я начал курс JavaWeb в этом семестре, совпадение этих двух также сделало процесс обучения веб-разработке намного проще для меня.
Я в основном изучаю теоретические знания в этом семестре через справочники, соответствующие учебники и обучающие онлайн-видео.Изучая теорию, я также делал много упражнений, чтобы углубить свое понимание. В основном я завершил все эксперименты в этом семестре на основе собственного понимания и логического мышления, а затем оптимизировал их с помощью учебных материалов. Раньше я также думал о том, почему я должен изучать JavaWeb. В течение этого семестра я узнал. Во-первых, JavaWeb определенно является одной из причин курса этого семестра, но это не главная причина. До изучения back-end разработки я также видел много дискуссий в интернете о том, стоит ли изучать JavaWeb.Раньше я очень запутался, потому что многие люди говорили, что JavaWeb давно устарел, и это не так быстро, как обучение Некоторые люди говорят, что изучение JavaWeb полезно для дальнейшей разработки. В конце концов, по своей ситуации, я выбрал JavaWeb и изучаю его серьезно, потому что я думаю, что я сейчас только второкурсник, Мне нужно не справиться с работой, а понять, понять принципы реализации этих технологии, и понять проект Процесс работы, и лично практиковать. В этом семестре веб-разработка принесла много пользы, я резюмировал появление, принципы, характеристики, преимущества и применение технических аспектов, связанных с JavaWeb, которые можно условно разделить на следующие пункты:
1. Основы веб-дизайна (HTML, CSS, JavaScript, Bootstrap)
HTML, CSS и JavaScript в основном используются для построения главной страницы веб-проекта, то есть той части, которая взаимодействует с пользователем, отвечает за получение информации о запросе пользователя и отображение данных ответа сервера. В настоящее время существует множество интерфейсных фреймворков, которые заменяют прежний рукописный HTML и CSS.Высоко интегрированный фреймворк значительно повышает эффективность фронтенд-разработки. Одним из них является Bootstrap, сочетающий в себе HTML и CSS. Что меня больше всего впечатлило в процессе изучения Bootstrap, так это его «система сетки». Возможно, это самый удивительный код CSS, с которым я столкнулся, когда изучал внешний интерфейс. Я глубоко впечатлен гениальным применением CSS автором! Ниже приводится введение в функции и основные функции HTML, CSS, JavaScript и Bootstrap.
(1) HTML
HTML расшифровывается как «язык гипертекстовой разметки» и является языком разметки. Он включает в себя ряд тегов. С помощью этих тегов можно унифицировать формат документа в сети, а разрозненные интернет-ресурсы соединить в логическое целое. Текст HTML — это описательный текст, состоящий из команд HTML, которые могут объяснять текст, графику, анимацию, звуки, таблицы, ссылки и т. д. Гипертекст — способ организации информации, связывающий текст, графику и другие носители информации в тексте с помощью гиперссылок. Эти взаимосвязанные носители информации могут быть в одном тексте, а могут быть другими файлами, или файлами на компьютере, расположенном в географически удаленном месте. Этот способ организации информации соединяет информационные ресурсы, распределенные в разных местах, случайным образом, обеспечивая удобство поиска и извлечения информации людьми.
(2) ССЦ
CSS или каскадная таблица стилей — это компьютерный язык, используемый для представления стилей файлов, таких как HTML (приложение стандартного обобщенного языка разметки) или XML (подмножество стандартизированного обобщенного языка разметки). CSS может не только статически изменять веб-страницы, но и динамически форматировать элементы веб-страниц с помощью различных языков сценариев. CSS может точно управлять расположением элементов на веб-страницах на уровне пикселей, поддерживает почти все размеры и стили шрифтов, а также имеет возможность редактировать объекты веб-страницы и стили моделей.
(3) JavaScript
JavaScript — это облегченный, интерпретируемый или компилируемый точно в срок язык программирования, в котором функция находится в первую очередь. Хотя он известен как язык сценариев для разработки веб-страниц, он также используется во многих небраузерных средах.JavaScript основан на программировании прототипов, многопарадигмальном динамическом языке сценариев и поддерживает объектно-ориентированные, императивные, декларативные и Парадигма функционального программирования. Характеристики JavaScript таковы: это интерпретирующий язык сценариев (код не компилируется предварительно); он в основном используется для добавления интерактивного поведения к HTML-странице (приложение на стандартном общем языке разметки); он может быть непосредственно встроен в HTML-страницы. , но написанные в виде отдельных js-файлов, способствуют разделению структуры и поведения; кроссплатформенные функции, поддерживаемые большинством браузеров, могут работать на нескольких платформах (таких как Windows, Linux, Mac, Android, iOS и т. д.); Язык сценариев JavaScript такой же, как и другие Как язык, он имеет свои основные типы данных, выражения, арифметические операторы и базовую программную структуру программы; JavaScript предоставляет четыре основных типа данных и два специальных типа данных для обработки данных и текста, а переменные обеспечивают хранение Там, где есть информация, выражения могут выполнять более сложную обработку информации.
(4) Начальная загрузка
Bootstrap — это простая, интуитивно понятная и мощная среда разработки интерфейса, основанная на HTML, CSS и JavaScript, ускоряющая веб-разработку. Bootstrap предоставляет элегантные спецификации HTML и CSS, написанные на динамическом языке CSS Less.
2. Сетевая основа (XML, HTTP, Tomcat)
XML, Http и Tomcat являются необходимыми базовыми знаниями перед изучением разработки веб-приложений.Среди них Tomcat используется для создания и запуска дочернего сервера, Http используется для указания правил связи между клиентом и сервером, а XML в основном используется. для передачи данных и записи файлов конфигурации сервера. Их конкретные функции заключаются в следующем:
(1) XML
Расширяемый язык разметки, подмножество стандартного обобщенного языка разметки или сокращенно XML. Язык разметки, используемый для разметки электронных документов, чтобы сделать их структурированными. В электронно-вычислительных машинах теги относятся к информационным символам, понятным компьютерам.Посредством таких тегов компьютеры могут обрабатывать различную информацию, например, статьи. Его можно использовать для маркировки данных, определения типов данных и исходного языка, который позволяет пользователям определять свой собственный язык разметки. Он хорошо подходит для транспорта World Wide Web, предоставляя унифицированный метод описания и обмена структурированными данными независимо от приложения или поставщика. Это кроссплатформенная и контентно-зависимая технология в среде Интернета, а также эффективный инструмент для обработки распределенной структурной информации на сегодняшний день.
Основные различия между XML и HTML: ML — это независимый от программного и аппаратного обеспечения инструмент для передачи и хранения данных; он фокусируется на данных. HTML используется для отображения данных и фокусируется на внешнем виде данных; XML обеспечивает основу для определения языка разметки, HTML сам по себе является языком разметки; XML чувствителен к регистру. HTML нечувствителен к регистру, XML не является ни языком разметки, ни языком программирования. HTML — это язык гипертекстовой разметки, при необходимости мы можем определить собственные теги XML. HTML имеет свои собственные предопределенные теги, которые не могут быть определены пользователями; XML требует использования закрывающих тегов. В HTML нет необходимости использовать закрывающие теги, XML является динамическим, поскольку используется для передачи данных. HTML является статическим, поскольку он используется для отображения данных. XML сохраняет пробелы. HTML не сохраняет пробелы.
(2) HTTP
HTTP или «протокол передачи гипертекста» — это простой протокол «запрос-ответ», который обычно работает поверх TCP. Он определяет, какие сообщения клиент может отправлять на сервер и какие ответы он может получить. Заголовки сообщений запроса и ответа даются в ASCII, содержимое сообщения имеет MIME-подобный формат. Эта простая модель способствовала успеху раннего Интернета, поскольку делала разработку и развертывание очень простыми.
(3) Кот
Сервер Tomcat – это бесплатный сервер веб-приложений с открытым исходным кодом. Это легкий сервер приложений. Он широко используется в системах малого и среднего размера и в случаях, когда не так много пользователей с одновременным доступом. Это первый выбор для разработки и отладки JSP-программы. Для новичка можно считать, что когда на машине настроен сервер Apache, его можно использовать для ответа на запрос доступа страницы HTML (приложения под стандартным общим языком разметки). Tomcat на самом деле является расширением сервера Apache, но во время выполнения он работает независимо, поэтому, когда вы запускаете Tomcat, он фактически запускается как отдельный процесс от Apache.
3. Основная технология JavaWeb
Основные компоненты JavaWeb включают в себя: технологию сервлетов, технологию сеансов, технологию JSP, выражение EL, JSTL и JavaBean. Среди них наиболее важной является технология сервлетов, это основное содержание и ядро JavaWeb, и это мой ключевой объект обучения в этом семестре. Технология сеансов, технология JSP, выражения EL, JSTL и JavaBean зависят от Servlet, который также является основой других внутренних сред (SSM, SpringBoot и т. д.).
(1) Сервлет
Сервлет — это аббревиатура от Java Servlet. Он называется небольшой сервисной программой или сервисным коннектором. Серверная программа, написанная на Java, обладает характеристиками независимости от платформ и протоколов. Ее основная функция — интерактивно просматривать и генерировать данные и создавать динамический веб-контент. Сервлет в узком смысле относится к интерфейсу, реализованному на языке Java, а сервлет в широком смысле относится к любому классу, который реализует интерфейс сервлета, Обычно люди понимают сервлет как последний. Сервлеты работают на серверах приложений, поддерживающих Java. В принципе, сервлет может отвечать на любой тип запроса, но в большинстве случаев сервлет используется только для расширения веб-сервера на основе протокола HTTP. Java Web Server компании JavaSoft первым стал поддерживать стандарт сервлетов, после чего стандартные сервлеты стали поддерживать некоторые другие Web-серверы на основе Java.
(2) Технология сеанса (сеанс и файл cookie)
Сервлет предоставляет два объекта для сохранения данных сеанса, а именно Cookie и Session. Файлы cookie могут сохранять данные, сгенерированные во время сеанса, в браузере, чтобы браузер и сервер могли лучше взаимодействовать. В веб-приложениях функция файла cookie аналогична членской карте.Когда пользователь получает доступ к веб-серверу через браузер, сервер отправляет некоторую информацию клиенту, такую как информация о пользователе и информация о продукте, которые хранятся в печенье. Таким образом, когда браузер снова обращается к серверу, он отправляет файл cookie на сервер в заголовке запроса, чтобы сервер мог дать правильный ответ браузеру.
Сеанс может сохранять данные сеанса на сервер. Когда браузер обращается к веб-серверу, контейнер сервлетов создает объект сеанса и атрибут идентификатора.Объект сеанса эквивалентен файлу медицинской карты, а идентификатор эквивалентен номеру медицинской карты. Когда клиент впоследствии обращается к серверу, если идентификатор передается серверу, сервер может определить, какой клиент отправил запрос, и, таким образом, выбрать соответствующий объект сеанса для его обслуживания.
(3) ПСП
JSP — это стандарт динамической веб-технологии. JSP развертывается на веб-сервере, может отвечать на запрос, отправленный клиентом, и динамически генерировать веб-страницу документов HTML, XML или другого формата в соответствии с содержанием запроса, а затем возвращать ее запрашивающей стороне. Технология JSP использует язык Java в качестве языка сценариев для предоставления услуг для HTTP-запросов пользователей и может работать с другими программами Java на сервере для обработки сложных бизнес-требований.
(4) выражение EL
EL (язык выражений) упрощает написание JSP. Язык выражений вдохновлен языком выражений ECMAScript и XPath, который позволяет упростить выражения в JSP, упрощая код Jsp. Доступ к объектам модели в JSP выражается через синтаксис выражений EL. Формат всех выражений EL представлен "${}". Например, ${userinfo} означает получение значения переменной userinfo. Если область действия переменной в выражении EL не указана, она будет искаться в области страницы по умолчанию, а затем искаться в области запроса, сеанса и приложения по очереди. Вы также можете использовать область в качестве префикса, чтобы указать, к какой области принадлежит переменная, например: ${pageScope.userinfo} означает доступ к переменной userinfo в области страницы.
(5) ЖСТЛ
JSTL, или стандартная библиотека тегов JSP, представляет собой стандартную спецификацию, разработанную JCP. Она в основном предоставляет стандартную и общую библиотеку тегов для веб-разработчиков Java и поддерживается командой Apache в Джакарте. Разработчики могут использовать эти теги для замены кода Java на странице JSP, тем самым улучшая читабельность программы и уменьшая сложность обслуживания программы.
(6) JavaBean
JavaBean — это повторно используемый компонент, написанный на языке JAVA. Чтобы быть написанным как JavaBean, класс должен быть конкретным и общедоступным и иметь конструктор без параметров. JavaBean раскрывает свойства членов внутренних доменов, предоставляя общедоступные методы, которые соответствуют согласованному шаблону проектирования, и получаются методы set и get. Как мы все знаем, имена атрибутов соответствуют этому шаблону, и другие классы Java могут обнаруживать и использовать эти атрибуты JavaBean через механизм самоанализа (механизм рефлексии).
В-четвертых, расширенные возможности Servlet
Расширенные функции сервлета в основном относятся к фильтру и прослушивателю. Фильтр используется для изменения объектов запроса и ответа; Слушатель используется для мониторинга событий контекста, сеанса и запроса. Функция проверки входа на веб-страницу является типичным применением Filter and Listener.
(1) Фильтр
В расширенных функциях сервлета фильтр называется фильтром, который находится между клиентом и обработчиком и может проверять и изменять запрос и ответ.Обычно запрос перехватывается и выполняются некоторые общие операции, такие как фильтрация чувствительных слова, Unicode, принудительное управление безопасностью и многое другое. Фильтр в действительности похож на оборудование для очистки сточных вод, которое специально используется для фильтрации примесей сточных вод.
(2) Слушатель
При разработке веб-программ часто необходимо отслеживать определенные события, чтобы своевременно их обрабатывать, например, отслеживать события щелчков мышью, нажатия клавиш и т. д. С этой целью Servlet предоставляет прослушиватель (Listener), который специально используется для мониторинга событий сервлета. Прослушиватель включает в себя несколько важных компонентов в процессе прослушивания: событие, действие пользователя, такое как нажатие кнопки, вызов метода, создание объекта и т. д.; источник события, объект, который генерирует событие; прослушиватель события: отвечает за прослушивание События, которые происходят в источнике события; обработчик событий: метод-член прослушивателя, когда происходит событие, будет запущен соответствующий обработчик (метод-член).
Пять, шаблон проектирования MVC
В классическом шаблоне MVC M относится к бизнес-модели, V — к пользовательскому интерфейсу, а C — к контроллеру.Цель использования MVC — разделить коды реализации M и V, чтобы одна и та же программа могла использовать различные формы выражения. Среди них относительно ясно определение View, то есть пользовательского интерфейса.
M — модельная модель, что означает, что модель выражает бизнес-правила. Из трех компонентов MVC у модели больше всего задач обработки. Данные, возвращаемые моделью, нейтральны, и модель не имеет ничего общего с форматом данных. Такая модель может предоставлять данные для нескольких представлений. Поскольку код, примененный к модели, может повторно использоваться несколькими представлениями, это уменьшает дублирование кода. секс.
V — представление «Вид» относится к интерфейсу, который видит пользователь и с которым взаимодействует. Например, интерфейс веб-страницы, состоящий из элементов html, или интерфейс программного клиента. Одним из преимуществ MVC является то, что он может обрабатывать множество различных представлений для приложения. В представлении не происходит реальной обработки, это просто способ вывода данных и возможность пользователю манипулировать ими.
C является контроллером контроллера означает, что контроллер принимает ввод пользователя и вызывает модель и представление для удовлетворения потребностей пользователя.Сам контроллер ничего не выводит и не выполняет никакой обработки. Он просто получает запрос и решает, какой компонент модели вызвать для обработки запроса, а затем решает, какое представление использовать для отображения возвращенных данных.
6. Тенденция развития серверных веб-технологий
Через семестр обучения нетрудно увидеть, что веб-технологии всегда развиваются в направлении легкости, масштабируемости, хорошей ремонтопригодности и экономии средств. Шаблон проектирования MVC является наиболее типичным для поколения, и его идеи применимы и сегодня. Популярный фреймворк Spring является одним из зрелых фреймворков с открытым исходным кодом.Его низкая стоимость, хорошая масштабируемость и хорошая ремонтопригодность — основные причины, по которым его предпочитают разработчики и предприятия.