XanaduCompany
1.0.0
이 시스템에서 채택한 주요 기술은 다음과 같습니다.
vue3
2022.11.19 업데이트
Vue3 New Branch는 이미
zerotower69지점입니다
2023.03.15 업데이트
vue3는 vue2 버전의 경우이 분기에 많은 구덩이가 있습니다.
관리자 --- 배경 관리
웹 --- 프론트 데스크 포털 디스플레이
서버 --- 백엔드 서비스
시스템이 표시되도록 시작되었습니다
엔터프라이즈 포털 디스플레이 (https://xanadu.aerowang.cn/)
시스템 배경 관리 (https://xanadu.aerowang.cn/admin)
계정 : Youke, 비밀번호 : A123456
관리자 : 관리자 비밀번호 : 654321
등록 할 수도 있습니다
궁금한 점이 있으면 Packing.json의 명령이 없습니다.
npm install
npm run start(本地启动)
或者 npm run dev(实时监听改动重启，边改边跑) 需要全局安装 nodemon（任何说不是xxx命令的错误都是没有全局安装，请先安装后再运行） # 1.安装
npm install
#又或者
pnpm install
# 2.启动
npm run serve
#又或者
pnpm serve
# 3.打包
npm run build
#又或者
pnpm build
# 4.清除 node_modules
npm run clear
# 又或者
pnpm clear #由于rmdir 安装在这里，它也会清掉，就是自己干了自己
#会有一条报错出现，请无视它전 세계적으로 PNPM 명령을 미리 설치하십시오
npm i pnpm -gDocker One- 자동 배포를 클릭하십시오
주문하다
# 主目录下
docker compose up -d
# 即可访问다음 파일을 변경해야합니다.
./admin/.env.production
VUE_APP_BASE_API = '你自己的域名:3000/api/v1'
./admin/vue.config.js
line.27 publicPath: '/', => publicPath: '/admin/',
./server/config/dbinfo.js
host: "localhost", => host: "xanadu-db",
./web/.env.production
VUE_APP_PRODURL = "你自己的域名/admin/#/login"
./web/src/utils/request.ts
baseURL: '/api' =>你自己的域名:3000/api
Docker는 GO 버전을 사용하지 않았습니다
이 시스템은 CDN 로딩의 자원을 최적화했기 때문에이 시스템을 실행하기 위해 비교적 빠르고 안정적인 네트워크를 연결해야합니다. 그렇지 않으면 시스템 페이지에 약간의 오류가 있습니다!
2022.11.19 업데이트
일부 리소스 참조는 현재 CDN.JSDELIVR.NET에서 파생됩니다.
2023.03.15 업데이트
1. 각 디렉토리에서 실행하십시오.이 시스템은 Front -End, Back -End 및 Front -End Management End로 나뉩니다.
2. 노드 버전을 엄격하게 확인하십시오. 발견 된 문제를 고려하여 Windows 환경에서는 큰 버전의 노드 14를 사용하는 것이 좋습니다. Mac Systems 14와 16은 괜찮습니다 (M1 이상의 Apple에서 Apple에서 실행).
3. 데이터베이스 연결에 오류가보고되면 먼저 서버의 구성 디렉토리에서 DBINFO.JS의 구성이 자체 데이터베이스 구성에서 올바른지 확인하십시오.
4. 프로젝트가 실행되기 전에 NPM 설치에 관련 종속성을 설치하고 PCWEB 측, 관리 종료 및 백을 입력하여 Scripts 섹션을 확인하십시오. DEV 명령의 정의는 없으며, npm run dev 실행해야하며, 첫 번째 문장의 의미는 DEV가 스크립트에 있지 않다는 것입니다 오류는 유고가없는 명령을 실행해야합니다
5. Initial_Data.sql , QQ 그룹 : 434063310을 참조하십시오 (이 그룹 소유자는 원래 저자는 아니지만 자발적으로 유지됩니다).
6. NVM 버전 관리 도구를 사용하는 것이 좋습니다. Windows 사용자는 설치없이 .exe를 사용합니다
brew install nvmNVM을 설치하는 경우 NVM Install XXX는 XXX를 사용하여 매번 사용하려는 버전으로 전환 할 수 있습니다.
7. TheWeb Project는 CDN을 사용하지 않으려면 구성에서 외부의 논리에 대해 주석하십시오.
8. 프록시 사용과 관련하여 생산 환경 Nginx에서 리버스 프록시를 구성하십시오.
9. 백 -엔드 노드는 일반적으로 PM2를 사용하여 서버에 PM2를 설치하십시오.
npm i pm2 -g실제로 포장해야한다면 Baidu의 품질을 확인하는 방법을 알고 있습니다. 그러나 여기의 포장은 Java의 개념과 다르더라도 코드는 Java와 같은 컴파일러 대신 JS입니다. C ++는 Node의 API를 제공하며 시스템 대화식 언어는 C ++입니다.
10. 초보자의 경우 현재 프론트 엔드 포장의 목적을 식별하는 데 주목하십시오. 그것은 본질적으로 다른 js에 대한 JS입니다. 사양 프로세스는 백 -엔드 의미의 패킷과 완전히 다릅니다.
11. 자체 CDN 서비스를 사용하거나 자체 서버에 리소스를 넣어 데이터베이스의 기존 사진 경로를 대체하십시오.
UPDATE [tablename] SET [fieldname] = REPLACE([fieldname], ' locolhost:3000 ' , ' [yourHOST] ' )그림 자료는 Nginx 리버스 프록시가 필요하지 않습니다.
location ~ .*.(gif|jpg|jpeg|png|bmp|swf|webp|jfif)$
{
#图片在server/static里，改写root路径就可以了！
root /www/wwwroot/zero/company/server/static;
expires 30d ;
error_log /dev/null;
access_log /dev/null;
}12. 영어로 오류가 발생할 때 짜증이 나지 말고 첫 문장의 마지막 문장을보십시오. 예를 들어, 백 -엔드 오류에 "외국 키"가 있습니다. Front -End Vue는 정의되지 않았으며,이 문제의 대부분은 cdn.config.js (vue3)의 잘못된 사용과 관련이 있습니다. 영어 보고서를 잘못 보지 마십시오.
14 코드를 먼저 이해하기 위해 새로운 기능을 추가해야합니다. 기능 디자인은 독특하지는 않습니다. 당신이 이해 하지 못하는 코드 부분은 질문을 요청할 수 있습니다. 시간이 지남에 따라 대답했습니다.
문서 에서이 프로젝트의 사용을 알 수있을뿐만 아니라 관련 기술을 습득하여 프론트 엔드에서 개선 할 수있을 것으로 예상됩니다. 이것을보고, 당신은 별을 다시 떠나지 않습니까?
스타 ´ star (´ ･ᴗ･`) ~ 새로운 그룹 : 434063310을주는 것을 잊지 마십시오 . (회복의 적시성을 보장하지 않음)
1. 프로젝트의 원래 의도는 모든 사람이 Grammar 비교의 VUE3 버전을 갖도록하는 것이므로 많은 기능이 vue2 분기와 일치합니다. VUE2 지점을 참조하거나 버전 수정을 참조 해야하는 경우 개발이 불가피하기 때문에 개발이 불가피하기 때문입니다. 2. 나는 누구의 경험에 대해 책임을지고, 나는 당신이 나에게 질문을하도록 환영하지만, 나는 강사가 아닙니다. 필요한 교사는 다음과 같습니다.
