初识若依-项目介绍与部署(前后端分离版)

news2024/9/24 5:26:51

1-介绍

RuoYi-Vue 是一个 Java EE 企业级快速开发平台,
基于经典技术组合(Spring Boot、Spring Security、MyBatis、Jwt、Vue),
内置模块如:部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置;支持集群,支持多数据源,支持分布式事务。

是一个基于springboot+vue的前后端分离极速的后台开发框架。
    若依官网:http://ruoyi.vip(opens new window)
    演示地址:http://vue.ruoyi.vip(opens new window)
    代码下载:https://gitee.com/y_project/RuoYi-Vue


2-环境与软件要求:

    2-1系统环境要求:

    jdk >=1.8       验证   java -version
    MySQL 5.7 >=5.7  验证  mysql -V
    redis >=3.0    直接Windows安装了,在Windows中启动
    maven >=3.0  验证  mvn -v
    node >=12   验证  npm -v

    2-2运行工具如下:

    git
    Navicat 12或者16
    idea 2022以上

   
3-部署

    3-1项目拉取

        使用git bash       工具
        仓库地址 https://gitee.com/y_project/RuoYi-Vue.git
        命令:git clone https://gitee.com/y_project/RuoYi-Vue.git


   3-2搭建项目

    将项目拖拽了放idea 然后设置maven
    maven前置设置要求:    maven 镜像改成阿里云镜像  仓库设置为本地仓库
    初次加载可能比较慢,耐心等待即可
    
    去RuoYi-Vue\ruoyi-admin\src\main\resources目录下 找这个东西
    application-druid.yml
    【修改必要配置】
        ----数据库源配置
                  druid:
                          # 主库数据源
                             master:
                                url: 数据库地址
                            username: 数据库账号
                              password: 数据库密码
        ----服务器配置
                # 开发环境配置
                server:
                      # 服务器的HTTP端口,默认为80
                      port: 端口
                      servlet:
                # 应用的访问路径
                        context-path: /应用路径


   3-3数据库建表

    去Navicat 16里面,新建一个数据库,ry-vue
    运行SQL文件  (两个SQL文件)
    SQL地址:RuoYi-Vue\ruoyi-ui
    ry_2021xxxx.sql,quartz.sql   
   

    3-4开启redis服务

然后开启redis服务   redis-server.exe  双击打开,查看端口是不是6379

因为本项目是前后端完全分离的,所以需要前后端都单独部署好,才能进行访问


4-运行项目

    启动后端  springboot  启动服务  一般来讲,不可能会有报错

    后端启动完了 ,去启动前端   
    去前端目录下 E:\qnmd\RuoYi-Vue   cmd

        # 进入项目目录  cd ruoyi-ui

    在这之前需要确认一下node的安装版本  win+R  npm -i
    # 安装依赖(可选)
    npm install

    # 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
    npm install --registry=https://registry.npmmirror.com  (一次就行,下次直接启动)

    # 启动服务
    npm run dev

运行成功后,如图所示

5-随便说说若依

        5-1若依框架分类

单体若依后台项目
前后端分离后台项目
微服务架构后台项目
移动端项目

        5-2内置功能

用户管理:用户是系统操作者,该功能主要完成系统用户配置。
部门管理:配置系统组织机构(公司、部门、小组),树结构展现支持数据权限。
岗位管理:配置系统用户所属担任职务。
菜单管理:配置系统菜单,操作权限,按钮权限标识等。
角色管理:角色菜单权限分配、设置角色按机构进行数据范围权限划分。
字典管理:对系统中经常使用的一些较为固定的数据进行维护。
参数管理:对系统动态配置常用参数。
通知公告:系统通知公告信息发布维护。
操作日志:系统正常操作日志记录和查询;系统异常信息日志记录和查询。
登录日志:系统登录日志记录查询包含登录异常。
在线用户:当前系统中活跃用户状态监控。
定时任务:在线(添加、修改、删除 ) 任务调度包含执行结果日志。
代码生成:前后端代码的生成( java html xml sql) 支持 CRUD 下载 。
系统接口:根据业务代码自动生成相关的 api 接口文档。
服务监控:监视当前系统 CPU 、内存、磁盘、堆栈等相关信息。
缓存监控:对系统的缓存信息查询,命令统计等。
在线构建器:拖动表单元素生成相应的 Vue 代码。
连接池监视:监视当期系统数据库连接池状态,可进行分析 SQL 找出系统性能瓶颈

5-3主要特性

完全响应式布局(支持电脑、平板、手机等所有主流设备)
强大的一键生成功能(包括控制器、模型、视图、菜单等)
支持多数据源,简单配置即可实现切换。
支持按钮及数据权限,可自定义部门数据权限。
对常用 js 插件进行二次封装,使 js 代码变得简洁,更加易维护
完善的 XSS 防范及脚本过滤,彻底杜绝 XSS 攻击
Maven 多项目依赖,模块及插件分项目,尽量松耦合,方便模块升级、增减模块。
国际化支持,服务端及客户端支持
完善的日志记录体系简单注解即可实现
支持服务监控,数据监控,缓存监控功能

5-4我为什么学习若依

1. 目前很多的中小型公司都在使用低代码开发平台,若依,人人开源 , diboot jeccgboot
2. 若依框架是项目脚手架,其中已经封装并实现了权限五表及字典功能,部门功能等等通用功能。
3. 以后的公司开发不可能每次的项目都是从 0 开始的,其实在公司中一般都是采用公司已经很早之前
配置的 项目架构 来继续编写并开发的。

5-5若依相关

RuoYi-Vue 是一款基于 SpringBoot+Vue 的前后端分离极速后台开发框架。
RuoYi 官网地址: http://ruoyi.vip
演示地址: http://vue.ruoyi.vip
RuoYi 在线文档: http://doc.ruoyi.vip
RuoYi 源码下载: https://gitee.com/y_project/RuoYi-Vue
RuoYi 在线提问: https://gitee.com/y_project/RuoYi-Vue/issues
RuoYi 博客: https://www.oschina.net/p/ruoyi

5-6项目概览

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1606414.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Py深度学习基础|Numpy基础总结

注:本文来自菜鸟教程学习总结 一、数组属性 NumPy 的数组中比较重要 ndarray 对象属性有: 注意:使用reshape后,数组的结构(即元素的排列顺序和内在连接)没有改变,但因为返回的是一个视图&#…

修改npm全局安装模式的路径

修改npm全局安装模式的路径 由于之前安装过nodejs,并且配置环境变量以及cache 、prefix 的信息; 由于项目需求安装最新版本的Nodejs,把环境变量的path相关目录进行调整,然后使用一下命令进行安装cnpm命令; npm insta…

ctfshow web入门 SQl注入web171--web179

从这里开始SQl建议大家去看这篇文章学习一下先 MySQl web171 法一联合查询 题目 $sql "select username,password from user where username !flag and id ".$_GET[id]." limit 1;";爆数据库名 -1 union select 1,database(),3 -- 爆表名 -1 union s…

Next.js多页布局getLayout使用方法

目录 官网解释 直接上代码使用方法展示 1.page页面​编辑 2._app.js页面,也放在pages中​编辑 效果展示 有getLayout展示getLayout返回的页面布局 无getLayout展示默认布局 官网解释 如果需要多个布局,可以添加一个属性getLayout添加到您的页面,允…

试驾小米SU7后,我准备退了我的订单

文 | AUTO芯球 作者 | 雷歌 我真想退了我之前大定的小米SU7Pro版! 前两天我不是和朋友三人一起开着问界M9去试驾SU7了嘛, 说实话,这一圈下来,有欣喜有失望。 SU7的优点特别明显,也很突出, 就是它的底…

SpringMVC(五)【拦截器】

前言 今天来把 SpringMVC 最后一部分学完,虽然课时很短,但是学起来还是很慢的,不过确收获很大。不得不感慨学大数据确实有必要把 SSM、SpringBoot 等各种 JavaEE 技术好好学一学,收获很大,尽管我们到现在 Java 代码写了…

HTML5+JavaScript实现本地视频/音频播放器

HTML5JavaScript实现本地视频/音频播放器 HTML5 提供了本地视频和音频播放器的支持&#xff0c;通过 <video> 和 <audio> 标签&#xff0c;这些标签支持多种媒体格式&#xff0c;并且可以通过 JavaScript 进行控制&#xff0c;实现功能比较完整的本地视频音频播放器…

HTTP/HTTPS详解

HTTP/HTTPS详解 1. HTTP1.1 HTTP基础知识1.2 HTTP建立和断开连接 2. HTTPS 1. HTTP 1.1 HTTP基础知识 HTTP是互联网上应用最为广泛的一种网络协议&#xff0c;是一个客户端和服务器端请求和应答的标准&#xff08;TCP&#xff09;&#xff0c;用 于从WWW服务器传输超文本到本…

Day09 React———— 第九天

ReactRoter 一个路径 path 对应一个组件 component 当我们在浏览器中访问一个 path 的时候&#xff0c;path 对应的组件会在页面中进行渲染 基础用法 import { createBrowserRouter, RouterProvider } from "react-router-dom"; const router createBrowserRoute…

vue---计算属性

姓名案例 1.使用插值语法实现 <!DOCTYPE html> <html><head><meta charset"UTF-8" /><title>姓名案例_插值语法实现</title><!-- 引入Vue --><script type"text/javascript" src"../js/vue.js"&g…

北大字节联合发布视觉自动回归建模(VAR):通过下一代预测生成可扩展的图像

北大和字节发布一个新的图像生成框架VAR。首次使GPT风格的AR模型在图像生成上超越了Diffusion transformer。 同时展现出了与大语言模型观察到的类似Scaling laws的规律。在ImageNet 256x256基准上,VAR将FID从18.65大幅提升到1.80,IS从80.4提升到356.4,推理速度提高了20倍。 相…

[MySQL数据库] 索引与事务

1. 索引 1.1 概念 索引是一种特殊的文件&#xff0c;包含着对数据表里所有记录的引用指针.可以对表中的一列或多列创建索引,并指定索引的类型&#xff0c;各类索引有各自的数据结构实现. 1.2 作用 数据库中的表、数据、索引之间的关系&#xff0c;类似于书架上的图书、书籍…

电商平台业务及架构演变史

不少人认为电商系统很简单&#xff0c;因为现在做电商的太多了&#xff0c;看到的电商产品也多。看来看去产品都差不多&#xff0c;没什么特别。 其实中国电商发展已有20多年历史&#xff0c;电商以销售为核心连接着研、产、供、销、服整套的信息系统体系。其中的设计并没有那…

预约小程序新选择:强大后端管理功能一览

拥有一个功能齐全、操作便捷的小程序对于商家来说至关重要。为了满足广大商家的需求&#xff0c;乔拓云平台提供了丰富的模板资源&#xff0c;帮助用户快速搭建预约型小程序&#xff0c;并配备了强大的后端管理功能&#xff0c;让商家能够轻松管理预约订单&#xff0c;提升运营…

Hive进阶(1)----HDFS写入数据流程(赋图助君理解)

HDFS写入数据流程 1.理论流程描述 HDFS&#xff08;Hadoop分布式文件系统&#xff09;的数据写入流程是一个复杂但高效的过程&#xff0c;可以分为以下8个步骤&#xff1a; 1、client(客户端)发起文件上传请求&#xff1b; 2、通过发送RPC请求与NameNode建立通讯。NameNode…

⑥【Shiro】使多个自定义Realm规则生效。

个人简介&#xff1a;Java领域新星创作者&#xff1b;阿里云技术博主、星级博主、专家博主&#xff1b;正在Java学习的路上摸爬滚打&#xff0c;记录学习的过程~ 个人主页&#xff1a;.29.的博客 学习社区&#xff1a;进去逛一逛~ ⑥【Shiro】Shiro中&#xff0c;如何使多个自定…

CSS的语法规则——基础选择器

元素&#xff1a; 用法&#xff1a; 标签名&#xff1a;{style的内容} 特点&#xff1a; 全局性&#xff0c;使用后&#xff0c;所有的相同标签都是同一种样式。 举例&#xff1a; <!DOCTYPE html> <html lang"en"><head><meta charset"UT…

Docker使用教程及docker部署Vue项目

什么是Docker及其工作原理 虚拟化技术Docker是什么&#xff1f;三大基本术语核心算法原理和具体操作步骤 Docker和传统虚拟化技术区别为什么使用Docker&#xff1f;Docker有什么作用&#xff1f;1.解决应用部署的环境问题遇到问题达到效果 2.容器化 docker的各种命令解释运行机…

pnpm - Failed to resolve loader: cache-loader. You may need to install it.

起因 工作原因需要研究 vue-grid-layout 的源码&#xff0c;于是下载到本地。因为我习惯使用 pnpm&#xff0c;所以直接用 pnpm i 安装依赖&#xff0c;npm run serve 启动失败。折腾了一番没成功。 看到源码里有 yarn.lock&#xff0c;于是重新用 yarn install 安装依赖&…

hbase-2.2.7分布式搭建

一、下载上传解压 1.在官网或者云镜像网站下载jar包 华为云镜像站&#xff1a;Index of apache-local/hbase/2.2.7 2.上传到linux并解压 tar -zxvf hbase-2.2.7-bin.tar.gz -C /usr/locol/soft 二、配置环境变量 1. vim /etc/profile export HBASE_HOME/usr/local/soft/h…