首页 > 其他分享 >RuoYi前端分离版

RuoYi前端分离版

时间:2023-11-03 14:46:56浏览次数:30  
标签:xml 前端 分离 redis RuoYi ruoyi 打开

1、检查版本

JDK >= 1.8

mysql >= 5.5

Redis >= 3.0

Maven >= 3.0

Node >= 10

2、打开redis

redis解压后打开redis安装目录,在上图红色箭头头部点击一下,输入cmd,进入该目录下的命令行窗口,然后输入以下命令打开redis

redis-server.exe redis.windows.conf

注意:在整个若依运行过程中,禁止关闭redis窗口

3、导入数据文件

在电脑的某个盘里新建个文件夹,在改文件夹下打开cmd窗口

然后打开 若依官网

也可以直接用下面的

https://gitee.com/y_project/RuoYi-Vue.git

在上面打开的cmd窗口输入

git clone https://gitee.com/y_project/RuoYi-Vue.git

4、建数据库

打开Navicat,新建数据库ruoyi-vue,右键点击,运行sql数据库

先导入quartz.sql

5、修改默认数据库的名称、用户名称、用户密码

目录路径

ruoyi-admin\src\main\resources\application-druid.yml

保存

6、依次运行

后端

  • 后端开启方式1

依次运行RuoYi-Vue\bin目录下的三个文件

  • 后端开启方式2

运行RuoYiApplication.java

无论哪种方式启动,看到拼起来的ruoyi,如下图

后端成功跑起来了

前端

  • 前端开启方式1

RuoYi-Vue\ruoyi-ui目录下打开cmd,输入以下命令注入依赖

npm install --registry=https://registry.npm.taobao.org
或
npm i

当前目录下输入

npm run dev

开启前端,自动跳转打开浏览器

7、可能出现的问题

1、后端运行后只有个大佛,没有拼写的RUOYI,前端没验证码,登录显示系统接口500异常?

  • 用这种方式运行后端即可,参考博客

    2、验证码未显示

    • redis给关了,窗口不要关

    3、验证码无法显示

    4、验证码正确却登陆不上

      <dependency>
              <groupId>javax.xml.bind</groupId>
              <artifactId>jaxb-api</artifactId>
              <version>2.3.0</version>
          </dependency>
          <dependency>
              <groupId>com.sun.xml.bind</groupId>
              <artifactId>jaxb-impl</artifactId>
              <version>2.3.0</version>
          </dependency>
          <dependency>
              <groupId>com.sun.xml.bind</groupId>
              <artifactId>jaxb-core</artifactId>
              <version>2.3.0</version>
          </dependency>
          <dependency>
              <groupId>javax.activation</groupId>
              <artifactId>activation</artifactId>
              <version>1.1.1</version>
          </dependency>
      
      
    

    导入到ruoyi-framework\pom.xml,

标签:xml,前端,分离,redis,RuoYi,ruoyi,打开
From: https://www.cnblogs.com/lsdq/p/17807447.html

相关文章

  • 飞码LowCode前端技术:如何便捷配置出页面 | 京东云技术团队
    简介飞码是京东科技平台研发部研发的低代码产品,可使营销运营域下web页面快速搭建。本文将从三个方面来讲解如何便捷配置出页面,第一部分从数据、事件、业务支持三个方面进行分析,第二部分从模板与页面收藏与升级、页面UI结构、画布功能三个方面进行分析,第三部分从监控、页面配置、页......
  • 前端课程推荐
    前端课程推荐入门到实战前端必学40个精选案例实战一课吃透HTML5+CSS3+JS吃透前端工程化,大厂级实战项目以战带练......
  • 【chrome】如何临时修改已上线的打包好的前端代码?
    找到需要修改的代码在压缩后的文件位置。进入前端静态文件存放目录,确定搜索关键词,执行查找命令grep-c"xxx"./*#-i忽略大小写#-c计算出现次数#-n输出行号#-r查找当前目录及子目录在Portal端进入需要修改的页面,此时才能请求到需要的js文件。对比两边确认需要替......
  • 前端
    csssprite是什么,有什么优缺点概念:将多个小图片拼接到一个图片中。通过background-position和元素尺寸调节需要显示的背景图案。优点:1、减少HTTP请求数,极大地提高页面加载速度新版,2增加图片信息重复度,提高压缩比,减少图片大小3、更换风格方便,只需在一张或几张图片上修改颜色或......
  • 前端基础之JavaScript
    前端基础之JavaScriptJavaScript概述ECMAScript和JavaScript的关系1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望这门语言能够成为国际标准。次年,ECMA发布262号标准文件(ECMA-262)的第一版,规定了浏览器脚本语言的标准,并将这种语言称......
  • 面试题: 前端处理滚动穿透这个顽疾
    诚如你所知:滚动穿透是指在移动端滑动页面的过程中,页面滚动受到了触摸事件的干扰,导致无法流畅地滚动,这主要是由于事件冒泡造成的。解决方法如下:监听touchmove事件,阻止默认行为监听touchmove事件,阻止事件的默认行为,防止事件冒泡到父元素上。禁止滚动可以通过over......
  • Docker打包前端vue代码推送镜像到远程仓库
    Docker打包前端vue代码推送镜像到远程仓库目录Docker打包前端vue代码推送镜像到远程仓库业务场景:......
  • 前端歌谣的刷题之路-第六十七题-this指向
     前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷本题目源自于牛客网微信公众号前端小歌谣题目......
  • 前端歌谣的刷题之路-第六十八题-js动态创建节点
     前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷本题目源自于牛客网微信公众号前端小歌谣题目......
  • 前端package文件依赖版本号^符号
    在`package.json`文件中,版本号前面的`^`符号表示允许自动更新到当前主版本号下的次版本号。例如,如果当前主版本号是1,次版本号是0,那么`^1.0.0`将允许安装`1.x.x`范围内的任何版本,但不会安装2.x.x或更高版本的包。......