SpringBoot+Vue 프로젝트(학생정보관리시스템) 구축 및 실행

사업명 : 학생정보관리시스템

프론트엔드 부분(Vue)

먼저 관리자 권한으로 터미널 실행

그렇지 않으면 명령을 실행할 때 일부 오류가 보고됩니다.

이미지-20230121153316433

1. 먼저 node.js를 다운로드합니다.

2. node.js 열기 및 설치

3. 설치가 완료되면 콘솔을 열고 node -v를 입력하여 설치가 완료되었는지 확인하고 버전 번호가 표시되면 설치가 성공한 것입니다.

이미지-20230121152729697

4. 타오바오 미러 주소 입력:

npm install -g cnpm -registry-https://registry.npm.taobao.org

이미지-20230121152847963

5. vue-cli를 설치합니다.

cnpm install -g @vue/cli

비계 설치 후 다른 사람의 프로젝트를 유지 관리할 수 있습니다.

이 명령을 실행하면 오류가 보고될 수 있습니다.

이미지-20230121153517877

해결책:

1. powershell을 관리자 권한으로 실행
2. powershell에서 실행: get-ExecutionPolicy, Restricted 표시(상태가 금지됨을 나타냄)
3. powershell에서 실행: set-ExecutionPolicy RemoteSigned, Y 또는 A를 선택합니다.
4. powershell에서 실행: get-ExecutionPolicy, RemoteSigned 표시.

이미지-20230121153628572

이미지-20230121153714933

그런 다음 명령을 계속 실행하십시오.

6. 프로젝트 디렉토리를 입력하십시오

먼저 컴파일러에서 프로젝트를 열고 다음 두 폴더가 이미 있으면 먼저 삭제합니다.이것은 다른 사람의 컴파일러를 실행하여 생성되므로 두려워하지 마십시오.

이미지-20230121171605776
명령줄에서 프로젝트 입력: student_client
이미지-20230121154016382

터미널에 입력하십시오:

npm install
或者
npm i

npm 로드 프로젝트 종속성 보고서npm WARN 지원 중단됨질문
여기에 이미지 설명 삽입

해결책:

npm 버전 업그레이드

npm install -g npm	-- 默认升级为最新版本

계속해서 오류를 보고하세요.
여기에 이미지 설명 삽입

특정 종속성을 설치하기에는 node.js 버전이 너무 높습니다.

해결책:

노드 및 npm 버전 줄이기 – 제거했다가 다시 설치했습니다.

이미지-20230121165814188

노드와 npm 버전이 일치해야 합니다.

그런 다음 명령을 계속 실행하십시오.

이미지-20230121165921925

7. 입력npm 실행 개발또는npm 실행 서브프로젝트 실행

Vue 프로젝트의 npm 작업에서 npm run serve 또는 npm run dev의 차이점

프로젝트에서 package.json 파일을 찾아 "script" 개체를 확인하고 스크립트에서 serve 또는 dev인지 확인합니다.

이미지-20230121170553320

이미지-20230121170622333

성공적으로 실행:
여기에 이미지 설명 삽입

npm run serve 시 예외가 발생하는 경우: error:0308010C
여기에 이미지 설명 삽입

입력이 set NODE_OPTIONS=--openssl-legacy-provider
성공적으로 실행될 수 있습니다.
주된 이유는 버전이 호환되지 않기 때문입니다.

그런 다음 브라우저에 주소를 입력하십시오.
이미지-20230121170846489

백엔드 부분(SpringBoot)

IDEA로 student_server 열기, 실행

오류가 다음과 유사한 경우: java: warning: 소스 릴리스 11에는 대상 릴리스 11이 필요합니다.

이미지-20230121192456870

해결책:

1. 왼쪽 상단의 File->Settings->Build, Execution, Deployment->java Compiler를 클릭한 후 오류를 보고한 프로젝트를 찾은 후(표시되지 않으면 +를 클릭) 버전 8을 선택합니다. 오른쪽 드롭다운 상자

이미지-20230121192625802

2. 왼쪽 상단 모서리에서 프로젝트 구조 -> 모듈을 클릭하고 오류를 보고한 프로젝트를 찾고 소스에서 8을 선택한 다음 종속성에서 자신의 jdk 버전을 선택합니다. 광산은 jdk1.8입니다. 마지막으로 적용을 클릭합니다. 확인하다.

이미지-20230121192701280

3. 위의 두 곳을 변경하는 것 외에 구성 파일 pom.xml에 다음 문장을 추가해야 합니다.

<properties>
    <java.version>8</java.version>
</properties>

4. 프로젝트를 성공적으로 다시 실행하십시오.

이미지-20230121192839549

여기에 이미지 설명 삽입
그런 다음 새해 전야 시스템에 들어갈 수 있습니다.

Supongo que te gusta

Origin blog.csdn.net/weixin_55988897/article/details/128747000
Recomendado
Clasificación