xiliu lease tenant ui herunterladen - xiliu lease tenant ui Quellcode herunterladen

xiliu lease tenant ui

Andere Kategorien

1.0.0

Herunterladen

xiliu-lease-tenant-ui

Vorwort

Dies ist das Front-End-System von xiliu-lease-tenant. Es enthält nur Element UI & Axios & Iconfont & Permission Control & Lint, die zum Erstellen des Backends notwendig sind. Wenn Sie von diesem Projekt profitieren, denken Sie bitte daran, es auf Star zu verfolgen. Das ist eine sehr gute Ermutigung und Unterstützung für mich.

Schnittstellenprojekt

Bitte wechseln Sie zu xiliu-lease-tenant

Build-Setup

 # 克隆项目
git clone https://github.com/277769738/xiliu-lease-tenant-ui.git

# 进入项目目录
cd xiliu-lease-tenant-ui

# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

Browserzugriff http://localhost:9528

freigeben

 # 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod

andere

 # 预览发布环境效果
npm run preview

# 预览发布环境效果 + 静态资源分析
npm run preview -- --report

# 代码格式检查
npm run lint

# 代码格式检查并自动修复
npm run lint -- --fix

Verwendete Technologie

Frontend

Technologie	Version	veranschaulichen
Vue	2.6	Frontend-Framework
elementUI	2.15.X	UI-Framework
vuex	3.1.0	Staatsverwaltungsbibliothek
Axios	0,18,1	Netzwerkanforderungsbibliothek
avue	2.10.10	erweiterte elementUI-Bibliothek

Entwicklungsprotokoll

Benennungsregeln

Komponente:

Alle Komponentendateien beginnen mit Großbuchstaben, außer index.vue. Der erste Buchstabe des Komponentennamens sollte groß geschrieben werden, um Konflikte zu vermeiden. Zum Beispiel: @/src/layout/components/Sidebar/index.vue @/src/layout/components/Sidebar/Item.vue

JS-Dateien

Alle .js-Dateien folgen horizontalen Linienverbindungen (Kebab-Fall)

Ansichten

Unter der Ansichtsdatei sind die .vue-Dateien, die das Routing darstellen, durch horizontale Linien (Kebab-Fall) verbunden, und die Ordner, die das Routing darstellen, verwenden ebenfalls dieselben Regeln.

Die Verwendung von Kebab-Case zur Benennung von Ansichten ist hauptsächlich auf die folgenden Überlegungen zurückzuführen.

1. Horizontale Linienverbindung (Kebab-Fall) gehört ebenfalls zu den offiziell empfohlenen Namenskonventionen
2. Die .vue-Datei unter Ansichten stellt eine Route dar und muss daher von Komponenten unterschieden werden (Komponenten beginnen alle mit Großbuchstaben).
3. Die URLs der Seiten sind ebenfalls durch horizontale Linien verbunden, z. B. https://www.xxx.admin/export-excel, sodass die den Routen entsprechenden Ansichten vereinheitlicht werden sollten.
4. Keine Probleme mit der Groß-/Kleinschreibung

Projekteffekt

Anmeldeseite

Geben Sie eine Bildbeschreibung ein

Integrierte Funktionen

Seriennummer	Stirb schnell	veranschaulichen
1	Mieterverwaltung	Konfigurieren Sie Systemmandanten zur Unterstützung von Multi-Tenant-Funktionen in SaaS-Szenarien.
2	Mandantenpaket konfigurieren	Passen Sie die Berechtigungen von Menüs, Vorgängen und Schaltflächen für jeden Mandanten an.
3	Benutzerverwaltung	Der Benutzer ist der Systembetreiber, und diese Funktion vervollständigt hauptsächlich die Konfiguration des Systembenutzers.
4	Abteilungsleitung	Konfigurieren Sie die Systemorganisation (Unternehmen, Abteilung, Gruppe) und zeigen Sie die Baumstruktur an, um Datenberechtigungen zu unterstützen.
5	Menüverwaltung	Konfigurieren Sie das Systemmenü, die Betriebsberechtigungen, die Identifizierung der Tastenberechtigungen usw.
6	Rollenmanagement	Rollenmenü-Berechtigungszuweisung, legen Sie Rollen fest, um die Datenbereichsberechtigungen nach Organisation aufzuteilen.
7	Wörterbuchverwaltung	Pflegen Sie einige relativ feste Daten, die häufig im System verwendet werden.
8	Betriebsprotokoll	Aufzeichnung und Abfrage des Normalbetriebsprotokolls des Systems; Aufzeichnung und Abfrage des Systemprotokolls für abnormale Informationen.
9	Anmeldeprotokoll	Abfragen zur Systemanmeldungsprotokollierung enthalten Anmeldeausnahmen.
10	Online-Benutzer	Überwachen Sie den Status aktiver Benutzer im aktuellen System.
11	Codegenerierung	Die Generierung von Front-End- und Back-End-Code (Java, HTML, XML, SQL) unterstützt den CRUD-Download.
12	Systemschnittstelle	Generieren Sie automatisch relevante API-Schnittstellendokumente basierend auf Geschäftscode.
13	Serviceüberwachung	Überwachen Sie die aktuelle System-CPU, den Speicher, die Festplatte, den Stapel und andere zugehörige Informationen.
14	Cache-Überwachung	Überwachen Sie die aktuell zwischengespeicherten Informationen.
15	Wohnungsverwaltung	Immobilienbezogene Informationen hinzufügen und importieren.