structure admin

Struktur-Admin

Structure-admin ist ein Backend-Management- und Steuerungssystem-Framework: nodeJS+vue+vuex+mysql+redis. Das Front-End verwendet die Element-UI-Komponentenbibliothek von vue, das Back-End verwendet NodeJS-Dienste und die Datenbank MySQL , und der Cache verwendet Redis, das Backend verwendet vollständig nodeJS und die mysql nodejs的thinkjs框架搭建的und ist eine Full-Stack-Entwicklung. Unterstützung:

• 1. Verwenden Sie vuex, um die Statusverwaltung zu implementieren
• 2. Statische Seite, Einführung des Back-End-Dienstes (nodeJs)
• 3. Die Komponente verwendet element-ui
• 4. Das Seitenlayout ist oben und links. Das linke und rechte Layout verwendet Elastizität und Layoutflex. Die Breite wird auf der linken Seite festgelegt und die Breite wird auf der rechten Seite berechnet.
• 5. Die linke und rechte Bildlaufleiste sind unabhängig voneinander. Entfernen Sie die Bildlaufleiste am Körper.

Wenn Ihnen das in nodeJS geschriebene Backend gefällt, das große Frontend- und Full-Stack-Entwicklung unterstützt, star bitte das Projekt und fork .

Bei Nutzungsproblemen hinterlassen Sie bitte eine Nachricht.

1. Technologie-Stack

• Offizielle Website von ThinkJS (Node-Side Framework).
• Offizielle Website von Vue.js (clientseitiges bidirektionales Datenbindungs-Framework).

2. Online-Adresse

Online-Adresse: Online-Adresse, Kontonummer: Test, Passwort: 123456

3. System-Screenshots

3.1 Anmeldeseite

3.1 Startseite

4. Lokal laufendes Programm

1. Erstens ist Ihre Umgebung NodeJS und Sie können sie nicht installieren und konfigurieren. Referenz: NodeJS-Umgebungskonfiguration

2. Klonen Sie das Projekt

 git clone https://github.com/saucxs/structure-admin.git

3. Installieren Sie die entsprechenden Abhängigkeiten für den Ordner „structure-admin-web“ des Front-End-Vue und den Knoten-Back-End „structure-admin-node“.

 npm install

4. Installieren Sie Redis (Sie können die Installation von RedisDesktopManager in Betracht ziehen)

Referenz: Redis unter Windows installieren, Installation des visuellen Redis-Management-Tools (Redis Desktop Manager), grundlegende Verwendung, Instanziierungsprojekt

5. Installieren Sie MySQL. Ich werde hier nicht auf Details eingehen.

6. Ändern Sie die NodeJS-Backend-Konfigurationsdateien adapter.js und config.js.

 adapter.js

exports.cache = {
    type: 'redis',
    common: {
        timeout: 24 * 60 * 60 * 1000 // millisecond
    },
    redis: {
        handle: redisCache,
        host: '127.0.0.1',
        port: 6379,
        password: 'a123456'  //redis安装时候设置的秘密
    }
};
//
//
exports.model = {
  type: 'mysql',
  common: {
    logConnect: true,
    logSql: true,
    logger: msg => think.logger.info(msg)
  },
  mysql: {
    handle: mysql,
    database: 'structure_admin',
    prefix: 'structure_',
    encoding: 'utf8',
    host: '127.0.0.1',   //本地数据库
    port: '3306',　　　　　//数据库端口
    user: 'root',    //数据库的用户名
    password: '123456',    //数据库该用户名的密码
    dateStrings: true
  }
};

7. Datenbankdatei, die Adresse lautet structure-admin-node/src/common/mysql/structure_admin.sql

8. Starten Sie Projekte mit jeweils separatem Front-End und Back-End.

(1) Start von structure-admin-web des Front-End-Vue

 npm run dev

(2) und der Start des Knoten-Backend-Struktur-Administrator-Knotens

 npm start

veranschaulichen

• Das wöchentliche Berichtssystem basiert auf dem Structure-Administrator-Hintergrundverwaltungsframework. Die Demonstrationsadresse für das wöchentliche Berichtssystem lautet: System-Website-Plattform
• Quellcode-Adresse des Wöchentlichen Berichtssystems: Quellcode-Adresse des Wöchentlichen Berichtssystems
• Es wurde in das npm-Paket vue-node-cli gekapselt und bildet eine Vorlage für Front-End- und Back-End-Full-Stack-Entwicklungs- und Steuerungssysteme.