1.在官网上进行下载,下载RuoYi-Vue前端分离版,进入页面之后点击克隆/下载
2.打开解压后的ruoyi-vue,具体路径需要自己修改
3.检查一下Maven配置,打开settings,搜索Maven,修改Maven路径以及User settings file,完成之后,点击OK,apply
4.导入之后,RuoYi-Vue-master是全部的主名称,admin是主模块,common是公共模块,framework是提供框架的模块,generator是生成模块,system是输出的子模块;
5.ruoyi-ui是它的前端代码,可单独打开
6.application-druid.yml是连接数据库的代码,由于我们没有ry-vue这个数据库,我们需要创建一个数据库
7.新建ry-vue数据库,右键点击数据库,选择运行SQL文件,选择导入的sql文件,找到RuoYi-Vue-master目录下的两个sql文件,分两次进行运行,点击开始,然后关闭,运行下一个
8.确认自己的maven,以及数据库的用户名 密码等有没有错误
9.在application中找到redis,这是一个缓存数据库,我们需要安装一下,安装好之后,运行一下,我们的后台程序就搭好了
10.将.ruoyi-ui在VScode软甲中打开,打开vue config.js文件,在终端运行,输入npm install
11.readme.md中写了一些操作,可以参考
12.在终端输入npm run dev

13.启动页面,输入验证码

14.打开运行界面,点击菜单栏,找到代码生成,里面的代码都是你的数据库
15.在数据库中新建一张sys_student表,创建几个基本字段
16.为新建的表添加几个数据
17.在浏览器中导入这个表,点击确定
18.点击预览,可以生成表单的所有代码
19.点击编辑,编辑信息


20.点击生成代码,然后打开文件,进行解压缩
21.sql文件直接复制,让mysql直接去执行
22.打开mysql,右键库名,运行sql文件
23.运行之后,引用刚刚下载的文件夹中的sql文件,点击打开,运行出七行,然后点击关闭

24.打开表中的菜单表,sys_menu,2000-2005菜单表就做好了
25.将我们下载的文件中的后面三个文件夹下的java文件分别拷贝到idea中的ruoyi-system中的包下





26.将controller包放在ruoyi-admin包下的system层
27.将mapper文件粘贴到若依-system文件夹下的resourse的system包中

28.将下载压缩包中的qpi下的js文件放于前端代码中

29.在views文件夹下创建一个student的文件夹

30.将文件夹中的index.vue放入其中,运行
31.可对页面进行增删改查

2437

被折叠的 条评论
为什么被折叠?



