Как из блога сделать сайт магазин (часть 2).
Заканчиваем преобразования блога в риелтерский сайт... Основной особенностью этих преобразований является неизменность полей и классов базы данных. По сути дела, у нас есть универсальный движок на django с помощью которого мы можем создавать сайты разной тематической направленности. Как это сделать практически, я постарался наглядно показать в видео: качай исходники сайта
|
Переделка блога в сайт-магазин.
Для переделки сайта, нашему блогу с поиском по тегам, деревом категорий и авторами вполне достаточно инструментов. Переделки, прежде всего, коснуться внешнего вида и шаблонов которые выводят данные в клиентскую часть сайта. И так, внешний вид сайта- магазина это прежде всего какой то презентационный блок и наличие большого количества торговых карточек. Для решения этих заданий необходимо выбрать соответствующий шаблон с сайта foundation.
Исходник сайта после преобразований скачат
...
Читать дальше »
|
Поиск на сайте привычное явление, но как показывает практика бесполезная принадлежность. Прежде всего напомню как можно организовать поиск
1 Специальные плагины и библиотеки,которые осуществляют поиск по текстовому совпадению ( главные недостатки- находят не то, что надо и не бесплатны)
2 Поиск от главных поисковых систем Google и Яндекс (главные недостатки - поиск только по индексованным страницам в своей системе)
3 Поиск при помощи javascript
4 Поиск построенный на получении запроса из формы и фильтрации контента сайта по данному запросу
Воспользуемся последним вариантом и создадим поиск на сайте. Ну и конечно же лучше один раз увидеть, чем сто раз прочитать...
|
Как подключить модели к шаблонам лучше один раз увидеть чем сто раз прочитать... Качайте и используйте исходники по ссылке после видео на ютуб.
|
По сути дела, мы сегодня рассмотрим как можно скопировать внешний вид сайта для своих целей и подключим полученные шаблоны к движку на Django.
Прежде всего нужно четко понимать, что внешний вид сайта - это страница в html и css. Эти файлы легко скопировать и подключить к рабочему движку. Как это сделать покажу на простом примере в двух видео уроках :
|
В предыдущих уроках, для дизайна сайта мы использовали фреймворк Foundation.
Но что если мы захотим добавить немного креативчика не нарушая классики CSS файла( другими словами не лезь куда не знаешь) . Для этого можно изменить локально стиль, добавив небольшие изменения в шаблон .Готовые решения CSS : http://htmlbook.ru/faq. Вот простой пример как это просто сделать:
|
материал взят с сайта:http://www.dejurka.ru
Создаем структуру сайта
Модульная сетка фреймворка (12-ти колоночная по умолчанию) позволяет с легкостью создавать адаптивные шаблоны шаблоны страниц для десктопа и мобильных устройств. Если вы знакомы с grid-системами, вы будете чувствовать себя, как дома. Она состоит из двух ключевых элементов: строки и столбцов. Строки создают максимальную ширину и содержат столбцы, которые формируют структуру. Размер столбцов будет изменяться в зависимости от размеров экрана монитора. Мы установили максимальную ширину столбца (.row ) 1000px.
Для начала дава
...
Читать дальше »
|
Во всех представлениях (шаблонах) нашего блога мы использовали разные переменные и чтоб отобразить шаблон мы передавали нужные переменные через функции views.py - явно. Этого можно избежать используя контекстные процессоры. Текст взят с блога автора: Артем Устимов © 2014
Django: контекстные процессоры или добавление контекстных данных на все страницы
Дата и время: 23 января 2015 г. 23:03 | Категория: Веб-разработка, Django
Часто бывают случаи, когда какой-либо динамический элемент должен присутствовать на всех страницах сайта. Например, это может быть опрос или меню. Для решения данной проблемы в Django существуют контекстные процессоры.
На первый взляд, поставленную задачу можно решить простым добавлением нужных данных в контекст каждого представления, но в то же время очевидно, что это
...
Читать дальше »
|
Many-to-many of Django
Перед тем как перейти к дизайну сайта нельзя обойти вниманием такую связь как многое ко многому, потому как мало кто из многих преподов примет у вас курсовик без данного вида связи объектов. Поэтому реализуем её в нашем блоге в виде облака тегов. Каждой статье на нашем сайте может относится несколько тегов, но с другой стороны один тег может быть отнесен к нескольким статьям.
О связи многое ко многому ужасно много написано постов, чуть меньше про эту связь видео. Но видно я еще не достиг "прозрения" и уровня "гуру-программирования" , чтоб хоть один метод взять и использовать как готовое решение у меня не получилось... Все видео которые я нашел по использованию связи m2m относились к админке. Авторы, наверное предполагают что вывод в браузер для пользователя зависимых элементов это же так элементарно... Для таких же как и я предоставляю официальный туториал по испол
...
Читать дальше »
|
Как и для чего необходимо дерево каталога(категорий)
Продолжаем создавать конструктор сайта и создадим навигацию по сайту
Долго пытался найти полный и связный материал по использованию библиотеки mptt-django, но видео материал только по установке и использованию в админке. Печатного материала очень много, но он не связан и труден для начинающего веб программиста. Поэтому представляю для начинающих практическое применение кода для построения "деревоподобных" структур, а также простые решения для урлов, вьюшки и отображения в шаблонах, исходники кода можно скачать по ссылкам под видео:
...
Читать дальше »
| |