快捷搜索: 王者荣耀 脱发

若依框架(2)使用若依框架进行二次开发

一、准备工作

二、开始开发

然后就是我们剩下的一个vue文件夹了,打开vue文件夹,会发现里面还有两个文件夹,一个api一个view。我们先进入api文件夹的最里面,看到生成的js文件。复制js文件,粘贴到ruoyi-ui/src/api/system里面,一样的可以在api文件夹里面创建一个包专门存放我们自己的js文件。 再进入生成的views文件夹的倒数第二级目录,即index.vue的上一级 将里面的文件夹复制到ruoyi-ui/views/system中,同理,一样可以创建一个自己的文件夹用于存放。 到这里,前端代码也都准备完毕了。我们先分别重启前后端。看看是否有报错的地方。。 我这里还真报错了,后端改了各个报错的地方完成启动,但是前端我忘了又有需要改import路径的地方,在我们复制进views文件夹里面两个文件夹的index.view里面,我们找到其

三、使用界面

将代码都放进我们的项目包中了并不代表我们就可以使用相应的界面。因为就想我们普通的vue项目,你没有在路由里面设置对应的路径,你也访问不了那个组件。在若依里面也是一样的。不过我们不需要对代码进行操作。接下来的操作全部是基于若依框架本身的管理系统进行操作,不涉及代码。

返回到若依的管理系统页面,打开系统管理里面的菜单管理,点击新增 填写相应信息,这里路由地址建议与自己再views目录下存放页面文件的文件夹一致 再点击新增菜单的新增按钮 将菜单类型选择为菜单,同时填写相关组件路径和路由地址(默认从views下开始)可以仿造我这里的路径进行填写 添加表单完成后刷新即可正常在导航栏里面找到并访问 这里展示的¥{comment}并不是报错,这里表的名字是根据数据库的注释来的,如果没写数据库注释,自己千万页面对应的index.vue修改即可。

经验分享 程序员 微信小程序 职场和发展