Platform-plus-ui разработан на основе Vue и Element-UI для создания бэкенда платформы Platform-plus.
Инкапсулирован компонент редактора форматированного текста, который поддерживает двустороннюю привязку данных форматированного текста с использованием v-model. Это так же просто, как использовать input.
<ueditor v-model="msg"></ueditor>
...
data () {
return {
msg: '<h2><img src="http://img.baidu.com/hi/face/i_f03.gif"/>Vue + UEditor + v-model двусторонняя привязка</h2>'
}
Демонстрация проекта
- Управление системой
- Управление меню
- Организационная структура
- Системные параметры
- Управление словарем
- Загрузка файлов
- Журнал системы
- Управление правами доступа
- Список администраторов
- Управление ролями
- Платформа коротких сообщений
- Конфигурация коротких сообщений
- Планирование задач
- Периодические задачи
- Инструменты разработки
- Онлайн-управление пользователями
- Информация о кэше
- Мониторинг SQL
- Документация по интерфейсу
- Генератор кода
Вам необходимо установить nodejs локально.
Этот проект уже был создан с помощью инструмента vue-cli, предоставляя вам полную структуру разработки, настроенную в соответствии с бизнес-требованиями. Ниже представлена структура всего проекта.
├── build // Сборка
├── config // Конфигурация сборки
├── dist // Сборка и упаковка файлов развертывания
│ ├── 1902151513 // Статические ресурсы (19 год 02 месяц 15 день 15 час 13 минут)
│ ├── config // Конфигурация
│ └── index.html // Входной файл
├── src // Исходный код
│ ├── assets // Статические активы
│ ├── components // Глобальные общие компоненты
│ ├── element-ui // Компоненты конфигурации element-ui
│ ├── element-ui-theme // Тема компонентов element-ui
│ ├── icons // Все svg icons
│ ├── router // Маршрутизация
│ ├── store // Глобальное управление хранилищем
│ ├── utils // Глобальные методы
│ ├── views // Просмотр
│ ├── App.vue // Входной компонент
│ ├── main.js // Вход
├── static // Сторонние ресурсы без упаковки
│ ├── config // Глобальная конфигурация переменных
│ ├── img // Значок favicon
│ ├── plugins // Плагины
├── .babelrc // Конфигурация babel-loader
├── eslintrc.js // Конфигурация eslint
├── .gitignore // Git игнорирует элементы
├── index.html // Шаблон HTML
└── package.json // Package.json
# Установить зависимости
npm install
# Запустить сервис
npm run dev
Во время установки могут возникнуть проблемы с установкой, медленной установкой или ошибками. Пожалуйста, попробуйте следующие способы:
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install
# Запуск сервиса
npm run dev
После запуска автоматически откроется браузер и перейдет по адресу http://localhost:8000.
Изменить
/static/config/index-[prod].js файл
window.SITE_CONFIG['baseUrl'] = 'http://47.93.215.16/platform-plus'// Адрес запроса интерфейса бэкэнда
window.SITE_CONFIG['domain'] = 'Адрес статических ресурсов CDN';
# Сборка производственной среды (по умолчанию)
npm run build
location / {
# Указывает на упакованные файлы переднего плана после загрузки
root /usr/local/nginx/dist;
index index.html;
}
location /platform-plus {
# Переадресация запросов на бэкэнд
proxy_pass http://localhost:8888;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
Изображения:
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.