首页 > 其他分享 >ruoyi前后端分离入门

ruoyi前后端分离入门

时间:2022-12-29 16:12:24浏览次数:56  
标签:npm Vue 入门 分离 RuoYi ruoyi https com

真的所有坑都踩了一遍哈哈哈哈

官方文档:

参考:https://juejin.cn/post/7114232275734102030

           https://www.cnblogs.com/badaoliumangqizhi/p/13631640.html

           https://www.cnblogs.com/kuangdaoyizhimei/p/14372719.html

1.下载代码

我用的前后端分离的代码(使用idea创建项目并clone代码)

git clone https://gitee.com/y_project/RuoYi-Vue.git

2.启动后端

2.1 配置好maven

从RuoYi-Vue\pom.xml导入项目

2.2 先配置下数据库(我用的是本地数据库)

创建database,注意存储引擎InnoDB、字符集utf8、排序规则utf8_general_ci等;

运行sql文件:ry_20220822.sql、quartz.sql;

2.3 修改后端配置文件

改一下RuoYi-Vue\ruoyi-admin\src\main\resources\application-druid.yml的数据库配置、RuoYi-Vue\ruoyi-admin\src\main\resources\application.yml的redis配置

2.4 启动后端,打开浏览器登录

 

 

3.启动前端

3.1 准备好环境

node 我用的v16.19.0,vue直接在idea里面下载

3.2  terminal进入前端目录ruoyi-ui,安装依赖

npm init

npm install --registry=https://registry.npm.taobao.org 命令安装前端项目依赖

如果各种报错,建议删掉前端文件 ruoyi-ui,重新下载后再试(我这里死磕了很久,一直以为环境没搞定,甚至弄了nvm来控制node版本、npm各种install uninstall一些模块)

参考:https://www.cnblogs.com/byx1024/p/16777744.html

3.3 运行前端

运行 RuoYi-Vue\ruoyi-ui\package.json,浏览器打开http://localhost:80(默认账号密码admin/admin123,可以在系统里设置关闭验证码)

 

 

 

 

 

标签:npm,Vue,入门,分离,RuoYi,ruoyi,https,com
From: https://www.cnblogs.com/huangyuanni/p/17012830.html

相关文章

  • REDM库使用教程01(详细入门)
    写这篇文章初衷在于,虽然开发这套框架的作者很叼,但是教程写的有点糟糕,坑了我一个晚上研究。REDM库的简单介绍​​https://gitee.com/hgy413/REDM​​ 然后要先装好VS2010;装......
  • 用户登录界面(Bootstrap)入门教程01(适合初学者)
    首先博主也是小白,之前没学过前端,花了一晚上做了个登录界面,想分享给大家,比较适合初学者来快速学习,博主以后也好好学基础的前端。首先先上我做的登录界面的图:因为博主水平有限......
  • day01_Java环境搭建及入门
    1.Java概述1.1Java语言背景介绍(了解)语言:人与人交流沟通的表达方式计算机语言:人与计算机之间进行信息交流沟通的一种特殊语言Java语言是美国Sun公司(StanfordUniversi......
  • 图查询语言 nGQL 简明教程 vol.01 快速入门
    本文旨在让新手快速了解nGQL,掌握方向,之后可以脚踩在地上借助文档写出任何心中的NebulaGraph图查询。视频本教程的视频版在B站这里。准备工作在正式开始nGQL实操......
  • [一] java8 函数式编程入门 什么是函数式编程 函数接口概念 流和收集器基本概念
     本文是针对于java8引入函数式编程概念以及stream流相关的一些简单介绍什么是函数式编程? java程序员第一反应可能会理解成类的成员方法一类的东西此处并不是这个含义,更......
  • BitSail“拍了拍”你,并给你一份快速入门指南
    本QuickGuide面向BitSail新手入门使用人员,从源码编译、产物结构、如何提交作业、实机演示等多方面带领大家迅速入门BitSail,从0到1了解并完成BitSail基础构建。......
  • Getting Started with Spring Cloud Stream 入门
    这篇文章是与BenWilcock共同撰写的,他是SpringatPivotal的产品和技术营销经理。......
  • 初学《python编程从入门到实践》web应用程序,出现错误
    一开始是遇到了TemplateDoesNotExist的错误,上百度都是说改settings.py里面的TEMPLATE的DIRS,但我改了还是出现问题,我用的《python编程从入门到实践》这本书的出版时间是20......
  • Linux小白入门经验
    雄关漫道真如铁,而今迈步从头越。我们在单位工作的人都有一个梦想,那就是搞定所有的计算机难题,帮助公司完成更多的电脑维修、软件开发以及系统监测。随着互联网的深入发展,我们......
  • vue入门
    Vue入门SOC:关注度分离原则网页三要素:HTML+CSS+js:视图:给用户看,刷新后台给的数据网络通信:axios页面跳转:Vue-router状态管理:vuexVue-UI:ICEM模型V视图C控制器......