Structure-admin — это инфраструктура системы управления и контроля серверной части. Стек технологий: nodeJS+vue+vuex+mysql+redis. Интерфейсная часть использует библиотеку компонентов element-ui, серверная часть использует службы nodeJS, базу данных mysql. , а кеш использует redis, серверная часть полностью использует nodeJS
, а база данных использует mysql
. nodejs的thinkjs框架搭建的
и представляет собой полнофункциональную разработку. поддерживать:
- 1. Используйте vuex для реализации управления состоянием
- 2. Статическая страница, введение серверной службы (nodeJs).
- 3. Компонент использует element-ui
- 4. Макет страницы — сверху и слева. Левый и правый макет используют гибкость и гибкость макета. Ширина фиксируется слева, а ширина рассчитывается справа.
- 5. Левая и правая полосы прокрутки независимы друг от друга. Снимите полосу прокрутки с корпуса.
Если вам нравится бэкэнд, написанный на nodeJS
, который поддерживает масштабную фронтенд-разработку и полнофункциональную разработку, пожалуйста, star
и fork
проект.
Если у вас возникли проблемы с использованием, пожалуйста, оставьте сообщение.
- Официальный сайт ThinkJS (узловой фреймворк)
- Официальный сайт Vue.js (клиентская платформа двусторонней привязки данных)
Онлайн-адрес: Онлайн-адрес, номер счета: тестовый, пароль: 123456
1. Прежде всего, ваша среда — nodejs, и вы не сможете ее установить и настроить. Ссылка: конфигурация среды nodejs.
2. Клонируйте проект
git clone https://github.com/saucxs/structure-admin.git
3. Установите соответствующие зависимости для папки Structure-admin-web внешнего интерфейса vue и внутреннего узла Structure-admin-node.
npm install
4. Установите Redis (можно рассмотреть возможность установки RedisDesktopManager)
Ссылка: установка Redis под окном, установка инструмента визуального управления Redis (Redis Desktop Manager), базовое использование, проект создания экземпляра.
5. Установите mysql. Не буду здесь вдаваться в подробности.
6. Измените файлы конфигурации серверной части nodejsadaptary.js и config.js.
adapter.js
exports.cache = {
type: 'redis',
common: {
timeout: 24 * 60 * 60 * 1000 // millisecond
},
redis: {
handle: redisCache,
host: '127.0.0.1',
port: 6379,
password: 'a123456' //redis安装时候设置的秘密
}
};
//
//
exports.model = {
type: 'mysql',
common: {
logConnect: true,
logSql: true,
logger: msg => think.logger.info(msg)
},
mysql: {
handle: mysql,
database: 'structure_admin',
prefix: 'structure_',
encoding: 'utf8',
host: '127.0.0.1', //本地数据库
port: '3306', //数据库端口
user: 'root', //数据库的用户名
password: '123456', //数据库该用户名的密码
dateStrings: true
}
};
7. Файл базы данных, адрес: structure-admin-node/src/common/mysql/structure_admin.sql
8. Запускайте проекты с отдельными фронтендом и бэкендом соответственно.
(1) Запуск структуры-admin-web внешнего интерфейса vue
npm run dev
(2) и запуск серверной структуры узла-admin-node
npm start