All Projects → MrDotYan → vue3.0-elemenplus-admin-template

MrDotYan / vue3.0-elemenplus-admin-template

Licence: GPL-3.0 License
一个基于Vue3.0和Element-plus的后台管理模板,一个使用Koa2作为后台程序使用MongoDB作为缓存数据库和MariaDB作为数据的后台管理模板系统

Programming Languages

Vue
7211 projects
typescript
32286 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to vue3.0-elemenplus-admin-template

chengpeiquan.com
My personal website. Base on Vite 2.0 and Vue 3.0. If you want to know how to use Vite to develop a project, you can refer to this repository.
Stars: ✭ 43 (+115%)
Mutual labels:  vue3, vue3-typescript
vue3-md-blog
✍️ Minimal config Vue3 + Markdown blog engine
Stars: ✭ 53 (+165%)
Mutual labels:  vue3, vue3-typescript
miter-design
Miter Design component library made with ♡ by Prefect
Stars: ✭ 14 (-30%)
Mutual labels:  vue3, vue3-typescript
Vue3 News
🔥 Find the latest breaking Vue3、Vue CLI 3+ & Vite News. (2021)
Stars: ✭ 2,416 (+11980%)
Mutual labels:  vue3, vue3-typescript
vuniversal
[WIP] Create vue (3) universal web applications quickly by @vitejs.
Stars: ✭ 20 (+0%)
Mutual labels:  vue3, vue3-typescript
2019-ncov-vue3-version
新型冠状病毒实时疫情 Vue-Compostion-Api版本 (Vue3 + TypeScript)
Stars: ✭ 55 (+175%)
Mutual labels:  vue3, vue3-typescript
taro3-vue3-template
一个基于 Taro3 和 Vue3 框架微信小程序模版。 核心技术采用Taro3、Vue3、TypeScript、NutUi、Vux4/Pinia、VueUse
Stars: ✭ 115 (+475%)
Mutual labels:  vue3, vue3-typescript
vue3-demo
💡 vue3新特性示例: 响应式API、组合式API、TodoMVC
Stars: ✭ 114 (+470%)
Mutual labels:  vue3, vue3-typescript
layui-vue
采用 layui 风格的 vue3 组件库。(UI一直是个痛,那就先基于现有的UI,先封装几套玩玩。)
Stars: ✭ 15 (-25%)
Mutual labels:  vue3, vue3-typescript
vue3-docs
vue中文社区,vue3 中文文档
Stars: ✭ 180 (+800%)
Mutual labels:  vue3, vue3-typescript
Surmon.me
🆒 My personal website and blog, powered by @vuejs (3)
Stars: ✭ 1,767 (+8735%)
Mutual labels:  vue3, vue3-typescript
vue-simple-password-meter
Vue Simple Password Meter is a simple password strength meter component written in vanilla js and extremly lightweight
Stars: ✭ 65 (+225%)
Mutual labels:  vue3, vue3-typescript
vuex-typescript
boilerplate repository for vue 3 in typescript, dynamic code split && server-side rendering
Stars: ✭ 54 (+170%)
Mutual labels:  vue3, vue3-typescript
vue-next-admin
🎉🎉🔥基于vue3.x 、Typescript、vite、Element plus等,适配手机、平板、pc 的后台开源免费模板库(vue2.x请切换vue-prev-admin分支)
Stars: ✭ 1,002 (+4910%)
Mutual labels:  vue3, vue3-typescript
vue3.0-template-admin
本项目基于vue3+ElementPlus+Typescript+Vite搭建一套通用的后台管理模板;并基于常见业务场景,抽象出常见功能组件;包括动态菜单,菜单权限、登录、主题切换、国际化、个人中心、表单页、列表页、复制文本、二维码分享等等
Stars: ✭ 500 (+2400%)
Mutual labels:  vue3, vue3-typescript
app
专门为互联网人打造的题解神器,神器在手,工作不愁
Stars: ✭ 64 (+220%)
Mutual labels:  vue3, vue3-typescript
vue3-vite-ts
Vue 3 Scaffolding (Vite + TS + Linters + Jest + TailwindCSS)
Stars: ✭ 27 (+35%)
Mutual labels:  vue3, vue3-typescript
adminlte-3-vue
Vue 3.2.31 start-up project with AdminLTE 3.2.0 template
Stars: ✭ 134 (+570%)
Mutual labels:  vue3, vue3-typescript
vue3-webpack-boilerplate
Vue 3 Webpack Boilerplate (Vue 3, Vue Router 4, Vuex 4, Typescript)
Stars: ✭ 69 (+245%)
Mutual labels:  vue3, vue3-typescript
vite-example
Todo app with vite/vue3/vue-router4
Stars: ✭ 22 (+10%)
Mutual labels:  vue3

玩转项目

git clone  https://github.com/MrDotYan/vue3.0-elemenplus-admin-template.git && 
cd vue3.0-elemenplus-admin-template && yarn install && yarn serve


cd services && yarn install && yarn dev //运行后台程序

注意菜单配置

{
    "_id" : ObjectId("601e0c8c16c3c5da5451c05a"),
    "group" : "Setting",
    "path" : null,
    "sort" : 9999,
    "meta" : {
        "auth" : true,
        "icon" : "el-icon-setting",
        "title" : "系统设置"
    },
    "children" : [ 
        {
            "_id" : ObjectId("601e0c8c16c3c5da5451c05b"),
            "path" : "/menu",
            "name" : "Menu",
            "sort" : 0,
            "meta" : {
                "title" : "菜单管理",
                "icon" : "el-icon-menu",
                "auth" : true
            },
            "component" : "views/Config/Config.vue"
        }
    ]
}
  • 目前菜单放到了mongodb数据库中
  • 上面的菜单是最重要的一个,把这个菜单信息放入mongodb/admin-config数据集
  • 数据库的名称在services文件夹里面

预览

牢骚

  • 目前把菜单等一些不重要的配置扔到了mongodb里面
  • 把下面的数据插入到mongoDB里面
{
    "_id" : ObjectId("601e0c8c16c3c5da5451c05a"),
    "group" : "Setting",
    "path" : null,
    "sort" : 9999,
    "meta" : {
        "auth" : true,
        "icon" : "el-icon-setting",
        "title" : "系统设置"
    },
    "children" : [ 
        {
            "_id" : ObjectId("601e0c8c16c3c5da5451c05b"),
            "path" : "/menu",
            "name" : "Menu",
            "sort" : 0,
            "meta" : {
                "title" : "菜单管理",
                "icon" : "el-icon-menu",
                "auth" : true
            },
            "component" : "views/Config/Config.vue"
        }
    ]
}

{
    "_id" : ObjectId("601e239e7406409f7c51a00f"),
    "_fid" : "",
    "group" : "Dashbord",
    "path" : "/dashbord",
    "name" : "Dashbord",
    "sort" : 0,
    "meta" : {
        "auth" : true,
        "title" : "控制面板",
        "icon" : "el-icon-eleme"
    },
    "component" : "views/Dashbord/Dashbord.vue"
}

{
    "_id" : ObjectId("601e29bd7959918d5caa6828"),
    "_fid" : "",
    "group" : "Preview",
    "path" : "/preview",
    "name" : "Preview",
    "sort" : 1,
    "meta" : {
        "auth" : true,
        "title" : "预览",
        "icon" : "el-icon-location"
    },
    "component" : "views/Preview/Preview.vue"
}


{
    "_id" : ObjectId("601e29e17959918d5caa6829"),
    "_fid" : "",
    "group" : "MenuGroup",
    "path" : null,
    "name" : "",
    "sort" : 998,
    "meta" : {
        "auth" : true,
        "title" : "系统声明",
        "icon" : "el-icon-location"
    },
    "children" : [ 
        {
            "_fid" : "601e29e17959918d5caa6829",
            "group" : "",
            "path" : "/about",
            "name" : "About",
            "sort" : 1,
            "meta" : {
                "auth" : true,
                "title" : "关于",
                "icon" : "el-icon-menu"
            },
            "component" : "views/About/About.vue",
            "_id" : ObjectId("601e2a2c7959918d5caa682a")
        }, 
        {
            "_fid" : "601e29e17959918d5caa6829",
            "group" : "",
            "path" : "/lin",
            "name" : "Lin",
            "sort" : 2,
            "meta" : {
                "auth" : true,
                "title" : "协议",
                "icon" : "el-icon-menu"
            },
            "component" : "views/About/Lin.vue",
            "_id" : ObjectId("601e2a407959918d5caa682b")
        }
    ]
}

{
    "_id" : ObjectId("601e3fa3d00cf9a65c139775"),
    "sort" : "3",
    "_fid" : "",
    "group" : "Document",
    "path" : null,
    "name" : "Document",
    "meta" : {
        "auth" : true,
        "title" : "文档处理",
        "icon" : "el-icon-document"
    },
    "children" : [ 
        {
            "sort" : 0,
            "_fid" : "601e3fa3d00cf9a65c139775",
            "group" : "",
            "path" : "/word",
            "name" : "Word",
            "meta" : {
                "auth" : true,
                "title" : "Word文档",
                "icon" : "el-icon-document"
            },
            "component" : "views/Document/Document.vue",
            "_id" : "601e4422d00cf9a65c139776"
        }, 
        {
            "sort" : "1",
            "_fid" : "601e3fa3d00cf9a65c139775",
            "group" : "",
            "path" : "/pdf",
            "name" : "Pdf",
            "meta" : {
                "auth" : true,
                "title" : "Pdf处理",
                "icon" : "el-icon-notebook-2"
            },
            "component" : "views/Document/Pdf.vue",
            "_id" : "601f43ac319272484048b44e"
        }, 
        {
            "sort" : "3",
            "_fid" : "601e3fa3d00cf9a65c139775",
            "group" : "",
            "path" : "/execl",
            "name" : "Execl",
            "meta" : {
                "auth" : true,
                "title" : "Execl处理",
                "icon" : "el-icon-date"
            },
            "component" : "views/Document/Execl.vue",
            "_id" : "601f5be86b1c4b5e8069008c"
        }, 
        {
            "sort" : "4",
            "_fid" : "601e3fa3d00cf9a65c139775",
            "group" : "",
            "path" : "/markdown",
            "name" : "Markdown",
            "meta" : {
                "auth" : true,
                "title" : "Markdown文档",
                "icon" : "el-icon-edit-outline"
            },
            "component" : "views/Document/Markdown.vue",
            "_id" : "601f7e376b1c4b5e8069008d"
        }, 
        {
            "sort" : "5",
            "_fid" : "601e3fa3d00cf9a65c139775",
            "group" : "",
            "path" : "/richText",
            "name" : "RichText",
            "meta" : {
                "auth" : true,
                "title" : "富文本编辑器",
                "icon" : "el-icon-tickets"
            },
            "component" : "views/Document/RichText.vue",
            "_id" : ObjectId("601f923e6b1c4b5e8069008e")
        }
    ]
}
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].