若依RuoYi使用IDEA配置详细教程 + 放行自己的静态文件(前后端不分离版)

一、下载并导入IDEA

官网:http://doc.ruoyi.vip/
image.png
源码下载完后解压,然后使用IDEA进行项目导入,File—open—刚刚解压的项目,导入之后IDEA会自动下载依赖。
打开后:
image.png

二、创建并配置数据库

使用Navicat for MySQL 软件(其他类似的都可以)进行操作。
新建一个名为 ruoyidb 的数据库,右击选择"运行SQL文件",运行下载项目中的2个SQL文件,(2个SQL文件都是运行在 ruoyidb 数据库中)。

2.1 创建

新建数据库:
image.png
运行SQL语句生成所有的数据表:
image.png
image.png
image.png

2.2 配置

修改配置文件 application-druid.yml,路径在ruoyi-admin\src\main\resources\application-druid.yml 。
image.png

三、运行

3.1 修改运行端口

image.png

3.2 运行

image.png
打开网页:http://localhost:8081/
我们用admin用户登录,密码是admin123,项目首页如图下:
image.png
image.png

四、放行自己的静态文件

最开始我是直接在static目录下加入自己的各种js css等静态文件,但是引入后怎么都访问不到新加的静态文件,我一开始猜测肯定是静态文件路径的请求被拦截了,然而这个拦截配置在 com.ruoyi.framework.config. ShiroConfig. ShiroConfig 文件中。
image.png
在 com.ruoyi.framework.config.ShiroConfig.ShiroConfig 文件中进行修改配置!
image.png


好的,我了解了。如果你想去除若依ruoyi)的UI,可以按照以下步骤进行: 1. 进入若依ruoyi)的源代码目录,找到 `ruoyi-ui` 文件夹 2. 用文本编辑器打开 `ruoyi-ui` 文件夹下的 `src` 目录下的 `main.js` 文件 3. 在该文件中删除以下代码块: ```javascript import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) ``` 4. 保存并关闭 `main.js` 文件 5. 打开 `ruoyi-ui` 文件夹下的 `src` 目录下的 `App.vue` 文件 6. 在该文件中删除以下代码块: ```html <template> <div id="app"> <router-view/> </div> </template> <script> export default { name: 'App' } </script> <style> #app { font-family: 'Avenir', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px; } </style> ``` 7. 保存并关闭 `App.vue` 文件 8. 运行 `npm run build` 命令编译打包项目 9. 打开 `ruoyi-ui` 文件夹下的 `dist` 目录,找到生成的 `index.html` 文件 10. 用文本编辑器打开 `index.html` 文件,删除以下代码块: ```html <link href="/static/css/app.8dcf7f7f.css" rel="stylesheet"> <script type="text/javascript" src="/static/js/manifest.1f7d4595.js"></script> <script type="text/javascript" src="/static/js/vendor.7a1b1d27.js"></script> <script type="text/javascript" src="/static/js/app.5b2c8f27.js"></script> ``` 11. 保存并关闭 `index.html` 文件,这样就去除了若依ruoyi)的UI。 请注意,这只是去除了若依ruoyi)的UI,不会影响若依ruoyi)的功能和其他特性。如果你需要使用若依ruoyi)的UI,可以按照以上步骤恢复。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

战胜.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值