温馨提示

renren-ui已合并到renren-security仓库里面，仓库地址为： https://gitee.com/renrenio/renren-security

renren-ui

• renren-ui基于vue、element-ui构建开发，实现 【renren-security】 后台管理前端功能，提供一套更优的前端解决方案
• 前后端分离，通过token进行数据交互，可独立部署
• 动态菜单，通过菜单管理统一管理访问路由
• 后端地址：https://gitee.com/renrenio/renren-security
• 演示地址：http://demo.open.renren.io/renren-security (账号密码：admin/admin)

Установка

Вам нужно заранее установить на локальном компьютере Node.js, версия: [12.x, 14.x], затем использовать Git для клонирования проекта или просто скачать проект, после чего выполнить следующие команды через командную строку терминала.

# Переходим в корневой каталог проекта

# Устанавливаем плагины
npm install

# Запускаем проект
npm run serve

Если сеть нестабильна, установка завершается с ошибкой или прогресс идёт медленно! Пожалуйста, перейдите на cnpm и используйте зеркало Taobao для установки.

После запуска автоматически откроется браузер и перейдёт на страницу http://localhost:8001. Если вы видите следующую страницу, это означает, что фронтенд-проект работает успешно! Поскольку проект имеет разделение на фронтенд и бэкенд, необходимо убедиться, что оба проекта работают независимо друг от друга.

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

Технологический стек

Предварительное ознакомление и изучение этих знаний очень поможет при использовании этого проекта.

• Node.js
• ES6
• Vue-cli
• Vue
• Vue-router
• Vuex
• Vue-i18n
• Axios
• Element
• JS-cookie

Структура каталогов

├── src                        
│  ├── assets                 // Статические ресурсы
│  ├── components             // Общие компоненты
│  ├── element-ui             // Стили element
│  ├── i18n                   // Интернационализация
│  ├── icons                  // Иконки
│  ├── mixins                 // Миксины
│  ├── router                 // Маршрутизация
│  ├── store                  // Управление состоянием
│  ├── utils                  // Утилиты
│  ├── views                  // Бизнес-логика
│  └── App.vue
│  └── main.js                // Точка входа
├── ...
├── package-lock.json
├── package.json
└── vue.config.js             // Конфигурация vue-cli

Частые вопросы

Как изменить адрес API запроса?

• Измените значение переменной window.SITE_CONFIG['apiURL'] в файле /src/pubilc/index.html под комментарием <!-- Разработка окружения -->.

<!-- Разработка окружения -->
<% if (process.env.VUE_APP_NODE_ENV === 'dev') { %>
<script>
window.SITE_CONFIG['apiURL'] = 'http://localhost:8080/renren-admin';
</script>
<% } %>

Как общаться, оставлять отзывы и участвовать в разработке?

• Документация по разработке: https://www.renren.io/guide/security
• Официальное сообщество: https://www.renren.io/community
• Репозиторий Gitee: https://gitee.com/renrenio/renren-ui
• Renren Open Source: https://www.renren.io
• Чтобы следить за последними новостями проекта, добавьте его в избранное, поставьте звёздочку или следите за ним.
• Для технических обсуждений, вторичной разработки и других консультаций, вопросов и предложений, пожалуйста, посетите официальное сообщество. Я постараюсь ответить и помочь как можно скорее!
• Отсканируйте QR-код и подпишитесь на [Renren Open Source] в WeChat, чтобы получать последние новости и обновления проекта.

Группа общения в WeChat

Мы создали группу общения в WeChat. Отсканируйте QR-код ниже, подпишитесь на публичный аккаунт [Renren Open Source], ответьте на сообщение «Присоединиться к группе», и следуйте инструкциям для присоединения к группе в WeChat!