XanaduCompany
1.0.0
Die wichtigsten in diesem System verwendeten Technologien sind folgende:
Vue3
Aktualisierung 2022.11.19
Vue3 neuer Zweig, bereits der von
zerotower69entwickelte Standardzweig;
15.03.2023 Aktualisierung
vue3 ist der Hauptzweig. Weitere Informationen finden Sie im Zweig vue2. Informationen zu einigen Mängeln finden Sie in der Version vue2.
Admin---Backend-Management
Web---Display an der Rezeption
Server---Backend-Dienst
Das System ist online zur Anzeige
Anzeige des Unternehmensportals (https://xanadu.aerowang.cn/)
Systemhintergrundverwaltung (https://xanadu.aerowang.cn/admin)
Konto: youke, Passwort: a123456
Administrator: admin Passwort: 654321
Sie können sich auch unter anmelden
Wenn es ein Problem gibt, schauen Sie sich die Skripte in package.json an. Sie können sehen, dass Dev- und Running-Befehle aus dem Nichts erstellt werden. Wenn der Befehl nicht ausgeführt werden kann, darf er nicht definiert werden.
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 安装在这里，它也会清掉，就是自己干了自己
#会有一条报错出现，请无视它Bitte installieren Sie den pnpm-Befehl im Voraus global
npm i pnpm -gAutomatische Ein-Klick-Bereitstellung von Docker
Befehl
# 主目录下
docker compose up -d
# 即可访问Folgende Dateien müssen geändert werden:
./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 verwendet nicht die Go-Version
Da dieses System über optimierte CDN-Laderessourcen verfügt, müssen Sie eine Verbindung zu einem relativ schnellen und stabilen Netzwerk herstellen, um dieses System auszuführen, da sonst einige Fehler auf der Systemseite angezeigt werden!
Aktualisierung 2022.11.19
Einige Ressourcenreferenzen stammen von cdn.jsdelivr.net. Der Zugriff ist derzeit (2022.11.19) möglicherweise etwas langsam. Wenn Sie interessiert sind, können Sie den Referenzlink selbst ändern.
15.03.2023 Aktualisierung
1. Stellen Sie sicher, dass Sie in die entsprechenden Verzeichnisse wechseln, um genau zu sein. Dieses System ist in drei Projekte unterteilt: Front-End, Back-End und Front-End-Verwaltung. Dieses Stammverzeichnis kann nicht direkt ausgeführt werden.
2. Bitte überprüfen Sie Ihre Knotenversion genau. Angesichts der festgestellten Probleme wird in der Windows-Umgebung empfohlen, die größere Version von Knoten 14 zu verwenden. Darüber hinaus stellt die Gruppendatei der QQ-Gruppe ein komprimiertes Paket abhängiger Pakete bereit, das auch als verwendet werden kann ein Versuch; Mac-Systeme 14 und 16 sind beide in Ordnung (laufen auf APPLE über M1).
3. Wenn der Datenbankverbindungsfehler gemeldet wird, überprüfen Sie bitte zunächst, ob die Konfiguration von dbinfo.js im Konfigurationsverzeichnis unter dem Server (Backend-Knoten) und Ihre eigene Datenbankkonfiguration korrekt sind.
4. Bevor Sie das Projekt ausführen, stellen Sie bitte sicher, dass Sie npm install ausführen, um die relevanten Abhängigkeiten zu installieren, und gehen Sie zum PCWeb-Ende, Management-Ende und Backend, um sich die jeweiligen package.json-Dateien anzusehen, schauen Sie sich den Abschnitt „Skripte“ an und bestätigen Sie dies Der Befehl, den Sie ausführen möchten, wurde definiert. Es ist kein dev-Befehl definiert. Wenn Sie npm run dev ausführen möchten, wird auf jeden Fall ein Fehler gemeldet, und die erste Fehlermeldung bedeutet, dass dev nicht in den Skripten enthalten ist. Sie werden jedoch die beiden Schlüsselwörter package.json und scripts sehen . In der ersten Zeile Ihres Fehlerberichts muss stehen, dass ein undefinierter Befehl ausgeführt wurde.
5. Informationen zum Datenbankskript (initial_data.sql) finden Sie in der QQ-Gruppe: 434063310 (der Eigentümer dieser Gruppe ist nicht der ursprüngliche Autor, sondern verwaltet sie freiwillig).
6. Node empfiehlt die Verwendung des NVM-Versionsverwaltungstools. Windows-Benutzer können .exe problemlos zur Installation verwenden.
brew install nvmNach der Installation von nvm können Sie damit die Knotenversion wechseln. nvm install xxx ist der Installationsbefehl. Denken Sie daran, bei jedem Wechsel nvm use xxx zu verwenden, um zu der Version zu wechseln, die Sie verwenden möchten.
7. Wenn Sie es nicht verwenden möchten, kommentieren Sie die Logik in der externen Konfiguration aus. Überprüfen Sie, ob auf den entsprechenden CDN-Link zugegriffen werden kann Browser und Sie können es überprüfen und korrigieren.
8. Bezüglich der Verwendung eines Proxys stellen Sie bitte sicher, dass Sie den Reverse-Proxy in Nginx in der Produktionsumgebung konfigurieren.
9. Derzeit gibt es keine geeignete Paketlösung für den Back-End-Knoten. Im Allgemeinen verwendet der Server pm2, um den Knotendienst zu starten. Bitte installieren Sie pm2 auf dem Server und verwenden Sie:
npm i pm2 -gWenn Sie es wirklich verpacken müssen, lesen Sie bitte den Artikel über die Qualität von Baidu. Aber das Konzept des Packens unterscheidet sich hier von dem von Java. Selbst wenn Sie Webpack zum Packen verwenden, ist Ihr Code immer noch js, anstatt vom Compiler wie Java in Bytecode konvertiert zu werden a Die JavaScript-Laufzeit ist keine neue Sprache. Der in C++ geschriebene V8-Kernel stellt diese APIs des Knotens bereit. Die eigentliche Sprache, die für die Interaktion mit dem System verantwortlich ist, ist immer noch JavaScript.
10. Neulinge sollten sich des Zwecks der Front-End-Verpackung bewusst sein. Der Code, den wir gerade schreiben, kann im Wesentlichen nicht direkt vom Browser ausgeführt werden ist js zu einem anderen js. Der Standardisierungsprozess unterscheidet sich völlig vom Packen im Backend-Sinne.
11. Bei Problemen mit dem Bildpfad versuchen Sie bitte, Ihren eigenen CDN-Dienst zu verwenden oder die Ressourcen auf Ihrem eigenen Server abzulegen, um den Bildpfad zu ersetzen, der bereits in der Datenbank vorhanden ist. Sie können die folgende SQL-Anweisung verwenden:
UPDATE [tablename] SET [fieldname] = REPLACE([fieldname], ' locolhost:3000 ' , ' [yourHOST] ' )Für Bildressourcen ist kein Nginx-Reverse-Proxy erforderlich. Sie können sich auf die folgende Konfiguration beziehen:
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. Wenn Sie auf eine Fehlermeldung stoßen, seien Sie nicht verärgert, wenn Sie diese auf Englisch sehen. Wenn der Backend-Fehler beispielsweise „Fremdschlüssel“ enthält, muss ein Problem mit dem Fremdschlüssel vorliegen. Bitte überprüfen Sie die Modelldefinition oder Datenbankdefinition oder Daten. Front-End-Vue ist undefiniert. Dieses Problem hängt hauptsächlich mit der falschen Verwendung von cdn.js (vue3) zusammen. Es gibt bereits Anweisungen. Wenn es zu viele Fehler auf Englisch gibt, lesen Sie sie nicht. Es ist nicht schwierig, Youdao zu öffnen (Google wird eher empfohlen) und sie zu übersetzen.
14. Wenn Sie neue Funktionen hinzufügen müssen, wird empfohlen, zuerst den Code zu lesen. Der Code ist eigentlich nicht schwierig. Sie sind mit der neuen Sprache einfach nicht vertraut und beginnen gerade, den Schmerz zu spüren. Das funktionale Design weist keine Besonderheiten auf. Es ist nicht möglich, diesen Teil des Codes zu kopieren. Es kann sich nur um Ihre eigene Originalkreation handeln. Wenn Sie den Codeteil nicht verstehen, können Sie ein Bild posten, um Fragen zu stellen ( stellen Sie sicher, dass Sie ein Bild posten ). Wenn Sie sich den Code eine Weile nicht ansehen, werden Sie einiges davon vergessen Durch das Stellen von Fragen kann sichergestellt werden, dass Ihre Verwirrung rechtzeitig beantwortet werden kann.
Ich hoffe, dass jeder anhand der Dokumentation nicht nur wissen kann, wie man dieses Projekt verwendet, sondern auch relevante Fähigkeiten erwirbt, damit er im Front-End Fortschritte machen kann. Wenn du das siehst, warum gibst du mir nicht einen Stern für eine andere Prostituierte (Hund)?
Denken Sie daran, den Stern ღ(´･ᴗ･`)~ anzugeben. Neue Gruppe: 434063310. (Die Aktualität der Antwort kann nicht garantiert werden)
1. Die ursprüngliche Absicht des Projekts besteht darin, jedem einen Syntaxvergleich der vue3-Version zu ermöglichen, sodass viele Funktionen mit dem vue2-Zweig übereinstimmen. Da Fehler in der Entwicklung unvermeidlich sind, lesen Sie bitte den Vue2-Zweig oder stellen Sie bei Bedarf Versionsänderungen bereit. 2. Ich bin nicht verantwortlich für die Erfahrungen anderer. Wenn Sie Fehler haben, können Sie mir gerne Fragen stellen, aber ich bin kein Lehrer. Der Lehrer, den Sie brauchen, könnte sein:
