structure admin

structure-admin

Structure-admin est un framework de système de gestion et de contrôle backend. La pile technologique est : nodeJS+vue+vuex+mysql+redis Le front-end utilise la bibliothèque de composants element-ui de vue, le back-end utilise les services nodeJS, la base de données mysql. , et le cache utilise redis. , le backend utilise entièrement nodeJS et la base de données utilise mysql . nodejs的thinkjs框架搭建的et est un développement full-stack. soutien:

• 1. Utilisez vuex pour implémenter la gestion de l'état
• 2. Page statique, introduisez le service back-end (nodeJs)
• 3. Le composant utilise element-ui
• 4. La mise en page est en haut et à gauche. La mise en page à gauche et à droite utilise l'élasticité et la flexibilité de la mise en page. La largeur est fixée à gauche et la largeur est calculée à droite.
• 5. Les barres de défilement gauche et droite sont indépendantes l'une de l'autre. Retirez la barre de défilement sur le corps.

Si vous aimez le backend écrit en nodeJS , qui prend en charge le développement front-end et full-stack à grande échelle, veuillez star et fork le projet.

Si vous rencontrez des problèmes d'utilisation, veuillez laisser un message.

1. Pile technologique

• Site officiel de ThinkJS (Node-side framework)
• Site officiel de Vue.js (cadre de liaison de données bidirectionnelle côté client)

2. Adresse en ligne

Adresse en ligne : Adresse en ligne, numéro de compte : test, mot de passe : 123456

3. Captures d'écran du système

3.1 Page de connexion

3.1 Page d'accueil

4. Programme de course local

1. Tout d'abord, votre environnement est nodejs et vous ne pourrez pas l'installer et le configurer Référence : configuration de l'environnement nodejs.

2. Clonez le projet

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

3. Installez les dépendances correspondantes pour le dossier structure-admin-web de la vue front-end et le nœud back-end structure-admin-node.

 npm install

4. Installez Redis (vous pouvez envisager d'installer RedisDesktopManager)

Référence : Installer redis sous window, installation de l'outil de gestion visuelle redis (Redis Desktop Manager), utilisation basique, projet d'instanciation

5. Installez MySQL. Je n'entrerai pas dans les détails ici.

6. Modifiez les fichiers de configuration backend de nodejs adapter.js et 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. Fichier de base de données, l'adresse est structure-admin-node/src/common/mysql/structure_admin.sql

8. Démarrez des projets avec respectivement un front-end et un back-end séparés.

(1) Démarrage de structure-admin-web de la vue front-end

 npm run dev

(2) et le démarrage du nœud backend structure-admin-node

 npm start

illustrer

• Le système de rapports hebdomadaires est construit sur la base du cadre de gestion en arrière-plan structure-admin. L'adresse de démonstration du système de rapports hebdomadaires est : Plate-forme de site Web du système.
• Adresse du code source du système de rapport hebdomadaire : Adresse du code source du système de rapport hebdomadaire
• Il a été encapsulé dans le package npm vue-node-cli, formant un modèle pour les systèmes de développement et de contrôle full-stack front-end et back-end.