记录 学习使用若依开源项目 01

137 阅读2分钟

前言

学习若依开源项目,从开源项目中学习规范的代码写法和如何去使用开源项目,故此记录遇到的问题和学习到的知识,为了以后自己可以写出对应的功能。

拉取并启动项目

通过若依的官网找到对应想要下载的版本,之后在拉取或者下载在本地中。 通过自己喜欢的代码编辑器打开。

链接直达 doc.ruoyi.vip/

根据以下图片进入项目的导入,点击get from vcs 之后输入仓库链接就可以导入项目,导入成功之后在进行修改对应的项目环境。

image.png

项目里面的数据库redis这些配置,可以根据若依的文档来进行一个配置http://doc.ruoyi.vip/ruoyi-vue/document/hjbs.html#%E5%BF%85%E8%A6%81%E9%85%8D%E7%BD%AE

我们需要将项目的jdk修改成自己的jdk,在file中的

image.png

设置自己与之相对应的jdk

image.png

这样我们就配置好了对应的环境,接下来就是将项目里面的sql导入到可视化工具当中来,它提供了俩个sql脚本,我们需要将俩个地方的脚本命令全部复杂到我们的可视化工具当中去,之后在统一的进行执行。不然就会出现Cause: java.sql.SQLSyntaxErrorException: Table ‘ry.sys_config‘ doesn‘t exist问题,说什么找不到数据库。

在ruoyi-admin中找到运行文件,运行即可。

尝试去阅读代码

对第一次交互的地方进行一次修改,查看

2.1 登录模块 生成验证码

前端: 理解生成验证码的接口如何实现的,其中又对应了那些封装,一步步查看阅读代码,知道这个生成验证码是怎么在前端渲染的(页面显示),接口数据如何获取如何拿到。

前端逻辑 前端显示验证码不应该直接拿取到接口,好像需要在form中,也去携带上返回的uuid在可以显示对应的验证码信息

后端: 后端代码进行了拆分,所以我需要去弄明白那个模块对应的那些功能,知道这些模块是干什么的之后,才可以更明白项目的对应代码在什么地方,方便我查看和学习

后端验证码实现的逻辑: 创建一个表达式类似于:1+1 =?@2 之后根据接取@部分,然后创建一个uuid作为验证码的key之后将结果存储到redis中,然后将表达式转换为Base64格式的图片,返回給前端进行显示。

总结

学习如何拉取一个开源项目并且将它跑起来,分析阅读了验证码功能前端和后端的实现。