vue DBM Download – Download vue DBM Quellcodes

vue DBM

Andere Kategorien

V1.0

Herunterladen

Beachten! Dieses Projekt wurde überarbeitet. Die aktuelle Version ist 2.0. Überprüfen Sie bitte die Version, um Version 1.0 herunterzuladen.

veranschaulichen

DBM ist ein Datenquellenverwaltungssystem, das zwei Module umfasst: Datenquellenverwaltung und offene Autorisierung. Die Datenquellenverwaltung bezieht sich auf Funktionen wie Ein-Klick-Import, On-Demand-Filterung und den bestimmten Export relationaler Daten Eigentümer öffnet Daten für Benutzer. Hinzufügen, Löschen, Ändern, Überprüfen und andere Betriebsberechtigungen. Durch die Bereitstellung oder Verwendung dieses Systems können Sie die Funktion der Datenpersistenz anstelle der Datensimulation in Ihr Front-End-Projekt integrieren.

Das DBM- Front-End ist eine SPA-Anwendung, die mit dem vue-cli-Gerüst erstellt wurde. Es basiert hauptsächlich auf DBM. Um die Trennung von Front-End und Back-End vollständiger zu gestalten, verwendet das Front-End Mockjs Simulieren Sie die Antwort gemäß dem mit dem Back-End während der Entwicklung vereinbarten Schnittstellenprotokoll und vervollständigen Sie die Schnittstelle im Back-End. Verwenden Sie nach dem Schreiben verschiedene Startbefehle, um die Back-End-Schnittstelle zu übertragen und den Test des gesamten Systems abzuschließen.

Wenn Sie vue.js auch in Kombination mit Back-End-Sprachen (nodejs, Java usw.) verwenden möchten, um eine vollständige Anwendung mit Front-End und Back-End zu entwickeln, beziehen Sie sich möglicherweise auf die Implementierung eines DBM-Front-End-Projekts Wir können Ihnen bei der Lösung der folgenden Probleme helfen

Wie kann die Wiederverwendbarkeit von Komponenten verbessert werden?
Wie verwende ich mehrere Module in der Statusverwaltung?
Wie implementiert man die Berechtigungsverarbeitung auf Seiten- und Elementebene?
Wie kann ich HTTP-Anfragen abfangen und eine antwortgesteuerte Benutzeroberfläche mit Mockjs simulieren?
Wie verwende ich die Renderfunktion, um Geschäftskomponenten mit Frameworks wie element-ui anzupassen?
So implementieren Sie Multi-Environment-Verpackungen, verbessern die Verpackungseffizienz und reduzieren das Verpackungsvolumen usw.

Da dieses Projekt in der Freizeit durchgeführt wird, ist der Entwicklungszyklus lang und die Sauberkeit des Codes muss noch verbessert werden, bis ich zufrieden bin. Wenn Sie Probleme finden, melden Sie diese bitte direkt unter „Probleme“. oder wenn Sie Fragen zur Implementierung des Moduls haben, freuen wir uns über PR

Vorbereitung vor der Entwicklung

Ihre lokale Umgebung muss NodeJS und Git enthalten, wenn Sie Git Clone verwenden. Dieses Projekt verwendet hauptsächlich Vue, Vuex, Vue-Router, Element-UI, Axios, Mock.js und andere Technologie-Stacks. Wenn Sie mit diesen Technologien vertraut sind, können Sie dieses Projekt besser beherrschen.

Während der Entwicklung des Projekts habe ich mir einige gezielte Notizen gemacht. Es wird empfohlen, diese Notizen zuerst zu lesen, bevor man den Quellcode dieses Projekts versteht.

Übersicht über die Projektstruktur
Hauptlayout des Systems
Routenführung
Statusverwaltung
Berechtigungsverwaltung
Kontrollieren Sie die Kapselung und Verwendung
untermischen
Datensimulation
Verpackungsoptimierung und Benutzererfahrung

Zielfunktion

Entwicklung und Veröffentlichung

 # 克隆项目
git clone https://github.com/calebman/vue-DBM.git

# 安装依赖
npm install
   
# 如果下载依赖报错可通过以下方式尝试解决
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

# 浏览器访问
http://localhost:8060

# 打包发布
npm run build

Änderungsprotokoll

Klicken Sie hier, um das Update-Protokoll anzuzeigen.

Demo

Klicken Sie auf mich, um die Demo anzusehen

Danksagungen

Die Architektur dieses Projekts bezieht sich auf die Implementierung von vue-element-admin . Die Tabellenkomponente wurde basierend auf vue-easytable angepasst und geändert. Ich möchte den beiden Projektautoren PanJiaChen und Huangshuwei danken.