이전에 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를 시작합니다.
방금 생성한 테이블을 Import하고
Edit를 클릭하고 상위 메뉴에서 Who를 선택합니다.나중에 생성할 메뉴는 해당 디렉터리 아래에 있을 것입니다.요구사항의 주요 카테고리인 1차 디렉터리인 경우 다음과 같이 할 수 있습니다. 이전에 제가 쓴 글을 참고하세요. 삭제, 수정, 확인 여기서는 메인 카테고리를 새로 만들지 않겠습니다. 기존 카테고리 바로 아래에 새로운 메뉴를 생성하겠습니다.
다음으로 코드를 다운로드 받은 후, 해당 카테고리에 코드를 복사합니다. 프로젝트 섹션
프런트 엔드 UI: 두 부분으로 나뉩니다.
여기의 경로는 vue에서 js 메서드를 호출하는 경로 및 메뉴 버튼 경로에서 vue 페이지를 호출하는 경로와 일치해야 합니다. 그래서 메뉴 생성시 오류 방지를 위해 생성된 코드와 폴더를 아이디어에 직접 복사하고,
생성된 데이터베이스를 가져와서 실행하는데,
한 가지 더 변경해야 할 점이 있습니다.
이전에 nacos에서 구성한 게이트웨이는 아래 그림을 참조하세요. 이때
프런트엔드 코드의 js 파일을 열고 요청 백엔드의 URL 경로 앞에 tsmk를 추가해야 합니다. 아래 그림을 참조하세요.
동시에 프론트엔드와 백엔드의 요청 경로가 일치하는지 확인하십시오. 프론트
엔드 코드를 시작하기 전에 방금 생성한 모듈을 npm 설치하는 것이 가장 좋습니다. 그렇지 않으면 "찾을 수 없습니다."라는 오류 메시지가 나타납니다. 모듈 '@/views/xxx'"가 나타날 수 있습니다.
시작할 때 인증에 주의해야 합니다. 먼저 게이트웨이를 시작한 다음 시스템 + 새 비즈니스 모듈을 시작한 다음 프런트 엔드 npm run dev를 시작하고 http를 방문하세요. //localhost:80/, 시스템 도구 아래에 자체 비즈니스 모듈이 나타나며 이를 추가할 수 있습니다. 삭제 및 수정 확인
