Micro front-end Admin based on Qiankun, vue3.x, admin-element-vue, admin-antd-vue project architecture

Overview

admin-vue3-micro-qiankun

admin-vue3-micro-qiankun是一个微前端后台解决方案,它基于 Qiankun.js 结合 admin-element-vueadmin-antd-vue实现。

Demo

main-demo
main-antd-demo
Home

使用文档

后台前端解决方案列表

功能

- 登录 / 注销 / 注册

- 权限验证
  - 页面权限
  - 按钮操作
  - 权限配置

- 全局功能
  - 国际化多语言
  - 黑白主题
  - 动态侧边栏(支持多级路由嵌套)
  - 动态面包屑(支持自定义配置)
  - tabNav
  - Svg Sprite 图标
  - Mock 数据
  - 权限验证

- 综合实例
  - 引导页
  - main主框架(基于admin-element-vue调整)
  - main-antd主框架(基于admin-antd-vue调整)
  - System子项目(基于admin-element-vue调整)
  - Article子项目(基于admin-element-vue调整)
  - Links子项目 (基于admin-antd-vue调整) 

项目设置

一、Install dependencies,

$ pnpm install

请使用 pnpm , pnpm的安装与使用

二、Compiles and hot-reloads for development

$ pnpm run serve

# or

$ pnpm run serve:main
$ pnpm run serve:article

三、构建与发布

1、构建:

pnpm run build

2、上传到服务器,以nginx配置为例:

server {
  listen       8080;
  server_name  localhost;

  location / {
    # root   html;
    # index  index.html index.htm;
    try_files $uri $uri/ /index.html;
  }

  location /child/system {
    # root   html;
    # index  index.html index.htm;
    try_files $uri $uri/ /child/system/index.html;
  }
  # article 和 links 等其他子模块的history 配置同上
}

捐赠

如果你觉得这个项目帮助到了你,请帮助点击 Star,你也可以请作者喝咖啡表示鼓励.

ALIPAY WECHAT
Alipay Wechat
You might also like...
👏A magical vue3 admin using  vue3(script-setup) + vite2 + element-plus
👏A magical vue3 admin using vue3(script-setup) + vite2 + element-plus

vue3-admin-plus English | 中文 vue3 admin plus provides enterprise-level development demo A new generation admin construct using vue3(setup-script)+vite

🎉 A new generation vue3 admin template using  vue3(script-setup) + vite2 + element-plus + typescript
🎉 A new generation vue3 admin template using vue3(script-setup) + vite2 + element-plus + typescript

vue3-admin-ts English | 中文 A basic vue3 admin template with vite2 & Element-Plus UI & axios & svg-icon& permission control & lint A new generation adm

AKe-Vue3-Admin is a framework that quickly helps you build a back-end management panel.
AKe-Vue3-Admin is a framework that quickly helps you build a back-end management panel.

AKe-Vue3-Admin is a framework that quickly helps you build a back-end management panel. You don't need to pay attention to the code implementation of layout, data processing, and interactive processing, but you only need to pay attention to common component development and interface configuration information adjustment. AKe-Vue3-Admin adopts Vue3.0 + Tailwind CSS + ant-design-vue 2.x + vite2.x

✨ ✨ ✨ A vue3 style Admin based on Vite2, vue3.0,  ant-design-vue 2.x, typescript,vuex,vue-router,Efforts to update in progress...
✨ ✨ ✨ A vue3 style Admin based on Vite2, vue3.0, ant-design-vue 2.x, typescript,vuex,vue-router,Efforts to update in progress...

✨ ✨ ✨ A vue3 style Admin based on Vite2, vue3.0, ant-design-vue 2.x, typescript,vuex,vue-router,Efforts to update in progress...

🎉 基于 vite 2.0 + vue 3.0 + vue-router 4.0 + vuex 4.0 + element-plus 的后台管理系统vue3-element-admin

vue3-element-admin 🎉 基于 Vite 2.0 + Vue3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus 的后台管理系统 简介 vue3-element-admin 是一个后台前端解决方案,它基于 vue3 和 element-plu

🎉 基于 vite 2.0 + vue 3.0 + vue-router 4.0 + vuex 4.0 + element-plus + typescript 的后台管理系统vue3-element-admin-ts

vue3-element-admin-ts 🎉 基于 Vite 2.0 + Vue 3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus + typescript 的后台管理系统 简介 vue3-element-admin 是一个后台前端解决方案,它基于 v

wt-vite-vue3-element-ruoyi-ts 若以 若依 typescript ts vue3 vue vite vite2.0 模版

wt-vite-vue3-element-ruoyi-ts 🎉 全网首发 🎉 基于 Vite 2.0 + Vue 3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus + typescript 的后台管理系统 Project setup npm i -g

Vue3 admin,ant design vue pro,vue admin,vue vite admin,ant design pro
Vue3 admin,ant design vue pro,vue admin,vue vite admin,ant design pro

Ant Design Vue Pro An out-of-box UI solution for enterprise applications as a Vue boilerplate. based on Ant Design of Vue 基于 Vite2 Vue3 Ant-Design-of-

A project template by vue3 and element-plus
A project template by vue3 and element-plus

A project template by vue3 and element-plus

🚀🚀🚀vue3,vue3.0,vue,vue3.x,vue.js,vue后台管理,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)

??????vue3,vue3.0,vue,vue3.x,vue.js,vue后台管理,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)

good luck 13.4k Jan 1, 2023
Micro implementation of iframe-based micro frontends with Vue 3

Micro implementation of micro frontends with Vue 3 Note: this is a demo repository created as an appendix to a blog post (make sure to check it out!)

Artur Rosa 3 Nov 15, 2022
🚀🚀🚀Vue3,Vue3.0,Vue,Vue3.x,Vuex,Typescript,TSX,ts,vue后台管理,admin,vue-admin,vue3-admin,vue-element-admin,iooc-admin,iooc-vue-admin主线版本基于element-plus、Typescript开发维护.集成CRUD,JsonSchema、大量节省业务代码.

iooc-admin(element-plus) 演示地址(数据库五分钟重置一次) ⚡️ vue3.x + element-plus + TypeScript ⚡️ vue3.x + element-plus + TypeScript (视频) 项目地址 ⚡️ vue3.x + element-pl

Jacking 51 Jun 20, 2021
A frontend SIMPLE Admin Interfaces, based on Vite + Vue3 + Antd + Typescript

Lightweight, pure, easy to use Vue3 admin interfaces.

Jesse Zhao 52 Jan 3, 2023
vue-element-admin is a production-ready front-end solution for admin interfaces.

vue-element-admin is a production-ready front-end solution for admin interfaces. It is based on vue and uses the UI Toolkit element-ui.

null 1 Nov 19, 2021
Open Admin是基于 Spring Boot + Spring Security + Mybatis + Vue Antd Admin Pro + Mysql开发的框架,致力于为用户生成定制的前后端脚手架框架。

项目介绍 Open Admin是基于 Spring Boot + Spring Security + Mybatis + Vue Antd Admin Pro + Mysql开发的框架,致力于为用户生成定制的前后端脚手架框架,系统集成了同步菜单、异步菜单、RBAC、 菜单权限、日志管理、Excel导

cxp1539 4 Jun 23, 2022
apiAutoTest front-end and back-end separation, visualization version, using FastAPI + Vue2 implementation, on the basis of apiAutoTest to add timing tasks, graphql specification interface testing

apiAutoTest front-end and back-end separation, visualization version, using FastAPI + Vue2 implementation, on the basis of apiAutoTest to add timing tasks, graphql specification interface testing

null 15 Nov 7, 2021
A lightweight, ready-to-go front-end solution for admin interfaces based on Vue 3, Vite 2 and ElementPlus.

A lightweight, ready-to-go front-end solution for admin interfaces based on Vue 3, Vite 2 and ElementPlus.

Ziwen Mei 125 Dec 12, 2022
Pear admin is a front-end development framework based on layui

Pear admin is a front-end development framework based on layui

Pear Admin 30 Dec 5, 2022
🎉 A new generation vue3 admin template using vue3(script-setup) + vite2 + element-plus

?? A new generation vue3 admin template using vue3(script-setup) + vite2 + element-plus

kuanghua 228 Dec 30, 2022