若依ruoyi——手把手教你制作自己的管理系统【一、启动项目】

下载官网一( ̄︶ ̄*))
开发文档一((* ̄3 ̄)╭

********* 专栏略长 ==== 爆肝万字 ==== 细节狂魔 ==== 请准备好一键三连 *********

准备工作:

JDK >= 1.8 (推荐1.8版本)
Mysql >= 5.7.0 (推荐5.7版本)
Redis >= 3.0
Maven >= 3.0
Node >= 12
nacos >= 1.1.0 (ruoyi-cloud >= 3.0.0需要下载nacos >= 2.x.x版本)
sentinel >= 1.6.0

(我这里用到的软件 后端IDEA + 前端VScode + 数据库NavicatPremium12 还有Git)

一一一一( •̀ .̫ •́ )✧一( •̀ .̫ •́ )✧一正片开始一( •̀ .̫ •́ )✧一( •̀ .̫ •́ )✧一一一一
下载:
在这里插入图片描述
在这里插入图片描述

新建空文件夹 操作Git拉取代码(当然也可以下载压缩包Zip 看个人习惯 不过有时压缩包会报错)

在这里插入图片描述

git clone https://gitee.com/y_project/RuoYi-Vue.git
// git的粘贴快捷键 Shift + Ins

在这里插入图片描述
在这里插入图片描述

把文件拽到idea中 或者 File----Open 推荐后者

在这里插入图片描述

此时运行需要注意两个地方:!!!
1、启动redis-server.exe
2、前后端下载依赖并启动数据库
	# 前端进入项目目录
	cd ruoyi-ui
	# 前端安装依赖(建议加 --registry)
	npm install
	# 强烈建议不要用直接使用 cnpm 安装,会有各种诡异的 bug,可以通过重新指定 registry 来解决 npm 安装速度慢的问题。
	npm install --registry=https://registry.npmmirror.com
	# 本地开发 启动项目
	npm run dev
其他注意事项:
	# 前端打包正式环境
	npm run build:prod
	# 打包预发布环境
	npm run build:stage

打开redis-server:
在这里插入图片描述
前端:
在这里插入图片描述
在这里插入图片描述

一般都会自动弹出 手动打开按Ctrl+单击左键

数据库:

application-druid.yml文件 自定义数据库名称(ry-vue)和账号(root)密码 (123456)

在这里插入图片描述
在这里插入图片描述

连接成功后新建数据库 注:名称要一致

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

当然你也可以选择sql直接拖拽等操作。。。

后端:

可检查下依赖再运行

在这里插入图片描述

在这里插入图片描述

运行成功

在这里插入图片描述

刷新页面

在这里插入图片描述

  • 5
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
RuoYi若依管理系统是一个基于SpringBoot的权限管理系统,代码易读易懂、界面简洁美观。 核心技术采用Spring、MyBatis、Shiro没有任何其它重度依赖。直接运行即可用。 RuoYi若依管理系统功能: 1、用户管理:用户是系统操作者,该功能主要完成系统用户配置。 2、部门管理:配置系统组织机构(公司、部门、小组),树结构展现支持权限。 3、岗位管理:配置系统用户所属担任职务。 4、菜单管理:配置系统菜单,操作权限,按钮权限标识等。 5、角色管理:角色菜单权限分配、设置角色按机构进行数据范围权限划分。 6、字典管理:对系统中经常使用的一些较为固定的数据进行维护。 7、参数管理:对系统动态配置常用参数。 8、通知公告:系统通知公告信息发布维护。 9、操作日志:系统正常操作日志记录和查询;系统异常信息日志记录和查询。 10、登录日志:系统登录日志记录查询包含登录异常。 11、在线用户:当前系统中活跃用户状态监控。 12、定时任务:在线(添加、修改、删除)任务调度包含执行结果日志。 13、代码生成:前后端代码的生成(java、html、xml、sql)支持CRUD下载 。 14、系统接口:根据业务代码自动生成相关的api接口文档。 15、服务监控:监视当前系统CPU、内存、磁盘、堆栈等相关信息。 16、在线构建器:拖动表单元素生成相应的HTML代码。 17、连接池监视:监视当前系统数据库连接池状态,可进行分析SQL找出系统性能瓶颈。   RuoYi若依管理系统 更新日志: v4.6.1 新增IE浏览器版本过低提示页面 新增详细信息tab页签方式 新增解锁屏幕打开上次页签 数据监控默认账户密码防止越权访问 新增表格示例(导出选择列) 个人信息添加手机&邮箱重复验证 个人中心刷新后样式问题 操作日志返回参数添加非空验证 velocity剔除commons-collections版本,防止3.2.1版本的反序列化漏洞 子表模板默认日期格式化 代码生成预览语言根据后缀名高亮显示 代码生成主子表相同字段导致数据问题 升级SpringBoot到最新版本2.2.13 升级shiro到最新版1.7.1 阻止身份认证绕过漏洞 升级bootstrapTable到最新版本v1.18.2 升级bootstrapTable相关组件到最新版本v1.18.2 升级fastjson到最新版1.2.75 升级druid到最新版本v1.2.4 升级oshi到最新版本v5.6.0 修改ip字段长度防止ipv6地址长度不够 搜索建议示例选择后隐藏列表 主子表示例增加初始化数据 优化Excel导入增加空行判断 修复横向菜单无法打开页签问题 修复导入数据为负浮点数时,导入结果会丢失精度问题 优化更多操作按钮左侧移入内容闪现消失情况 修复主子表提交中列隐藏后出现列偏移问题 单据打印网页时通过hidden-print隐藏元素 表格销毁清除记住选择数据 增加表格动态列示例 代码生成选择主子表关联元素必填 tree根据Id和Name选中指定节点增加空判断 其他细节优化
若依管理系统是一个开源的后台管理系统,它使用了Spring Boot框架进行开发若依管理系统提供了完整的用户角色权限管理、菜单管理、部门管理、字典管理等功能,可以快速搭建企业级后台管理系统。 如果要在若依管理系统中配置WebSocket,可以按照以下步骤进行: 1. 在pom.xml文件中添加Spring Boot WebSocket依赖: ``` <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId> </dependency> ``` 2. 创建WebSocket配置类,实现WebSocketMessageBrokerConfigurer接口: ``` @Configuration @EnableWebSocketMessageBroker public class WebSocketConfig implements WebSocketMessageBrokerConfigurer { @Override public void configureMessageBroker(MessageBrokerRegistry config) { config.enableSimpleBroker("/topic"); config.setApplicationDestinationPrefixes("/app"); } @Override public void registerStompEndpoints(StompEndpointRegistry registry) { registry.addEndpoint("/websocket").setAllowedOrigins("*").withSockJS(); } } ``` 3. 在控制器中添加WebSocket处理方法: ``` @Controller public class WebSocketController { @MessageMapping("/hello") @SendTo("/topic/greetings") public String greeting(String message) { return "Hello, " + message + "!"; } } ``` 4. 在前端页面中使用JavaScript连接WebSocket: ``` var socket = new SockJS('/websocket'); var stompClient = Stomp.over(socket); stompClient.connect({}, function (frame) { stompClient.subscribe('/topic/greetings', function (greeting) { console.log(JSON.parse(greeting.body).content); }); }); ``` 以上就是在若依管理系统中配置WebSocket的基本步骤,具体实现过程还需要根据自己的需求进行调整。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值