XXX后台管理系统--若依项目(前后端分离)不写代码也可以搞定crud

0.前言

相信每一个计算机相关专业的同学都接触过什么xxx后台管理系统的课程设计吧,如果你已经学习并掌握vue、ssm、springboot等等知识,那么如果掌握并灵活使用开源的若依项目,将会对你事半功倍,快乐到起飞!(没学过也不影响使用,小白也可以很好的上手,亲测),暂时不用也可以收藏起来,相信一定会对你有所帮助的。

ps.对于课设、毕设,若依项目都可以作为很好的模板去使用,因为它真的非常好用且功能强大,诸如自动生成增删改查代码、自带权限分离功能等等。

这里贴一下在线运行地址:http://vue.ruoyi.vip

1.运行若依项目(常见问题)

在这里我就不过多赘述若依项目的具体内容了(网上有太多分析使用的内容了,我就不重复造轮子了),并且可以自行参考若依官方文档:

RuoYi 若依官方网站 |后台管理系统|权限管理系统|快速开发框架|企业管理系统|开源框架|微服务框架|前后端分离框架|开源后台系统|RuoYi|RuoYi-Vue|RuoYi-Cloud|RuoYi框架|RuoYi开源|RuoYi视频|若依视频|RuoYi开发文档|若依开发文档|Java开源框架|Java|SpringBoot|SrpingBoot2.0|SrpingCloud|Alibaba|MyBatis|Shiro|OAuth2.0|Thymeleaf|BootStrap|Vue|Element-UI||www.ruoyi.vipicon-default.png?t=N7T8http://120.79.202.7/我主要跟大家分享下使用过程中常见的问题,因为我本人踩了非常多的坑

此处采用本地开发模式。

1.1项目架构

你可以通过git拉取代码或者 直接下载zip文件

项目主要结构:

1.2配置问题

大家可以自己查看下自己的配置,是否满足要求(相关命令自行搜索),否则会运行出错

  • JDK >= 1.8
  • MySQL >= 5.7
  • Maven >= 3.0
  • Node >= 12
  • Redis >= 3 (官方给出的)

此处注意:运行后端项目前,redis是否启动服务,推荐redis设置为开机自启动

1.3前端项目

此处困扰了我很长时间,下面我慢慢到来。

把前端项目拖进你用的vc code/idea中,在项目终端执行以下代码(参考官方文档)

npm install
npm run dev

按理来说,此时前端项目该可以运行的(参考文档),但此时,问题来了:

报错如下:

 INFO  Starting development server...
98% after emitting CopyPlugin

 DONE  Compiled successfully in 37419ms                     18:27:51


  App running at:
  - Local:   http://localhost:80/
  - Network: unavailable

  Note that the development build is not optimized.
  To create a production build, run npm run build. 

node:events:491
      throw er; // Unhandled 'error' event
      ^

Error: spawn cmd ENOENT
    at Process.ChildProcess._handle.onexit (node:internal/child_process:283:19)
    at onErrorNT (node:internal/child_process:478:16)
    at processTicksAndRejections (node:internal/process/task_queues:83:21)
Emitted 'error' event on ChildProcess instance at:
    at Process.ChildProcess._handle.onexit (node:internal/child_process:289:12)
    at onErrorNT (node:internal/child_process:478:16)
    at processTicksAndRejections (node:internal/process/task_queues:83:21) {
  errno: -4058,
  code: 'ENOENT',
  syscall: 'spawn cmd',
  path: 'cmd',
  spawnargs: [ '/c', 'start', '""', '/b', 'http://localhost:80/' ]  
}

 *  终端进程“C:\Windows\System32\WindowsPowerShell\v1.0\powershell.exe -Command npm run dev”已终止,退出代码: 1。 
 *  终端将被任务重用,按任意键关闭。 

此时别慌,其实一步就可以解决好:

vue.confg.js中把open: true注释掉就可以正常运行了

前端🆗了

1.4后端项目

后端配置主要以下几个方面:

(1)配置好数据库信息,在ruoyi-admin包下的application-druid.yml中配置。

(2)redis配置信息(确保redis是启动的,否则项目无法正常运行

(3)maven配置,加载依赖

这个大家应该都会,如果不会请自行搜索学习maven的使用

可参考博客:

Maven介绍与使用-CSDN博客

此处有个小tips:

如果新建项目时,右侧的maven框找不到,原因可能是pom.xml文件没有识别, idea觉得这个项目就不是个maven项目,导致idea无法加载依赖包。

解决方案:

右键pom.xml文件, 点击" add as maven project "

(4)导入数据库基本表(项目自带的sql),把这些sql语句复制粘贴运行一遍就可以

至此,若以项目后端也可以正常运行了。

到这里若以项目就正常启动了,后面我会持续分享若依项目的其他使用,包括魔改若依项目,自定义模块(这个也是遇到好多问题,踩过坑)等等,如有问题,可以在评论区留言互相交流!

  • 23
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Spring Boot是一个用于创建独立的、生产级别的基于Java的应用程序的框架。它的特点是简单、快速、方便,适合用于构建单体应用程序。在传统的Spring Boot项目中,前后端通常没有明确的分离,而是将前端代码和后端代码放在同一个项目中。 下面是一些笔记,可以帮助你理解如何在Spring Boot项目中进行前后端不分离的开发: 1. 项目结构:在项目中创建一个统一的目录结构,将前端和后端代码放置在不同的子目录中。可以按照功能或模块来组织代码。 2. 视图层:使用模板引擎(如Thymeleaf)来生成前端页面。在后端代码中编写HTML模板文件,将动态数据注入到模板中,然后将渲染后的HTML页面返回给客户端。 3. 控制器:编写后端的控制器类来处理请求和返回数据。控制器类负责接收前端请求,处理业务逻辑,并将相应的数据返回给前端。 4. 数据交互:使用Spring Boot提供的HTTP请求处理功能来处理前后端之间的数据交互。可以使用@RestController注解标记控制器类,使用@RequestMapping注解标记方法,然后通过方法参数接收请求参数或请求体。 5. 安全性:可以使用Spring Security来保护应用程序的安全性。通过配置安全规则,可以限制访问某些URL或资源的权限。 6. 数据库操作:可以使用Spring Data JPA来进行数据库操作。通过定义实体类和仓库接口,可以方便地进行CRUD操作。 7. 测试:可以使用JUnit或Spring Boot提供的测试框架来编写单元测试和集成测试。通过测试可以确保代码的质量和功能的正确性。 请注意,虽然在前后端不分离的项目中,前端代码和后端代码放在同一个项目中,但仍可以通过组织代码结构和使用合适的技术来实现代码的模块化和可维护性。如果你希望实现前后端分离的开发方式,可以考虑使用前后端分离的框架(如Vue.js、React等)来构建前端,并通过RESTful API来进行数据交互。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值