Быстрая установка :
Мы собираемся создать быструю простую панель администратора с использованием Angular Cli и Bulma Css Framework. Доступно несколько учебных пособий, которые помогут вам начать работу с Angular Cli. Цель состоит не в том, чтобы воссоздать что-то новое, а в том, чтобы понять, насколько легко и быстро можно создать панель администратора с помощью Angular Cli и Bulma.
Команды, используемые для установки Angular Cli, за которыми следует Bulma framewokr
npm install -g @angular/cli npm install bulma
Лучшим вариантом было бы загрузить исходный код по ссылке github, указанной под содержимым, и выполнить следующую команду
npm install ng serve
По умолчанию страница загружается на localhost: 4200.
Bulma Framework:
Bulma - это бесплатный CSS-фреймворк с открытым исходным кодом, основанный на Flexbox.
Недавно Bulma приобрела популярность в css framworks, она разработана очень сильной командой и сообществом. Лично я хотел создать простое / базовое и быстрое приложение для администрирования и хотел увидеть, как Bulma поможет мне завершить задачу. Результат был потрясающим
Там у нас было несколько вещей, которые мне нужны были сразу же из коробки, чтобы начать работу. Просто потребовалось несколько часов, чтобы прочитать документацию и шаги, и я был готов наполовину к созданию основной панели инструментов. Bulma - это очень легкий и простой каркас. В нем были все компоненты и элементы, которые мне сразу понадобились, например (навигация, макеты, меню и т. Д.). Удивительный фактор здесь в том, что все это заняло очень мало времени.
К моему удивлению, действительно интересными оказались такие концепции, как уровень, объекты мультимедиа и использование форм, это было просто и аккуратно. Одна вещь, которая должна быть оценена, - это макет сетки, степень гибкости и использования макета потрясающая. Вот несколько примеров изображений панели администратора. Единственный недостаток, который я чувствовал в фреймворке, - это отзывчивость, потребовалось некоторое время, чтобы понять, как адаптивный макет работает в Bulma, возможно, мне следовало потратить больше времени на чтение документации, но все же чувствую, что кривая обучения адаптивной части немного выше и немного сбивает с толку
Заключение :
Я понимаю, что это простая сборка панели администратора с использованием Angular 4, цель всего этого проекта - проверить, насколько простой и понятный фреймворк Bulma должен немедленно начать работу. Если кто-то хочет быстро выполнить POC на экране администратора или быстро начать работу в angular Cli, этот код может помочь вам мгновенно начать работу. Загрузите весь код с Github по приведенной ниже ссылке. Перед выбором правильного фреймворка необходимо учесть множество факторов. Мне лично нужно потратить много времени на то, чтобы понять, как bulma поможет в крупных корпоративных приложениях и дизайне.
Https://github.com/manojkumar3692/Angular_Bulma_Admin-Dashboard
