目录
前情提要:
环境依赖:Jdk 1.8 Maven 3.8.8 Redis 5.0.14.1
Vue 2 Node.js 14 Navicat 16
操作系统:Windows11。
数据库管理系统:MySQL。
基于ruoyi的开源项目,首先下载并配置了IDEA。
使用jdk1.8、apache-maven-3.8.8与Redis5.0.14.1,
1.配置并打开Redis
前提~下载安装IDEA23.3
安装完配置Redis在终端
cd /d D:\Redis
redis-server.exe redis.windows.conf
启动Redis服务

不关闭此终端页面,然后打开"D:\Redis\redis-cli.exe",在命令中输入ping命令来检测redis服务器与redis客户端的连通性,返回PONG则说明连接成功了

然后再在若依application.yml文件里把Redis信息改了
2.下载配置Maven环境变量
终端显示配置成功

3.在setting.xml配置阿里云私服镜像

4.配置Maven仓库文件路径

5.配置数据库
导入数据库SQL文件

导入数据库时要下载驱动程序


6.运行项目文件
成功运行若依,开浏览器localhost:8080可以出现

7.进行前端配置
单独打开ui文件,下载了nodejs并安装jquery在默认的全局安装路径里,结果版本下的太高了(v21)打不开若依,我又换了node14,输入npm install -g vue-cli 我又安装了vue

8. 在ui终端启动
(快捷键可以用ctrl+~)npm install,npm run dev 然后就可以启动了
(ps.以下是我二次开发的前端页面)


然后管理前端页面,views是管理页面的,login.vue就是登录页面,页面初始化created(),@是指src
前端框架用vue2
9.对若依项目进行二次开发
①新增菜单管理页面
②准备业务表结构和数据(sql文件)导入SQL文件,把之前做表的放进去

放到ry_vue里

将LDOMS系统中需要的表数据都导入进ry_vue后,然后在前端导入表

③设置字典(方便做下拉框选择),配置相关表信息(插入、编辑、查询)



完成全部表信息编辑
⑦生成代码文件,放入源代码

这是菜单列订单管理下面的功能,把它们移到ry_vue数据库中
Vue是前端代码,main是后端代码
然后把C:\Users\我\Desktop\若依代码\main\java\com\ruoyi\system 移到IDEA的admin的com.ruoyi里,
把resources里的mapper移到admin的resources底下
⑧调整每个用户的权限
审核员的权限,然后创建审核员用户



⑨二次开发前端页面
Ruoyi-ui——src——router——index.js 是路由请求的@/layout 左上侧的布局
——RightPanel——index.vue 调用属性
Settings.js是布局的属性,默认是false
增加网页logo,提高页面美观度
10、功能的实现
一个客户可以新增多个联系人,
一个订单可以绑定多个货物ID,
审核功能审核员审核后不能修改,需与客服确认后,联系管理员修改。
每个表的增删改查均可完成,且设置了方便的下拉框。

11.一点心得
1.Order、package、checker不能当表名、类名,会造成很大修改代码的麻烦
2.若依框架熟练使用的前提是了解vue2的基本语法,认识element-ui的用法;数据库需经过可视化功能与开发才能实现它真正的功能,发挥它真正的作用
3.一个功能用一个包封装,这样方便修改
4.先在终端打开Redis(不然Redis报错)Redis用来存高频访问数据,比如验证码的答案,然后和你输入的计算结果比较,如果一致就让你登录,是用来分担MySQL压力的,vue获取图片是请求后端,后端生成的,前端80后端8080。
5.如要开始运行前端,要在新页面打开ui文件夹,终端npm run dev
6.一对多的关系需要通过外链实现

2371

被折叠的 条评论
为什么被折叠?



