若依微服务之增删改查

之前我们已经介绍了基于springboot的增删改查，今天我们继续介绍基于微服务的增删改查，基本步骤差不多,但是还是有部分差别。
1，我们先在数据库里面根据我们的业务新建表

CREATE TABLE `student` (
  `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '主键id',
  `student_name` varchar(30) DEFAULT '' COMMENT '学生姓名',
  `student_num` varchar(30) DEFAULT '' COMMENT '学号',
  `address` varchar(500) DEFAULT '' COMMENT '家庭住址',
  `student_age` int(3) DEFAULT NULL COMMENT '年龄',
  `student_sex` char(1) DEFAULT '0' COMMENT '性别（0男 1女 2未知）',
  `student_birthday` datetime DEFAULT NULL COMMENT '生日',
  `remark` varchar(500) DEFAULT NULL COMMENT '备注',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8 COMMENT='学生表';

2，启动前端项目，先安装依赖npm install 然后启动npm run dev

导入我们刚才新建的表
在这里插入图片描述然后点击编辑，其中上级菜单选择谁，等会我们生成的菜单就在谁的目录下面，这里如果是需求主类目也就是一级目录，可以参考我写上一篇增删改查，我这里主类目不新建了，直接在现有的类目下面新建菜单
在这里插入图片描述
下一步，下载代码，然后当代码复制到项目对应的版块，
前端UI：分为两部分

在这里插入图片描述注意这里的路径，要与vue中调用js方法的路径以及菜单按钮路径中调用vue页面的路径一致。所以在生成菜单的时候我们直接把生成的代码连文件夹一起复制到idea中，以免出错
下一步，将生成的数据库导入执行
在这里插入图片描述这里面还有一个东西需要改动

之前我们在nacos里面配置的网关，见下图
这个时候需要打开前端代码的js文件的请求后台的url路径前面加上tsmk，见下图

在这里插入图片描述

同时核对前后端的请求路径是保持一致的

这里在启动前端代码之前，最好先npm install 我们刚才新建的模块，否则有可能出现错误信息 Cannot find module ‘@/views/xxx‘
启动的时候需要注意认证和网关先启动，然后启动系统+我们新建的业务板块，然后启动前端 npm run dev,访问 http://localhost:80/ 就会在系统工具下面出现我们自己的业务模块，我们可以对其进行增删改查

在这里插入图片描述

若依微服务之增删改查

猜你喜欢