Introduction
Это фоновая система управления Blog 2.0. Версия 1.0 напрямую использует Django Admin, а пластичность не очень высока.
Поскольку у меня есть опыт самостоятельного написания бэкенда с Vue на работе, в этот раз я использовал React для создания бэкенда, используя react + react-router-4 + mobx + Google reCAPTCHA + Ant Design, если честно, по сравнению с фронтом -end JS и CSS Объем кода составляет по 50%, и этот фоновый урожай все еще очень велик.
На более позднем этапе будет выпущена облегченная версия для критики и исправления большими парнями, то есть вы не можете загрузить или изменить пароль, а все остальное вы можете сделать.
Поскольку я только что выпустился и у меня не так много рабочего времени, я чувствую, что проект, над которым я работаю, все еще немного незрелый, поэтому я решил открыть его исходный код и принять мнения больших парней.
Документация по внешнему интерфейсу нажмите здесь
Сейчас я активно(ку)крайне(би)ищу работу, если есть подходящая возможность, свяжитесь со мной, или оставьте свой емейл. Моя электронная почта: developer@yanceyleo.com
Detail
Login
Поскольку в регистрации действительно нет необходимости, имя пользователя и зашифрованный пароль хранятся непосредственно в базе данных.Конечно, если у вас позже будет хорошее настроение, вы не можете исключить получение регистрации.
Использование Google reCAPTCHA, по словам моего коллеги, делает вид, что показывает себя 😂, но использование этой штуки также заложило прочный фундамент для заполнения библиотеки запросов и библиотеки запросов-обещаний позже, эм.
Хоть это и фон для себя, но некоторые операции я все же считаю незаконными.Например, на этой странице кнопку входа можно нажать только в том случае, если у почты, пароля и Google reCAPTCHA есть значения. ; сразу после нажатия кнопки ставим кнопка, чтобыdisabledчтобы избежать многократных кликов.
CRUD
Поскольку большинство модулей имеют структуру, показанную на картинке выше, выберите один из них для написания, просто используйтеplayerПример модуля:
- Табличные данные рендеринга с использованием пагинации;
- Операции с данными выполняются путем добавления, удаления, изменения и проверки, а также кнопок пакетного удаления;
- Как упоминалось выше, фон написан с точки зрения пользователя, поэтому, когда пользователь не заполнит всю информацию, ему будет запрещено нажимать кнопку отправки;
- Упакованный интерфейс загрузки Ali OSS
- Нажмите на картинку в таблице (если она есть), она увеличится и отобразится;
- Удалить и пакетное удаление появится заранее
是否确认删除tip;
Article
Это основная функциональная область Блога.Помимо обычных добавлений, удалений, ревизий и пакетных удалений также добавлены функции нечеткого поиска и поиска по периоду времени.
Article Editor
Это основная функциональная область блога, Обложка Заголовка, Заголовок, Резюме, Содержание, Теги, используемые для написания статьи, конечно, все это обязательные элементы, поэтому mobx обнаруживает, что если некоторые элементы пусты, также не может быть представлен.
Пользовательский интерфейс всплывающих окон, используемый редактором Markdown, очень удобен в использовании, и магия сильно изменилась, прежде чем он стал подходящим для моего собственного использования.
Сосредоточьтесь на той части, которая не попала на картинку выше 😂, там две кнопки для отправки.
-
Кнопка слева есть
保存并留在当前页面, что на самом деле является функцией временного хранения, и я также добавил функцию.При нажатии этой кнопки всплывает всплывающее окно с вопросом, следует ли публиковать немедленно, то есть:当点击`保存并留在当前页面`后在点击yes，文章将会被保存到数据库，而且会被发布，并且留在当前编辑页面 当点击`保存并留在当前页面`后在点击no，文章将会被保存到数据库，不会被发布，并且留在当前编辑页面 -
Кнопка справа чистая
保存, После нажатия статья будет сохранена, затем опубликована и, наконец, перейдет на страницу со списком статей.
CV
Этот модуль на самом деле может быть написан в виде таблицы, но писать таблицу очень утомительно, так что измените свой вкус, на самом деле это похоже на эффект многих веб-сайтов по подбору персонала.
Global Setting
Здесь три модуля:
- Первая — личная основная информация, у которой на самом деле есть две функции, одна — место в правом верхнем углу фона (
или пробел😂), другое использование — часть личной информации на странице резюме переднего плана; - Второй - сменить пароль.Не думаю, что буду пользоваться этим местом, но так как я хочу его написать, я это сделаю;
- Третье — это глобальная конфигурация. Конечно, теперь есть только один интерфейс, что является следствием установки серого цвета для всего сайта. для некоторых особых траурных дней.
наконец
Поскольку в последнее время я занят поиском работы, перенос статьи и написание документов на английском языке будут реализованы после этого периода времени.Если есть хорошая возможность работы, вы можете связаться со мной~
Выше よろしく.