IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行

这篇具有很好参考价值的文章主要介绍了IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一.官网链接

若依官网:http://ruoyi.vip

二.系统环境准备

(这些准备工作,都会在其他章节持续更新相应操作步骤的奥~请关注我❤)

JDK >= 1.8 (推荐1.8版本)
Mysql >= 5.7.0 (推荐5.7版本)
Redis >= 3.0
Maven >= 3.0
Node >= 12

三.下载导入若依框架代码

官网地址:https://gitee.com/y_project/RuoYi-Vue

1.可以点击克隆/下载,直接导出。下载后解压即可导入IDEA使用。
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
打开IDEA,点击open
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
选择刚才解压后存储的目录选择RuoYi-Vue-master文件(根据紫的的文件名目录进行选择),我下载的放在D:\ruoyi
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
点击OK,如图:导入成功。
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行2、直接在IDEA中克隆项目
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
直接输入ERL:https://gitee.com/y_project/RuoYi-Vue.git
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行

四.IDEA项目环境运行配置

1、配置maven:点击file->setings
可直接搜索maven
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
(1)在“Maven home path”中找到你们安装在本地的maven的路径,我的是安装在D盘下面。
(2)在User settings file 先点击“override”,然后点击“文件夹的图标”,路径选中“本地maven路径”下的“conf”——>“settings.xml”文件。
(3)在local repository设置一个本地仓库文件夹。
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
这样每次新建项目之后maven都会默认是本地仓库,不用再每次新建都要修改了!!!

2.配置JDK
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
根据自己的JDK安装目录进行选择IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
IDEA的JDK就配置完成啦!!!

设置全局配置 JDK
点击 File -> New Projects Setup -> Project Structure -> Project 下的 SDK 选项,将其更改为你最常用的 JDK 版本:
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
3.若依框架不需要配置Tomcat

五.数据库引入及配置

在打开前我们还需要配置数据库MySQL、 Redis
后端主要文件为:ruoyi-admin
1.Redis配置文件(一般默认即可)可针自己的情况进行修改配置。
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
2.mysql配置界面
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
(1)我上面配置的数据库名为ry-vue,在数据新建了一个ry-vue的数据库。(也可以设置为其他名称)
选中下载下来的若依框架,找到SQL文件夹,依次运行两个SQL文件即可。
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
运行后可查看数据库表中已经存在多张表数据啦!

(2)也可点击右侧database进行数据库测试连接
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行

六.启动后端程序

1.找到你redis安装的目录, 找到redis-server.exe.双击打开。
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
出现此页面就启动成功啦。(端口号6379,与配置表一致)

2.启动程序
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
后端启动成功啦.此时用浏览器打开localhost:8080会出现此页面
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行

七.前端VUE启动

1.前端文件夹为ruoyi-ui,我们可以在打开一个窗口单独运行前端。
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
2.选到vue-ui
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行

3.前端部分vue需要vue.js插件和node环境
需要在IDEA中下载vue.js
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
然后cd加入对应的ui位置执行npm install
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
继续执行npm install --save vue-qr
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
安装好之后就可以启动啦!
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
启动成功啦!

默认账号密码admin/admin123
输入验证码即可。
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
进入系统啦,为了方便也可以在这里关闭验证码。
IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行
本人小白菜鸟一枚,只是一边学习一边分享,其中出现问题请见谅,欢迎大家一起学习讨论交流奥~文章来源地址https://www.toymoban.com/news/detail-491206.html

到了这里,关于IDEA若依框架入门(前后端分离版本) 0基础详细步骤代码导入运行的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • ruoyi-vue(若依前后端分离版本)环境搭建 用idea 安装redis 后端配置 配置node环境 前端配置

    1.在https://gitee.com/y_project/RuoYi-Vue下载源码并解压至本地文件 2.将sql文件下的两个sql文件导入数据库生成表  3.在E:eclipsespaceoneRuoYi-Vue-masterruoyi-adminsrcmainresourcesapplication-druid.yml修改数据库名和密码 4.在E:eclipsespaceoneRuoYi-Vue-masterruoyi-adminsrcmainresourcesapplication.yml配置red

    2024年04月14日
    浏览(51)
  • 手把手从安装本地虚拟机,基于docker,部署springboot+vue项目(若依框架前后端分离版本演示),基于openjdk的dockerfile

    部署环境提供vm16,和centos7,其中把镜像改成.iso文件就可以了 阿里云链接: https://www.alipan.com/s/BTnpjuHWtEp 为什么用阿里云,不限速啊,秉持着开源白嫖的精神 新建虚拟机 选择镜像 创建用户 设置虚拟机存存放位置 默认下一步 自定义硬件 选了扩大一下内存,扩不扩无所谓 检查

    2024年01月16日
    浏览(69)
  • 【若依】框架:第01讲前后端分离项目

    介绍 | RuoYi         将下载好的若依项目导入IDEA,导入后配置MAVEN环境,等待下载完成。重点关注ruoyi-admin和ruoyi-system两个文件夹,前者放controller,后者放实体类、mapper、service ①打开文件夹选择若依前端项目(ruoyi-ui)文件夹 ②信任此作者进入 ③重点关心src文件夹下的api和

    2023年04月08日
    浏览(46)
  • 若依前端问题集合[前后端分离版本]

    目录 1.若依前后端分离页面改变title 1.修改icon 2.修改title文字 2.若依关闭Login页面验证码 1.关闭验证码 登录杂项 3.若依前端替换代理地址 4.侧边菜单和全局样式 1.侧边菜单 2.侧边栏顶部logo替换或删除 3.全局样式 修改背景色 修改浏览器title和icon图标 在项目 public 文件夹中有

    2024年02月07日
    浏览(53)
  • 若依项目的介绍(前后端分离版本)

    目录 一、若依介绍 (一)简单介绍  (二)若依版本 (三)Git远程拉取步骤  二、项目的技术介绍 (一)后端技术 1.spring boot 2.Spring Security安全控制 3.MyBatis 4.MySQL和Redis (二)前端技术 1.vue 2.vue-router 3.axios  4.element-ui 5.node 6.ES6 7.Nginx反向代理服务器 三、项目结构介绍 1.总体

    2024年02月12日
    浏览(44)
  • 若依框架环境的搭建(前后端不分离版)

            最近在做数据库课程设计,因为不想再用Java里面的GUI界面,想用Web页面来替代,但手写各个页面和增删改查这些重复性较高的模块属实作业量不小,所以,正好借此机会来学习一下早有耳闻的,号称后台管理系统神器—— 若依框架 ,下面先来总结一下环境部署与

    2024年02月04日
    浏览(56)
  • 若依RuoYi-Vue项目部署(前后端分离版本)

    RuoYi 是一个后台管理系统,基于经典技术组合(Spring Boot、Apache Shiro、MyBatis、Thymeleaf)主要目的让开发者注重专注业务,降低技术难度,从而节省人力成本,缩短项目周期,提高软件安全质量。 若依是作者给女儿取的名字(寓意:你若不离不弃,我必生死相依) 在线体验 若

    2023年04月08日
    浏览(54)
  • 若依vue(前后端分离版本)前端获取登录用户id

    1.找到user.js 2.在user.js中找到以下几个地方 属性:state{} 属性:mutations{} 函数:GetInfo() 3.在user.js中添加代码  4.在自己的页面中添加获取id的代码 在该若依的版本中,从下列目录找到,ruoyi-ui-src-store-modules-user.js 属性state在页面中的位置 还有mutations 最后是GetInfo方法 步骤三 到此

    2024年04月12日
    浏览(54)
  • 基于若依前后端分离框架的小程序的token验证

    后端和管理端都用的若依框架。 但是前段的小程序需要微信授权登录。这时候就需要在若依框架上重新再起一套token验证。 首先创建两个类(只要放在你能够引用得到的位置就可以): 第一个:实体 第二个service: 下一步: 找到 com.ruoyi.framework.security.filter; 这个文件 添加你

    2024年02月11日
    浏览(46)
  • 全面解析若依框架(springboot-vue前后分离--后端部分)

    前端启动 后端启动 创建数据库ry-vue,导入ry_2021xxxx.sql,quartz.sql,加载好依赖直接启动。 后端技术 SpringBoot Spring Security JWT MyBatis Druid Fastjson 分页实现 导入导出 上传下载(框架使用的简单,不做讲解) 权限控制 事务管理(这里使用@Transactional,不做讲解,具体和Spring的8种事务

    2024年01月16日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包