SQL — Инъекции

От автора:если у вас применяется ввод данных пользователем через веб-страницу с последующей их вставкой в базу данных SQL, существует вероятность, что у вас могут возникнуть проблемы с безопасностью. Связано это с таким явлением, как SQL инъекция. В этой главе мы рассмотрим, как решить данную проблему, и защитить ваши скрипты и инструкции SQL в скриптах на стороне сервера, например, PERL Script

Инъекция обычно осуществляется, когда вы запрашиваете у пользователя определенные данные, например имя, а вместо этого он вводит инструкцию SQL, которая несанкционированно выполняется в базе данных. Предоставленные пользователем данные всегда должны обрабатываться в базе данных только после их валидации. Как правило, она выполняется путем сопоставления с шаблонами.

В приведенном ниже примере для name могут использовать только буквенно-цифровые символы плюс подчеркивание и оно может иметь в длину от 8 до 20 символов (при необходимости вы можете изменить эти правила).

Читать далее «SQL — Инъекции»

SQL для начинающих— ORDER BY сортировка результатов

От автора:сортировка SQL производится с помощью условия ORDER BY. Оно используется для сортировки данных в порядке возрастания или убывания по одному или нескольким столбцам. Некоторые базы данных по умолчанию сортируют результаты запроса по возрастанию.

Синтаксис SQL

Основной синтаксис условия ORDER BY, которое будет использоваться для сортировки результата в порядке возрастания или убывания, выглядит следующим образом:

SELECT список_колонок
FROM имя_таблицы 
[WHERE условие] 
[ORDER BY столбец1, столбец2, .. столбецN] [ASC | DESC];

Вы можете использовать в условии ORDER BY больше одного столбца. Убедитесь, что в списке столбцов указаны все столбцы, которые вы используете для сортировки.

Читать далее «SQL для начинающих— ORDER BY сортировка результатов»

Объекты в JavaScript. Часть 2

Объекты в JavaScript. Часть 2

От автора: приветствую вас, друзья. В этой статье мы с вами продолжим знакомиться с наиболее сложным, но и не менее интересным типом данных в JavaScript — речь идет об объектах. Приступим?

Напомню, в предыдущей статье мы с вами узнали, как можно создавать объекты и добавлять в них свойства. Также мы теперь знаем, как обратиться к тому или иному свойству объекта и получить его значение. Теперь давайте более детально поработаем со свойствами объектов.

В свойство объекта можно сохранить любое значение, хоть строку, хоть число. И свойств у объекта может быть сколь угодно много. Поскольку в объект можно добавлять свойства динамически, то в определенный момент работы программы нам может понадобиться проверить, а есть ли в объекте то или иное свойство. Сделать это можно двумя способами.

Способ №1

Читать далее «Объекты в JavaScript. Часть 2»

Объекты в JavaScript. Часть 1

От автора: приветствую вас, друзья. В этой статье мы с вами начнем знакомиться с наиболее сложным, но и не менее интересным типом данных в JavaScript — речь идет об объектах. Приступим?

Если вы не забыли, то переменную мы с вами сравнивали с ящиком, в который можно положить что угодно, некое значение, но… только одно единственное значение. В любой момент мы можем изменить это значение, но, опять же, это будет все то же единственное значение.

В отличие от обычной переменной, объект можно сравнить с каталогом ящиков, в каждом из которых лежит что-то свое. Каждый ящик подписан и мы легко можем достать из него нужное значение.

Как и в случае с переменной, мы легко можем получить доступ к значению по имени переменной, по названию ящика, в котором находится нужная вещь.

Читать далее «Объекты в JavaScript. Часть 1»

Создание собственного фреймворка. ORM библиотека RedBeanPHP.

Создание собственного фреймворка. ORM библиотека RedBeanPHP.

От автора: приветствую вас, друзья. Продолжим создание собственного PHP фреймворка. По итогу мы должны получить вполне функциональное решение, а заодно познакомиться с принципами работы современных PHP фреймворков. В этом уроке мы познакомимся с мощной ORM библиотекой RedBeanPHP, которая предоставляет нам готовый набор методов для работы с БД.

В видео версии урока вы найдете ответы на такие вопросы:

  • Что такое ORM?
  • Как подключить библиотеку RedBeanPHP и настроить соединение с БД?
  • Основные методы CRUD библиотеки RedBeanPHP.

Полный сброс: использование начальных значений CSS

Полный сброс: использование начальных значений CSS

От автора: по своему определению разработка стилей включает в себя установку CSS свойствам новых значений. Сложные стили, в конечном счете, доходят до такой точки, когда необходимо «потереть» CSS значения, т.е. сбросить их на начальные. В отдельных случаях первоначальные значения известны, их легко запомнить. У других же свойств все не так. К счастью, современный CSS дает нам простой способ сброса свойств.

Дави на кнопку

Скажем, вы задали изображениям свойство float: left по умолчанию:

И потом вам нужно сбросить обтекание изображений с определенными условиями (изображения с классом .recall)… а вы не помните, стоит ли float: none или что-то еще.

Читать далее «Полный сброс: использование начальных значений CSS»

Топ плагинов jQuery. Плагин jQuery Cookie

Топ плагинов jQuery. Плагин jQuery Cookie

От автора: приветствую вас, друзья. Продолжаем знакомиться с коллекцией ТОП плагинов jQuery. Сегодня мы познакомимся с практически незаменимым плагином для большинства сайтов. Речь идет о плагине jQuery Cookie. Как вы уже догадались из названия, задача плагина — работа с куками.

Задача хранения пользовательских настроек и работы с ними встает перед нами в любом мало-мальски серьезном проекте. Например, классическая задача представления товаров в интернет-магазине в виде списка или в табличном виде. Пользователь волен выбрать наиболее удобный для него способ представления, ну а мы должны запомнить его и не забыть показать в удобном виде как в пределах текущего сеанса, так и при следующем обращении к сайту.

Читать далее «Топ плагинов jQuery. Плагин jQuery Cookie»

New VueJS — Создание экземпляра

New VueJS — Создание экземпляра

От автора:чтобы начать работу с VueJS, нам нужно создать экземпляр Vue, который называется корневым экземпляром Vue и обозначается как new vue.

Синтаксис

var app=newVue({

   // options

})

Давайте рассмотрим пример, чтобы понять, что должно входить в конструктор Vue.

HTML часть

<html>
   <head>
      <title>VueJsInstance</title>
      <script type="text/javascript"src="js/vue.js"></script>
   </head>
   <body>
      <div id="vue_det">
         <h1>Firstname:{{firstname}}</h1>
         <h1>Lastname:{{lastname}}</h1>
         <h1>{{mydetails()}}</h1>
      </div>
      <script type="text/javascript"src="js/vue_instance.js"></script>
   </body>
</html>

Читать далее «New VueJS — Создание экземпляра»

Как создать сайт с безсерверной CMS на Vue.js

vue img

От автора:сегодня мы поговорим о создании с помощью Vue js CMS. Vue.js – это прогрессивный фреймворк для создания UI, набирающий популярность среди разработчиков. Но зачем нам еще один JS фреймворк? Vue написан на опыте Angular и React, многие считают, что он проще в реализации и понимании.

Введение

Vue.js мало весит и легко принимается. Он реактивный и состоит из компонентов, что позволяет создавать подключаемые компоненты, которые можно добавлять в любой проект. Что важнее для этого урока, Vue со своей отличительной и постепенной адаптируемостью можно использовать, не подвергая риску существующий код.

Читать далее «Как создать сайт с безсерверной CMS на Vue.js»

CSS: новый вид JavaScript

От автора: как и для чего использовать в JavaScript CSS? Те, кто знаком с веб-платформой, хорошо разбираются в ее двух дополнительных технологиях: HTML для документов и их структуры, а также JavaScript для взаимодействия и стилизации.

Раньше

До тех пор, пока кто-либо помнит, стилизация документов — влияющая на их внешний вид — была упрощена с помощью JavaScript свойства style, которое существует для любого поддерживающего узла DOM.

node.style.color='red';

До появления стилизации API, авторы HTML должны были писать атрибуты style в DOM вручную, что препятствовало процессу редактирования.В сочетании с механизмом выбора узлов JavaScript мы можем одновременно создавать несколько элементов. В следующем примере все p узлы имеют красный цвет текста.

const nodes=document.querySelectorAll('p');
Array.prototype.forEach.call(nodes,node=>{
  node.style.color='red';
});
Читать далее «CSS: новый вид JavaScript»
") //-->

Статистика

Метки

Мы используем cookie-файлы для наилучшего представления нашего сайта. Продолжая использовать этот сайт, вы соглашаетесь с использованием cookie-файлов.
Принять