structure admin

administrador de estructura

Structure-admin es un marco de sistema de control y administración de backend. La pila de tecnología es: nodeJS + vue + vuex + mysql + redis. El front-end usa la biblioteca de componentes element-ui de vue, el back-end usa los servicios de nodeJS y la base de datos mysql. Y el caché usa redis. El backend usa completamente nodeJS y la base de datos usa mysql . nodejs的thinkjs框架搭建的y es un desarrollo de pila completa. apoyo:

• 1. Utilice vuex para implementar la gestión estatal.
• 2. Página estática, presenta el servicio back-end (nodeJs)
• 3. El componente utiliza element-ui
• 4. El diseño de la página es superior e izquierdo. El diseño izquierdo y derecho utiliza elasticidad y diseño flexible. El ancho se fija a la izquierda y el ancho se calcula a la derecha.
• 5. Las barras de desplazamiento izquierda y derecha son independientes entre sí. Retire la barra de desplazamiento del cuerpo.

Si le gusta el backend escrito en nodeJS , que admite un gran desarrollo de front-end y full-stack, star y fork el proyecto.

Si tiene algún problema de uso, deje un mensaje.

1. Pila de tecnología

• Sitio web oficial de ThinkJS (marco del lado del nodo)
• Sitio web oficial de Vue.js (marco de enlace de datos bidireccional del lado del cliente)

2. Dirección en línea

Dirección en línea: Dirección en línea, número de cuenta: prueba, contraseña: 123456

3. Capturas de pantalla del sistema

3.1 Página de inicio de sesión

3.1 Página de inicio

4. Programa en ejecución local

1. En primer lugar, su entorno es nodejs y no podrá instalarlo ni configurarlo. Referencia: configuración del entorno nodejs.

2. Clonar el proyecto

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

3. Instale las dependencias correspondientes para la carpeta estructura-admin-web del front-end vue y el nodo back-end estructura-admin-nodo.

 npm install

4. Instale redis (puede considerar instalar RedisDesktopManager)

Referencia: Instalar Redis en la ventana, instalación de la herramienta de administración visual de Redis (Redis Desktop Manager), uso básico, proyecto de creación de instancias.

5. Instale mysql. No entraré en detalles aquí.

6. Modifique los archivos de configuración del backend de nodejs adaptor.js y 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. Archivo de base de datos, la dirección es structure-admin-node/src/common/mysql/structure_admin.sql

8. Inicie proyectos con front-end y back-end separados respectivamente.

(1) Inicio de estructura-admin-web del front-end vue

 npm run dev

(2) y el inicio del nodo backend estructura-admin-nodo

 npm start

ilustrar

• El sistema de informes semanales se basa en el marco de gestión de antecedentes de administrador de estructura. La dirección de demostración del sistema de informes semanales es: Plataforma del sitio web del sistema.
• Dirección del código fuente del sistema de informes semanales: Dirección del código fuente del sistema de informes semanales
• Se ha encapsulado en el paquete npm vue-node-cli, formando una plantilla para sistemas de control y desarrollo de pila completa de front-end y back-end.