😀前言 本篇博文是关于Spring Boot(vue3+ElementPlus+AxiOS+mybatisPlus+spring Boot 前后端分离)【二】的,希望你能够喜欢
😀前言
本篇博文是关于Spring Boot(vue3+ElementPlus+AxiOS+mybatisPlus+spring Boot 前后端分离)【二】的,希望你能够喜欢
🏠个人主页:晨犀主页
🧑个人简介:大家好,我是晨犀,希望我的文章可以帮助到大家,您的满意是我的动力😉😉
💕欢迎大家:这里是CSDN,我总结知识的地方,欢迎来到我的博客,感谢大家的观看🥰
如果文章有什么需要改进的地方还请大佬不吝赐教 先在此感谢啦😊
前后端分离开发, 前端主体框架Vue3 + 后端基础框架Spring-Boot
后台管理 下拉框
Home
* { margin: 0; padding: 0; box-sizing: border-box; }
import { createApp } from 'vue'import App from './App.vue'import router from './router'import store from './store'import '@/assets/css/global.css' createApp(App).use(store).use(router).mount('#app')
文档https://element-plus.gitee.io/zh-CN/guide/quickstart.html
import { createApp } from 'vue'import App from './App.vue'import router from './router'import store from './store'import '@/assets/css/global.css'import ElementPlus from 'element-plus'import 'element-plus/dist/index.css'createApp(App).use(store).use(router).use(ElementPlus).mount('#app')
Home 我的按钮
修改springboot_vue\src\components\Header.vue ,引入下拉框,
文档Https://doc-arcHive.element-plus.org/#/zh-CN/component/dropdown【是旧版对应的文档】
后台管理 tom 个人信息 退出登录
创建侧边栏组件, 并引入导航菜单组件springboot_vue\src\components\Aside.vue ,
参考文档:https://doc-archive.element-plus.org/#/zh-CN/component/menu
粘贴的代码要注意:
导航一 分组一 选项1 选项2 选项3 选项4 选项1 导航二 导航三 导航四
我的按钮
选项4 选项1 导航二 导航三 导航四
可以看到, element-plus 默认是英文的, 我们将其国际化一下https://doc-archive.element-plus.org/#/zh-CN/component/i18n ,
修改springboot_vue\src\main.js
import {createApp} from 'vue'import App from './App.vue'import router from './router'import store from './store'import ElementPlus from 'element-plus'import 'element-plus/dist/index.css'import '@/assets/css/global.css'import zhCn from 'element-plus/es/locale/lang/zh-cn'createApp(App).use(store).use(router).use(ElementPlus,{locale: zhCn,}).mount('#app')
新增 其它 查询 编辑 删除
------运行效果-------
😁热门专栏推荐
Thymeleaf快速入门及其注意事项
Spring Initailizr–快速入门–SpringBoot的选择
带你了解SpringBoot支持的复杂参数–自定义对象参数-自动封装
文章到这里就结束了,如果有什么疑问的地方请指出,诸大佬们一起来评论区一起讨论😁
希望能和诸大佬们一起努力,今后我们一起观看感谢您的阅读🍻
如果帮助到您不妨3连支持一下,创造不易您们的支持是我的动力🤞
来源地址:https://blog.csdn.net/m0_73557631/article/details/132487393
--结束END--
本文标题: Spring Boot(Vue3+ElementPlus+Axios+MyBatisPlus+Spring Boot 前后端分离)【二】
本文链接: https://www.lsjlt.com/news/391976.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-21
2023-10-28
2023-10-28
2023-10-27
2023-10-27
2023-10-27
2023-10-27
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0