如何在若依框架中自定义添加一个页面
2025-09-27 14:17:31 / 法国直播世界杯目录
前提条件:
1. 在 Vue 前端添加页面
2. 在 Spring Boot 后端添加页面
3. 数据交互(前后端)
再开发过程中,我们通常希望在 若依管理系统(RuoYi)中自定义添加一个页面,通常需要按照以下步骤操作。(适用于 Vue.js 前端 和 Spring Boot 后端 )
前提条件:
已经搭建好 若依框架 环境,并能够正常运行。
已经熟悉 Vue.js 和 Spring Boot 的基本开发流程。
1. 在 Vue 前端添加页面
步骤 1:创建 Vue 组件
在 src/views 目录下,创建一个新的文件夹和 Vue 文件,例如:src/views/customPage/CustomPage.vue。
添加基本的 Vue 组件代码:
自定义页面
这是一个自定义的 Vue 页面。
export default {
name: "CustomPage"
}
.custom-page {
padding: 20px;
}