Админка для html страниц
Программирование на C++ в Unreal Engine 5
Данный курс научит Вас созданию игр на C++ в Unreal Engine 5. Курс состоит из 12 разделов, в которых Вас ждёт теория и практика. Причём, в качестве практики будет создан весьма крупный проект объёмом свыше 5000 строк качественного кода, который уже на практике познакомит Вас с принципами создания игр на C++ в Unreal Engine 5.
Параллельно с курсом Вы также будете получать домашние задания, результатом которых станет, в том числе, полноценная серьёзная работа для портфолио.
Помимо самого курса Вас ждёт ещё и очень ценный Бонус: «Тестирование Unreal-проектов на Python», в рамках которого Вы научитесь писать очень полезные тесты для тестирования самых разных аспектов разработки игр.
Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.
Подписаться
Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.
Подписаться
Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.
Мой аккаунт Моя группа
BootstrapTema
Бесплатные шаблоны админ панелей Bootstrap, для каждого admin шаблона предоставлено демо и картинка скриншот, любой шаблон админки можно скачать бесплатно.
Панель администратора или интерфейс на основе SASS, это многофункциональные компоненты и специально разработанные демонстрационные страницы помогут вам создавать лучшие проекты веб-приложений.
NOA (Shareware Template)
Шаблон администратора html5 gulp SCSS и CSS, простой и продвинутый дизайн шаблона панели администратора, который поставляется с несколькими современными плагинами jQuery.
React Reduction — React (Free Template)
Бесплатный шаблон панели администратора, созданный с использованием новейших технологий, Bootstrap 4 и React. Это первоклассная тема администратора для панели администратора — админка.
Gull (Shareware Template)
Шаблон админка Pure Vue JS + HTML, построен на основе компонентов VueCli, Vue, Vuex, Sass и BootstrapVue. Поставляется с четырьмя приборными панелями, пятью приложениями, более чем 200 виджетами.
Mosaic — Tailwind CSS (Shareware Template)
Мощный шаблон панели администратора, созданный с помощью Tailwind CSS, содержит сотни готовых макетов и разделов. Написаны версии на HTML, React, Laravel и Vue, помогут вам быстро приступить к работе.
Админка за 10 минут
Здравствуйте, уважаемое Хабрасообщество!
Я занимаюсь разработкой веб-сайтов. Как правило, это решения под индивидуальные потребности заказчиков. Поэтому я не использую готовые CMS, а предпочитаю складывать кирпичики самостоятельно. Конечно и админскую часть приходиться писать самостоятельно, поскольку она должна выполнять те функции, которые нужны заказчику, но и ничего лишнего не должно быть. И если написать несколько методов для редактирования данных это пол беды, то приходилось ещё и верстать приятный и удобный интерфейс.
Долгое время я использовал Twitter Bootstrap, но он не мог удовлетворить все потребности. Приходилось верстать дополнительные кнопочки и писать скрипты. Но вот однажды, я познакомился с замечательным UI-фреймворком KendoUI от Telerik. Что из этого получилось под катом.
О самом фреймворке уже писалась статья на Хабре. Мы будем использовать библиотеку Web-контролов KendoUI Web. Чтобы понимать, что можно создавать с её помощью можно посетить страничку с демо. Для построения контролов можно использовать как хелперы для ASP.NET, JSP или PHP, так и javascript-виджеты. Последние распространяются по лицензии GPL v3 License, поэтому я использовал именно их. Скачать тот или иной пакет можно здесь. На серверной стороне я использую ASP.NET MVC 4 с пакетом Microsoft ASP.NET Web API OData 4.0.0, уставить который можно с помощью команды PM> Install-Package Microsoft.AspNet.WebApi.OData
Для демонстрации создадим простой класс Article, и добавим ему три свойства разного типа
public class Article < public int ID < get; set; >public string Title < get; set; >public bool Hidden < get; set; >> Далее создадим ApiController для работы с данными. В своем примере я использую Entity Framework, поэтому сразу указываю Scaffolding options
После этого я изменяю только действие GetArticles, так показано в примере ниже. Прежде всего теперь оно возвращает ODataResult. А в качестве параметра принимает ODataQueryOptions, это коллекция сериализованных параметров строки запроса. В самом действии мы получаем коллекцию и общее количество элементов в ней. А после применяем к ней входящие параметры. В результате мы возвращаем коллекцию после применение к ней параметров и общее количество, оно необходимо для пагинации.
public class ArticlesController : ApiController < private Storage db = new Storage(); // GET api/Articles public ODataResultGetArticles(ODataQueryOptions options) < var items = db.Articles; var count = items.Count(); var res = (IEnumerable)options.ApplyTo(items); return new ODataResult(res, null, count); > // GET api/Articles/5 public Article GetArticle(int id) < Article article = db.Articles.Find(id); if (article == null) < throw new HttpResponseException(Request.CreateResponse(HttpStatusCode.NotFound)); >return article; > // PUT api/Articles/5 public HttpResponseMessage PutArticle(int id, Article article) < if (ModelState.IsValid && article.ID) < db.Entry(article).State = EntityState.Modified; try < db.SaveChanges(); >catch (DbUpdateConcurrencyException) < return Request.CreateResponse(HttpStatusCode.NotFound); >return Request.CreateResponse(HttpStatusCode.OK); > else < return Request.CreateResponse(HttpStatusCode.BadRequest); >> // POST api/Articles public HttpResponseMessage PostArticle(Article article) < if (ModelState.IsValid) < db.Articles.Add(article); db.SaveChanges(); HttpResponseMessage response = Request.CreateResponse(HttpStatusCode.Created, article); response.Headers.Location = new Uri(Url.Link("DefaultApi", new < >)); return response; > else < return Request.CreateResponse(HttpStatusCode.BadRequest); >> // DELETE api/Articles/5 public HttpResponseMessage DeleteArticle(int id) < Article article = db.Articles.Find(id); if (article == null) < return Request.CreateResponse(HttpStatusCode.NotFound); >db.Articles.Remove(article); try < db.SaveChanges(); >catch (DbUpdateConcurrencyException) < return Request.CreateResponse(HttpStatusCode.NotFound); >return Request.CreateResponse(HttpStatusCode.OK, article); > > Вот и все. Самое время переходить к клиентской части. Для начала подключим KendoUI и JQuery на страницу.
После этого установим и настроим виджет. Подробнее о настройках виджета можно прочитать здесь.
Готово! Теперь можно запускать и проверять. Менее чем за 10 минут мы создали полноценный интерфейс для управления данными, с возможностью пагинации, сортировки и фильтрации. Удобный и приятный. Спасибо KendoUI и формату OData, а Вам за внимание.
Р.S. Кстати есть возможность локализации виджетов. Для этого необходимо подключить соответствующий скрипт из папки js/cultures, который поставляется в архиве с фреймворком.