Привет всем! Жить тяжело, но управлять своим веб-сайтом тоже сложно, особенно когда вы ведете малый бизнес в одиночку, и это тоже с небольшим опытом программирования или без него. Хорошо. мы не можем спорить о бывшем, но последнее не обязательно должно быть таким, как оно есть.

Представляем вам простое решение для управления веб-сайтом на основе продукта без какого-либо опыта программирования или знаний.

Если вы думаете, что это реклама любого приложения. Это не.

Это просто Идея (и своего рода реализация), потому что мне стало скучно дома, и из-за недавних обстоятельств мне нужно было отвлечься, поэтому ...

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

Причина создания этого приложения была полностью личной, и поэтому я создал это приложение с нуля, без использования каких-либо внешних зависимостей или вызовов API, с использованием только минимума Bare Minimum, то есть «HTML», «CSS», старого доброго «JavaScript» (также известного как «Vanilla»). JavaScript ») и« PHP »(для Backend). Без всяких сомнений можно сказать, что это приложение можно было бы улучшить, используя гораздо более совершенные фреймворки и / или бэкэнд-технологии, даже используя вызовы API. При этом, Моим Мотивом было понять, до какого Предела можно пойти, используя Простой JavaScript, чтобы все работало (и добавить еще одну стрелку в свой Арсенал).

Так что без лишних слов

Вот приложение с его рабочим видео.

Меню :

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

Меню должно быть меню на основе QR. Это означает, что приложение будет динамически генерировать QR-код (на основе домена сервера, на котором он размещен), сканирование, которое перенаправит клиента на сам веб-сайт. Затем этот QR-код можно распечатать на визитной карточке или плакате или даже отправить в сообщении в виде изображения. Это более дешевое решение для многих, потому что почти у каждого есть смартфон, и любой может получить доступ к меню и разместить заказ.

Плюс: Печать только визиток дешевле, чем печать визиток + плакатов + меню + флаеров. так что…

Меню также можно легко изменить для заказов по требованию. Изначально я делал меню таким образом только для моего двоюродного брата, который открыл свою домашнюю пекарню. Следовательно, UI.

Это также можно легко интегрировать в систему отправки счетов через Интернет. Но это платный вариант, если вы не пытаетесь сделать это самостоятельно (хм, похоже, что другой проект в разработке…).

Менеджер сайта:

Теперь идет звезда шоу Менеджер веб-сайта. Это прогрессивное веб-приложение (PWA), которое по сути представляет собой веб-приложение , которое можно установить на ваш смартфон, как и любое другое полноценное приложение. Менеджер веб-сайтов - это приложение, позволяющее владельцам бизнеса легко добавлять, изменять, изменять или удалять продукт. и связанный с ним контент / данные без каких-либо проблем и / или каких-либо знаний о кодировании.

У него действительно простой интерфейс (который будет объяснен далее), который позволяет продавцу / владельцу бизнеса / создателю легко управлять содержимым меню.

Главный экран выглядит так…

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

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

Третий сегмент (который я бы назвал вишенкой наверху) - это настраиваемое контекстное меню. Это меню, которое мы получаем при щелчке правой кнопкой мыши на веб-странице (или при длительном нажатии в случае устройств с сенсорным экраном). Это меню работает только с папками (то есть категориями) или файлами (то есть изображениями продуктов) на данный момент, но может быть изменено или адаптировано в соответствии с вариантом использования или требованием. Меню содержит два параметра УДАЛИТЬ и ПЕРЕИМЕНОВАТЬ, которые делают очевидное. Эта функциональность также обрабатывается внутренними скриптами PHP так же, как выполняется изменение данных и заполнение живого просмотра категорий / изображений продуктов.

Данные содержимого продукта хранятся в базе данных. Данные изображения также могут храниться в базе данных (для простоты разработки), но загрузка занимает гораздо больше времени. Также гораздо лучше было бы использовать службу CDN для размещения Контента. Но, как я уже сказал, я не хотел использовать какие-либо внешние зависимости или API.

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

QR-код - единственный компонент приложения, который использует внешнюю зависимость от Google Chart API.

Adios

Итак, это все о приложениях, которые (после улучшения и готовности к производству) должны считаться действительно полезными для владельцев малого бизнеса и людей, которые начали свой домашний бизнес.

Это может быть существенно полезно в текущем сценарии, когда COVID -19 стоил многим людям их рабочих мест, поэтому это может быть очень полезно для них, если они планируют работать самостоятельно. Возможно, открытие домашней пекарни. или продажа поделок ручной работы, артефактов или даже эскизов и картин.

Также одно важное замечание: это мой первый проект на основе JavaScript, и он помог мне узнать о нем много нового (например, намного больше, чем я ожидал). Было действительно весело делать это с нуля.

Ага! и наконец Спасибо всем за то, что вы держались до конца.

В случае возникновения каких-либо вопросов, не стесняйтесь обращаться ко мне…

Автор: Ганприт Сингх

Первоначально опубликовано на https://www.linkedin.com.