基于若依前后端分离的项目结构
基于若依进行二次开发
若依就是一个开源的后端系统框架
若依没有内置的工作流,但是可以集成工作流框架
低代码是一种设计思想,若依是具体的产品实现
若依平台可以给个人和企业免费使用,可以商用

一、低代码开发平台

  1. 低代码平台的目的是把重复性的编程工作通过平台实现

  2. 把开发人员从增删改查中解放出来,可以专注更有价值的开发工作(如数据库的设计、业务流程的设计、API核心的开发等)

  3. 用的是MyBatis框架,MyBatis更加灵活,可以根据不同场景灵活修改SQL语句,MP的局限性比较大(MP是自动生成SQL的,无法进行SQL的调优,需要自己再去单独编写SQL语句)。

    常见的低代码平台有:

  4. 阿里推出的钉钉的宜搭、Noohle(怒吼)、简道云。

    它们也叫零代码平台,可以让不懂编程的人通过可视化的拖拽的形式完成后台管理系统的搭建。这些平台的使用时需要收费的。

  5. 低代码平台有若依(RuoYi)、jeecg-boot、人人开源(renren-fast),其中若依是免费开源的,对个人用户和商用都是免费的,市场占有率高。

二、若依

  1. RuoYi-Vue是个JavaEE轻量级快速开发平台,开源给个人和企业免费使用。

  2. 基于SpringBoot + Spring Security(安全框架) + MyBatis + Jwt(登录认证) + Vue + Element UI技术栈

    前端分离版:
    前端:Vue + Elememt UI
    后端:SpringBoot + Spring Security(安全框架)

    微服务版本就是把后端代码进行微服务模块划分,增加了阿里的nacos微服务注册中心、gateway网关等。

  3. 使用若依,后端方面需要有SpringBoot框架基础

    前端方面,只需了解过vue和element ui即可,前端代码是自动生成的,很多表单控件都支持低代码,可以通过后台管理进行拖拽式生成。

  4. 针对企业项目,目前很多公司都在基于若依平台进行二次开发,很多企业要求有用若依进行二次开发的能力。

三、若依低代码平台搭建

在这里插入图片描述

1.后端运行

  1. 下载Git源码
    通过idea下载git源码,gitee地址:Gitee地址

  2. 初始化工程

    运行后台web的入口是ruoyi-admin

    在这里插入图片描述

    运行前端部分用的是ruoyi-ui

  3. MySQL配置

    创建数据库create database ry-vue;
    在这里插入图片描述
    在这里插入图片描述

  4. Redis配置

  5. 启动项目

2.前端运行

  1. 用idea打开前端工程

    用idea打开ruoyi-ui模块

  2. 安装前端运行时所需要的js类库

  3. 启动部署前端环境

在idea的Terminal命令窗口中执行以下命令:

# 安装依赖
npm install

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

# 启动服务
npm run dev

打开浏览器,输入:([http://localhost:80) 默认账户/密码 admin/admin123
若能正确展示登录页面,并能成功登录,菜单及页面展示正常,则表明环境搭建成功

在这里插入图片描述

四、源码分析

1.前端代码分析

前端代码技术栈:使用ES6语法、框架使用vue(需要会vue1.6的语法)和vuex、vue的路由vue-router、vue的客户端vue-cli、异步通信使用axios、前端的组件element-ui(需要熟悉element-ui组件的使用-复制粘贴)

在这里插入图片描述
研究源码时主要看目录结构中的api和views这两个包,api包是前端向后端发送Ajax请求的代码,另外一个包views中是前端页面部分的代码。

首先是表单校验,校验通过之后执行后续的请求:
在这里插入图片描述

Logo

快速构建 Web 应用程序

更多推荐