Интерент магазин полностью на javascript

Тема в разделе "JavaScript", создана пользователем heeg.ru, 6 фев 2015.

  1. heeg.ru

    heeg.ru

    Регистрация:
    6 фев 2015
    Сообщения:
    0
    Симпатии:
    1
    Здравствуйте! Сейчас занимаюсь идеей разработки движка ИМ без использования серверной части (php нет совсем)
    сайт движка тут http://heeg.ru/heeg.html демка магазина тут http://novye-podarki.ru/heeg.html
    считаю, то у такого движка огромный потенциал и отсутствие серверной части делает его очень быстрым.
     
  2. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.349
    Симпатии:
    1.380
    ага, и присутствие у конечного пользователя большого кол-ва оперативной памяти)
     
    ponchic и Baco нравится это.
  3. heeg.ru

    heeg.ru

    Регистрация:
    6 фев 2015
    Сообщения:
    0
    Симпатии:
    1
    почему оперативной памяти? Магазин быстро работает даже на стареньком телефоне. Оперативная память ему не нужна, там нет сложных вычислений.
     
  4. Gevano

    Gevano

    Регистрация:
    11 янв 2015
    Сообщения:
    34
    Симпатии:
    5
    В интернет-магазинах с количеством товаров больше 1000 важно удобство работы в административной части, это и массовое обновление цен, импорт и быстрая замена описаний, фото. На сайте движка не нашел информацию про эти возможности, и как это будет реализовано. Еще про формирование ЧПУ, сейчас они не красивые. Да и еще бросается в глаза, что при изменении количества товара цена не пересчитывается, это как раз опция для JS и штука удобная. Но основной вопрос как контент-менеджер будет обслуживать большой магазин от 1000 товаров.
     
  5. heeg.ru

    heeg.ru

    Регистрация:
    6 фев 2015
    Сообщения:
    0
    Симпатии:
    1
    Спасибо! Все вопросы по существу. Но нового тут ничего изобретено не будет. Все цены массово можно поменять либо общим коэффициентом в самом магазине (есть такая настройка) или через таблицу (например excel). При изменении количества товара все цены пересчитываются - это видно в корзинке наверху и внизу. 1000 товаров в магазине- это довольно маленькое количество. Но даже при таком количестве считаю более удобным работу через таблицу экспорта-импорта (просто нагляднее для контент менеджера) там и пути к картинкам можно поменять и цены поменять и по разделам раскидать. http://novye-podarki.ru/heeg.html#table
     
  6. Gevano

    Gevano

    Регистрация:
    11 янв 2015
    Сообщения:
    34
    Симпатии:
    5
    Ок, формат CSV, как это традиционно бывает. Есть ли такая возможность экспорта, а также настройка экспорта с привязкой цены скажем к коду товара, или же к его названию.
    Далее вохможность получать CSV файл со всеми значениями чтобы редактировать его оффлайн, например описание, фото итд.
     
  7. heeg.ru

    heeg.ru

    Регистрация:
    6 фев 2015
    Сообщения:
    0
    Симпатии:
    1
    думаю проще прочитать инструкцию по экспорту и импорту из таблицы тут http://heeg.ru/heeg.html#Как имортировать товары из таблицы

    CSV формат конечно поддерживается. Вам удобно разделитель запятая или лучше точка с запятой?
     
  8. Gevano

    Gevano

    Регистрация:
    11 янв 2015
    Сообщения:
    34
    Симпатии:
    5
    Лично мне удобно: точка с запятой
    Я с таким форматом CSV файла привык работать.
     
  9. heeg.ru

    heeg.ru

    Регистрация:
    6 фев 2015
    Сообщения:
    0
    Симпатии:
    1
    экспорт csv -это стандартная функция TW5 (писал ее не я) по умолчанию у нее идет разделитель запятая. Если нужен разделитель ; то нужно здесь http://novye-podarki.ru/heeg.html#$:/core/modules/macros/csvtiddlers.js поменять "," на ";" при этом экспорт будет таким : в фильтре здесь http://novye-podarki.ru/heeg.html#$:/core/ui/AdvancedSearch/Filter пишешь что нужно перенести в таблицу (систеные, не системные статьи что угодно)

    например маска на все товары и разделы будет выглядеть так [tag[$:/Note]!tag[$(tags)$]][tag[$:/TOC]!tag[$(tags)$]] после этого нажать кнопочку экспорт и выбрать форма csv
    Но возможно всё-таки проще сделать экспорт через excel? он тоже поддерживает этот формат.
    --- Добавлено, 19 фев 2015 ---
    еще раз прочитал ваше сообщение. Так как магазин не содержит php кода и у него нет серверной части, то его можно редактировать офлайн на любом компьютере (телефоне) с браузером. То есть для редактирования подключение к интернет не нужно. Принцип работы как со статичным сайтом - изменил-сохранил-залил
     
  10. web2us

    web2us

    Регистрация:
    10 мар 2013
    Сообщения:
    0
    Симпатии:
    0
    почему не сделать демо магазин с товарами больше 1000 и не проверить эксперементально - спарсить и подготовить данные проще, чем разбираться в коде и принципе работы.
     
  11. heeg.ru

    heeg.ru

    Регистрация:
    6 фев 2015
    Сообщения:
    0
    Симпатии:
    1
    В общем-то я так и сделал. В экскле протянул строчку с на 1728 товаров. Все работает полет нормальный :-D
    Можно попробовать сделать10 разделов по 100, только не красиво это будет для демо магазина. Если у кого есть база товаров с нормальными картинками могу залить для эксперимента.
     
  12. heeg.ru

    heeg.ru

    Регистрация:
    6 фев 2015
    Сообщения:
    0
    Симпатии:
    1
  13. VictorAS

    VictorAS

    Регистрация:
    2 ноя 2014
    Сообщения:
    8
    Симпатии:
    1
    Сначала было подумал, что идея из разряда "поисковик на народе" (кто помнит narod.ru - поймет), т.е. без всяких перспектив. Почитал, подумал, осмыслил вот это
    Идея на самом деле крутая. Желаю всяческих успехов в реализации! Единственное - совсем без серверной части, всё ж таки трудно себе представить, как оно будет работать, но нет пределов для полета фантазии творческого человека. На самом деле круто. Респект.
     
  14. heeg.ru

    heeg.ru

    Регистрация:
    6 фев 2015
    Сообщения:
    0
    Симпатии:
    1
    Написал инструкцию как открыть бесплатный интернет магазин с неограниченным количеством товаров.

    Чтобы создать свой бесплатный магазин ВКонтакте вам необходимо
    1. Скачать пустой HTML шаблон http://heeg.ru/heeg151_vk_empty.zip
    2. Открыть вложенный heeg151_vk_empty.html из меню галочка V в правом верхнем углу выбрать пункт "создать раздел". Добавить название раздела вместо даты.
    3. Из меню "галочка" выбрать пункт "создать товар" , заполнить все необходимые поля карточки товара, верхнее поле заполняем кодом товара из цифр английских букв (заполнить поля с фотографиями вставив пути к фотографиям из ВКонтакте . Чтобы узнать путь к фотографии, нужно щелкнуть по ней правой кнопкой мыши и выбрать свойства. Путь будет иметь вид https://pp.vk.me/c624228/v624228859/zHRNaiVJoXU.jpg если нужно вставить несколько фотографий пишем в поле subtitle: <$slider im1="https://pp.vk.me/c624228/v624228859/15005/zHRNaiVJoXU.jpg" im2="https://pp.vk.me/c613520/v613520050/12d9d/OOL0kYXn6jM.jpg" im3="https://pp.vk.me/c618426/v618426050/ebe8/oEjFqwF0lds.jpg" /> ). нажать
    галочку для сохранения товара. закрыть крестиком созданный товар и создать следующий.
    Меняем настройки магазина в меню галочка, значок « затем кнопка шестеренка и вкладка "Цены"
    4. Из меню галочка выбрать пункт " сохранить изменения" и "сохранить как" на рабочий стол.
    5. Зайти в свою почту на г-меил и нажать кнопку "сервисы" в правом верхнем углу (9 квадратиков) и выбрать в меню кнопку "Диск"
    6. В левом верхнем углу выбираем кнопку "загрузить" и выбираем наш html файл с рабочего стола.
    7. Щелкаем правой кнопкой на загруженный файл и выбираем "совместный доступ" затем "расширенные" рядом с замочком "изменить" и ставим точку рядом "видно всем в интернете" и

    сохранить. Скопировать ссылку вида " https://drive.google.com/file/d/0B0kR1zRxaHmkRmVob0JlamlTTUk/view?usp=sharing " в блокнот, вырезать код страницы между /d/ и /view? .
    Этот код необходимо вставить в ссылку типа host , чтобы получилась ссылка вида
    https://www.googledrive.com/host/0B0kR1zRxaHmkRmVob0JlamlTTUk/
    по этой ссылке ваш сайт будет всегда доступен. Если вы будете добавлять товары и перезаливать магазин, необходимо использовать "версии" кликнув правой кнопкой на фаил.
    8. Чтобы присоединить свой магазин к ВКонтакте необходимо зайти на свою страницу. "Мои группы" и "создать сообщество". Создать Группу с названием своего магазина.
    9. Затем выбрать Приложения и нажать кнопку "создать приложение" заполняем название приложения и ставим точку "IFrame/Flash приложение" и точку "Приложение" и нажать кнопку

    "перейти к загрузке приложения" , подтвердить через SMS, получить код. Выбираем нашу группу, иконку итд.
    10. В левом меню выбираем "Настройки" Состояние:Приожение включено и видно всем тип приложения Iframe
    Адрес IFrame: http://www.googledrive.com/host/0B0kR1zRxaHmkRmVob0JlamlTTUk/ (внимание # вместо последнего / если открывается страница с названием ?api_url=https)
    HTTPS-адрес IFrame: https://www.googledrive.com/host/0B0kR1zRxaHmkRmVob0JlamlTTUk/ (внимание # вместо последнего / если открывается страница с названием ?api_url=https)
    затем выбираем настрой и ставим галочку "Выводить ссылку на приложение в меню слева"
    11.Вот и всё ваш магазин готов! Продвигайте свою группу и отправляйте всем ссылку на свое приложение https://vk.com/app4734761_810555
     
    ponchic нравится это.
  15. haarhus

    haarhus

    Регистрация:
    26 сен 2015
    Сообщения:
    0
    Симпатии:
    0
    А вопрос регистрации (постоянных покупателей), скидки, связные товары и т д. Мне кажется без базы данных будет туго совсем и проект будет казаться незавершенным
     
  16. mihael-vlz

    mihael-vlz

    Регистрация:
    26 сен 2015
    Сообщения:
    2
    Симпатии:
    1
    А как обстоят дела у данного магазина с индексацией? Проверяли?
    А так очень интересная разработка.
     
  17. heeg.ru

    heeg.ru

    Регистрация:
    6 фев 2015
    Сообщения:
    0
    Симпатии:
    1
    С индексацией все очень даже круто. Добавил микроразметку и обновил демку http://novye-podarki.ru/ Появился первый реально работающий магазин на CMS heeg.ru http://magast.ru/magazin/heeg.html все товарные позиции проиндексировались яндексом и гуглом. Достаточно вбить в поисковики название любого товара из магазина. Добавил себе на сайт платные услуги по созданию интернет магазина на своем движке.

    Теперь про магазин на гугл диске- все что писал туфта. Гугл закрывает host через год, поэтому размещать там магазин нет смысла. Но есть хорошая новость - Джереми (создатель TW5) рекомендует этот бесплатный хостинг для размещения https://neocities.org/ он идет сразу с https , поэтому залил туда сайт вместе с папкой картинок и подключил к вконтакту, то есть не нужно по одной фотке из вконтакта цеплять.
     
  18. zerg3000

    zerg3000

    Регистрация:
    4 дек 2015
    Сообщения:
    3
    Симпатии:
    0
    А скорость загрузки страницы при 10000 тысячах товаров как? Ну скорость работы тоже? Совсем без серверной части никак.
    --- Добавлено, 4 дек 2015 ---
    Верненее не никак, а совсем неудобно. А если у вас 5 работников и они должны редактировать одновременно базу товаров? Это возможно подойдет для маленького магазинчика и то до тех пор пока у браузера включен javascript.
     
  19. Umbrella.Coders

    Umbrella.Coders

    Регистрация:
    6 дек 2015
    Сообщения:
    0
    Симпатии:
    0
    если так нравится JS, почему бы не использовать NodeJS + MongoDB и разрабатывать как нормальный человек, а не кодить кучу неподдерживаемого кода?


    Пригляделся, первая строчка про установку гласит "Установить NodeJS" , ну и как тогда без серверной части? а нода это что?)))
     
  20. heeg.ru

    heeg.ru

    Регистрация:
    6 фев 2015
    Сообщения:
    0
    Симпатии:
    1
    NodeJS устанавливается на компьютер с одной только целью - разбить основной html на много маленьких для правильной индексации. Серверных скриптов в магазине нет.
    теоритически его можно использовать и как серверную часть http://tiddlywiki.com/#TiddlyWiki on Node.js но я пока до этого не дошел.

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