首页 > 其他分享 >ruoyi前端后端启动

ruoyi前端后端启动

时间:2023-03-06 19:11:24浏览次数:62  
标签:文件 vue 启动 前端 导入 ruoyi 依赖

一、准备环境阶段:前端需要:vue等,maven、git、redis、mysql、

二、文件下载阶段:

1.在ruoyi官网下载ruoyi-vue前后端分离文件:|www.ruoyi.vip

2.在IDEA中的:get from version control打开并且复制下载链接,这里有个注意点:前后端的文件应该独立打开,这样在后期启动的时候比较方便。

三、后端启动阶段:

1.ruoyi-ui这是前端其余的是后端,将他们分别打开。

2.在打开文档后因为我们有maven这个时候它会下载后端运行的必要依赖,所以可能要等15分左右。

3.当文件的依赖都下载完毕后,我们看一下目录结构,可以非常清晰的看到admin这是文件的启动口,分层打开找到java文件:可以看到这说文件的启动地方:public static void main(String[] args)

4.打开文件sql可以看到俩个文件,这是后端要的数据库,打开可视化sql文件,创建sql文件并且把表分别导入,当表导入完成后刷新就可以看到所需要的表了。

5.打开文件java测试文件夹:这是俩个yml文件,第一个是配置sql,而第二个就是配置redis的,mysql需要配置地址、root以及密码,而redis比较简单,因为是在本地运行的所以无密码。哈哈哈

6.完事。

四、文件启动:

这个就是一步启动:public static void main(String[] args)

完事!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

五、前端启动:

1.把文件ruoyi-ui导入idea,和后端一样因为有maven所以需要把必要的依赖都导入,但是这时候我们发现这是一个vue编写的需要在IDEA添加vue插件,安装之后重启IDEA。

2.这个时候就会导入vue的必要依赖。

3.这个时候突然发现还缺一样就是node,(这个切记别下太高的版本,难受的要死,建议下载12的版本)

4.把node的插件在IEDA安装好之后依旧重启。

5.maven安装必要的依赖,但是这个可能会卡到最后一个,这里建议选择文件的用npm安装必要的依赖。

6.用右键点开src的终端,分别注入依赖,之后启动。

 

 

师傅领进门修行在个人。这我好像现在才明白了。在运行过程中无数次报错,这些都是我宝贵的经验!!!!!!!!!!!!!!!!

标签:文件,vue,启动,前端,导入,ruoyi,依赖
From: https://www.cnblogs.com/gaoyijun/p/17185027.html

相关文章

  • 安装启动mysql
    1、进入C盘下mysql安装的bin目录下执行,mysqld-install命令安装mysql服务2、输入mysqld--initialize-insecure--user=mysql--explicit_defaults_for_timestamp初始化m......
  • 前端性能精进之浏览器(三)——图像
    HTTPArchive在2022年关于多媒体的报告中指出,目前大概有99.9%的网站或多或少都会包含点图像。并且高达70%的移动页面和80%的桌面页面的LCP指标会受图像......
  • 2023,大前端技术趋势及小程序未来分析
    几个月前,小程序游戏“羊了个羊”大火、一时间和“老板每天赚468万全款买两套豪宅”的消息在网上引爆了网络。回望,小程序被视为互联网流量的存量时代;流量变现“全村的希望”......
  • 统计前端项目代码总行数
    统计前端项目代码的总行数 统计前端项目代码的总行数,可以有两种方式:GitBash命令行页面中使用命令统计 或着使用用VSCode中的插件统计。 方式一、使用命令1......
  • 系统化学习前端之vite
    前言”天下苦webpak久矣“。webpack虽然解决了前端工程化的问题,但是webpack编译打包过程中自身性能的问题随着项目代码的增长逐渐暴露出来,老前端们开始追求开发体验和......
  • 一文吃透前端低代码的“神仙生活”
    今天来说说前端低代码有多幸福?低代码是啥?顾名思义少写代码……这种情况下带来的幸福有:代码写得少,bug也就越少(所谓“少做少错”),因此开发环节的两大支柱性工作“赶需求”和......
  • 前端老赵一次给你讲透“微前端”架构
     一、引言:随着Web应用程序的规模和复杂度的不断增加,前端技术也在不断发展和演进。微前端是近年来兴起的一种前端架构模式,通过将大型Web应用程序拆分为小型、可独立开发......
  • Java开发笔记之项目启动报错expected at least 1 bean which qualifies as autowire c
    看下spring容器启动时报错,看报错图: 需要检查如下:/**1.application.yml内的mybatis->mapper-location和type-aliases-package路径是否覆盖该对象;2.mapper目录......
  • vue 前端导出
    1.安装依赖npminstall-Sxlsxnpminstall-Sxlsx-style2、导出export插件封装utils/exportExcel.js/** *@file导出export插件封装 */ import*asstyle......
  • 【前端】一个更底层库-React基础知识
    (目录)这一篇学习React知识点。分别从属性状态和相关API了解一下。属性状态属性状态要知道这几个PROPS,PROPVALIDATION,STATE。PROPS通过this.props可以获取传递给该......