Слияние кода завершено, страница обновится автоматически
Добро пожаловать в vue-xuadmin!
Vue + element-ui 无限级菜单 权限管理 后台模板
👤 xuxuxu-ni
Этот фреймворк имеет управление правами доступа, которое предназначено для удобства. Оно не имеет ничего общего с безопасностью системы. Права доступа используются только для управления тем, что пользователь может видеть в меню и кнопках. Меню генерируется на основе роли пользователя. Если роль пользователя не позволяет ему видеть определённый маршрут, он будет удалён из таблицы маршрутов. Затем динамически добавляются маршруты, доступные пользователю. Исходная таблица маршрутов, содержащая все маршруты, удаляется после запуска кода. Кроме того, каждая маршрутизация проверяется на наличие прав доступа. Если у вас есть доступ к таблице маршрутов или вы можете обойти проверку 404, вы всё равно не сможете увидеть новые возможности, поскольку все данные предоставляются через запросы к серверу. Без соответствующих прав доступа сервер не предоставит вам данные или не позволит вам выполнять операции.
Проект доступен по следующим адресам:
Это управление правами доступа предназначено для упрощения работы. Оно никак не связано с безопасностью системы. Управление правами доступа используется только для определения того, какие меню и кнопки доступны пользователю. Меню и кнопки создаются на основе ролей пользователей. Если роль пользователя не разрешает доступ к определённому маршруту, этот маршрут будет удалён из таблицы маршрутизации. Затем добавляются доступные маршруты. Исходная таблица маршрутизации, содержащая все маршруты, удаляется при запуске кода. Каждый переход по маршруту также проверяется на наличие разрешений. Даже если у вас есть доступ к таблице маршрутизации или вы можете обойти 404 проверку, вы не увидите новых возможностей, так как все данные передаются через запросы к серверу. Сервер не предоставит вам данных или не разрешит вам выполнять операции без соответствующих разрешений.
vue-xuAdmin — это шаблон для бэкенда, разработанный на основе Vue2.0 и Element-UI. Он предоставляет следующие функции:
— Бесконечное меню уровней; — Управление разрешениями на уровне страниц и кнопок; — Динамическая маршрутизация и проверка разрешений; — Все изменения в интерфейсе не требуют взаимодействия с бэкендом.
Это упрощает разработку и снижает затраты на коммуникацию между фронтендом и бэкендом.
Разработка среды: Node.js v8.0+
Webpack v3
Git
Технологический стек: — ES6+ — Vue v2.5+ — Vue-router — Vuex — Axios — Sass — Element-UI v2.4+
Также были упакованы некоторые компоненты, которые отсутствуют в Element-UI, но часто используются. Все необходимые функции уже есть в Element-UI и могут быть скопированы напрямую.
## 4. Использование разработки
### 4.1 Разработка
git clone https://github.com/xuxuxu-ni/vue-xuAdmin.git
yarn config set registry https://registry.npm.taobao.org/ or npm config set registry https://registry.npm.taobao.org
yarn or yarn install or npm install
yarn dev or npm run dev
yarn unit or npm run unit
yarn e2e or npm run e2e
yarn build or npm run build
yarn analyz or npm run analyz
yarn startdll or npm run
В этом тексте не удалось перевести некоторые фрагменты, такие как ссылки на коды, ключи и значения в таблицах, а также специальные символы и непечатаемые символы. ### 4.2 Использование
Перед разработкой и использованием необходимо обязательно прочитать руководство по использованию vue-xuAdmin, в котором подробно описаны руководства по разработке и использованию фреймворка.
| ------------build | 构建脚本目录 |
|---|---|
| ---------build.js | |
| ---------check-version.js | |
| ---------dev-client.js | |
| ---------dev-server.js | |
| ---------utils.js | |
| ---------vebpack.base.conf.js | |
| ---------vebpack.dev.conf.js | |
| ---------vebpack.prod.conf.js |
| ------------config | 项目配置 |
|---|---|
| ---------dev.env.js | |
| ---------index.js | |
| ---------prod.env.js |
|------------dist | 使用生产环境配置构建项目，构建好的目录放到该目录 |
|------------node_modules | node的依赖包 |
|------------src | |---------api | 封装了 axios | |---------assets | 资源目录，这里的资源会被webpack构建 | |---------components | 组件目录 | |---------directive | 自定义指令 | |---------i18n | 多语言国际化 | |---------router | 前端路由 | |-----------index.js | 前端路由 | |---------utils | 全局方法和工具函数 | |---------views | 页面文件 | |---------vuex | 全局状态管理目录 | |--------App.vue | 根组件 | |--------main.js | 入口js文件 | |--------markData.js | markdown 初始数据 |
|------------static | 纯静态资源，不会被webpack构建 |
|------------index.html | 入口页面 |
|------------test | 单元测试 |
|------------.babelrc | ES6语法编译配置 |
|-----------.editorconfig | 定义代码格式 |
|-----------.gitignore | git 上传需要忽略的文件 |
|-----------package.json | 项目基本信息 |
Если этот фреймворк вам помог, пожалуйста, поставьте звезду.
Пожертвуйте чашку кофе или бутылку газировки.
 Платёжный сервис Alipay |
 Платёжный сервис WeChat Pay |
Мы приветствуем вклады, вопросы и запросы на добавление функций! Не стесняйтесь проверять страницу с проблемами (issues page).
Поставьте ⭐️, если этот проект вам помог!
Авторское право © 2019 xuxuxu-ni. Этот проект лицензирован по лицензии MIT.
Этот README был создан с ❤️ с помощью readme-md-generator
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )