vue3 前端框架(基于若依框架的芋道系统)

1、到gitee搜索芋道,即可搜索到相关的系统

vue3 前端框架(基于若依框架的芋道系统)(1)

2、将对应的源码下载下来,后端的搭建非常简单,后端是基于springboot的。基本上将mysql搭建好,安装上Redis5系列才行,由于我之前使用了phpstudy,很方便管理,因此也推荐给大家,当然也会接一些php的活。不过它的redis支持的版本是3.x版本的,芋道管理系统是5系列的, 我下载了Redis-x64-5.0.14.1。将其做成服务,不然每次都会弹出黑窗口, 在cmd下执行 redis-server --service-install redis.windows.conf。

vue3 前端框架(基于若依框架的芋道系统)(2)

3、运行后端系统

mysql和redis安装完成后,执行sql脚本,mysql目录下的sql全部都执行。

vue3 前端框架(基于若依框架的芋道系统)(3)

更改配置,mvn install一下,后端即可运行起来了。

vue3 前端框架(基于若依框架的芋道系统)(4)

4、前端系统环境搭建(ts vue3)

前端系统下载下来有四个工程,这里以vue3的来讲解。先看看node版本是否大于node-v16,我下载的版本是node-v16.6.2-win-x64,较低版本会出现各种问题。

vue3 前端框架(基于若依框架的芋道系统)(5)

进入到yudao-ui-admin-vue3目录中,查看package.json, 前端需要安装pnpm

npm install pnpm -g

vue3 前端框架(基于若依框架的芋道系统)(6)

分别执行安装和dev即可将前端工程启动

启动后登陆系统后

vue3 前端框架(基于若依框架的芋道系统)(7)

这里跟进一下代码,左侧的菜单部分是如何渲染的呢,通过store目录下的permission.ts的generateRoutes方法实现。

vue3 前端框架(基于若依框架的芋道系统)(8)

代码生成器大家可以使用一下,执行sql后记得将前端的storage清理一下,不然新加的菜单出不来,因为读取的缓存的。

vue3 前端框架(基于若依框架的芋道系统)(9)

如果大家在搭建过程中出现问题的话,可以关注,并私信给我。

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页