若依框架搭建流程(前后端分离),遇到问题及解决方法

1.安装jdk(1.8)

2.安装maven

3.安装idea

        最好安装23的,21的没有spring boot helper,不过21也可以用,安装的插件是spring boot assistan

4.安装node.js

        注意此处版本不可高于16,下载地址Node.js — Download Node.js® (nodejs.org),下载后一路next;下载好后用管理员权限打开cmd,node -v以及npm -v检查一下版本

        !!14,15会有奇怪的错误,下载16最好,但是16版node对应7版npm,依赖检查更加严格,可以用npm i --legacy-peer-deps+npm i解决。!!不要升级任何版本的npm,下载node会自带npm,自带的是最好的,升级会导致各种各样的版本冲突,不管是不是升到最新版。

5.安装git,并在桌面新建文件夹

6.安装mysql5.7,如果版本是8需要重装。

        !!总是重装失败可以下个cccleaner,这个是帮忙清理注册表的。首次安装mysql的不需要。

6.下载navicatForMysql16,参考链接Navicat16安装和激活详细讲解(全网最简单且靠谱)-CSDN博客

7.下载若依框架到新文件夹,下载地址:RuoYi: 🎉 基于SpringBoot的权限管理系统 易读易懂、界面简洁美观。 核心技术采用Spring、MyBatis、Shiro没有任何其它重度依赖。直接运行即可用 (gitee.com)

8.下载redis(下载zip直接解压就可以用,不要下载msi)

将下载的若依框架文件夹拖动到idea图标上即可打开。

        !!注意:文件结构是新建文件夹》若依框架文件夹,拖进idea的是若依框架文件夹

        !!刚打开idea所有文件都报红,是拉取的时候删掉.idea文件夹的原因,重新拉取一下就好

一、后端配置

1.在idea左部文件结构栏的右上角有个齿轮图标(大概在整个界面上方从左到右四分之一处),点开》treeAppearance》取消勾选compackMiddlePackages(flatternPackages勾选时此选项不可见)

2.点击搜索图标(页面右上角的放大镜)》搜索plugins(即插件)》下载vue.js,如果无法加载应用商店,可以自行搜索idea官方插件商城的网址,在浏览器自行下载

3.配置maven、jdk(自行搜索Java项目配置)

4.点击页面右端竖着的maven栏,没出现说明maven没配置好,右键选重新加载项目,会下载maven需要的插件。

5.navicat中新建数据库,数据库名在application-druid.yml注释的“主源数据库”的url中,斜线到问号中间的字符串,此字符串可以修改。

6.配置application.yml(配置上传路径)和application-druid.yml(配置数据库name和密码)

7.任务管理器打开mysql服务》navicat内打开连接,将ruoyi-ui》sql中的两个文件复制到新连接内

8.启动redis,cmd进入安装路径》redis-server

        !!如果报错》打开cmd》redis-cli》shutdown》exit》redis-server

        !!务必不要暴力关闭redis连接,会造成无法解决的闪退问题(至少我找不到解决方案)

        !!如果闪退以及能连上redis但是idea报连不上redis的错,重装redis(直接删掉文件夹就行)或重启,在全局xml文件里添加依赖

<!-- redis-->
            <dependency>
                <groupId>redis.clients</groupId>
                <artifactId>jedis</artifactId>
                <version>3.3.0</version>
            </dependency>

9.运行application.yml,启动成功则后端配置完成。

二、前端配置

1.界面下方点击终端,cd到ruoyi-ui》npm i --legacy-peer-deps》npm i

2.修改ruoyi-ui》vue.config.js,有两处需要改,80的可以改为70,8080改为和application.yml一样的端口

3.npm run serve/npm run dev二选一,启动前端

        !!若转进浏览器报500错误,是因为后端没启动。启动顺序为:redis》后端》前端,启动成功后会进入友邻消息中心管理系统。若后端启动了还报500,是端口错误,检查application.yml(ruoyi-admin下)和vue.config.js(ruoyi-ui下)

三、开始生成前的准备

1.新建模块,参考链接:【若依框架】代码生成详细教程_若依框架代码生成-CSDN博客

        !!此处最好git存一下档,用git前删除原有.git文件夹。

2.建好自己需要的sql表

        在navicat中建可以自动生成数据,先建立外键再生成。

3.系统管理》菜单管理(建个目录)

        新建的目录不会填的可以看看若依自带的怎么填,点编辑进去看他咋写你就咋写。写菜单的目的是让界面整洁,不搞也行但是会很乱。

4.系统工具》代码生成》导入表》编辑

        !!请慎重编辑,一定要保证若依系统中填好了再进行后端操作,不然系统会整个崩掉很难修,几乎等于重做。一定一定要把系统里的填好《血泪教训

四、开始生成

1.生成zip包下载并解压

2.用mysql跑一下生成的sql文件

        !!报错1046,双击一下左边的任意数据库,再次执行就好了

3.参照这篇文章的第三部分若依代码生成(超详细的图文教程)-CSDN博客

        !!建议将会改动的部分备份一下

  • 5
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在基于前后端分离的商城管理系统中,可以使用若依框架来进行开发。若依框架是一个基于Spring Boot和Vue.js的前后端分离快速开发平台,它提供了一套完整的开发框架和工具集,可以帮助开发人员快速构建商城管理系统。 以下是使用若依框架进行前后端分离商城管理系统开发的步骤: 1. 前端开发: - 使用Vue.js作为前端框架进行开发,它提供了一套简洁灵活的前端开发工具和组件库。 - 使用Element UI作为UI组件库,它提供了丰富的UI组件和样式,方便开发人员进行界面设计和开发。 - 根据商城管理系统的需求,设计和开发前端页面,包括商品管理、订单管理、用户管理等功能模块。 2. 后端开发: - 使用Spring Boot作为后端框架进行开发,它提供了一套简化的开发工具和开发流程,可以快速搭建后端服务。 - 使用MyBatis作为持久层框架,它提供了方便的数据库操作和数据映射功能。 - 根据商城管理系统的需求,设计和开发后端接口,包括商品管理接口、订单管理接口、用户管理接口等。 3. 数据库设计: - 根据商城管理系统的需求,设计数据库表结构,包括商品表、订单表、用户表等。 - 使用MySQL等关系型数据库进行数据存储和管理。 4. 前后端交互: - 使用RESTful API进行前后端数据交互,前端通过发送HTTP请求到后端接口获取数据或提交数据。 - 后端接口根据前端请求进行相应的处理,返回符合前端需求的数据或状态码。 5. 安全性和权限控制: - 使用Spring Security进行安全性和权限控制,确保商城管理系统的数据和功能只能被授权的用户访问和操作。 - 根据商城管理系统的需求,设计和实现用户认证和授权的功能。 综上所述,使用若依框架进行前后端分离商城管理系统的开发,可以提高开发效率和系统稳定性,同时满足商城管理系统的需求和功能。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值