structure admin

administrador de estrutura

Structure-admin é uma estrutura de sistema de gerenciamento e controle de backend. A pilha de tecnologia é: nodeJS+vue+vuex+mysql+redis. O front-end usa a biblioteca de componentes element-ui do vue, o back-end usa serviços nodeJS, o banco de dados mysql. , e o cache usa redis , o backend usa completamente nodeJS e o banco de dados usa mysql . nodejs的thinkjs框架搭建的e é um desenvolvimento full-stack. apoiar:

• 1. Use vuex para implementar gerenciamento de estado
• 2. Página estática, introdução de serviço de back-end (nodeJs)
• 3. O componente usa element-ui
• 4. O layout da página é superior e esquerdo. O layout esquerdo e direito usa elasticidade e layout flexível. A largura é fixada à esquerda e a largura é calculada à direita.
• 5. As barras de rolagem esquerda e direita são independentes uma da outra. Remova a barra de rolagem do corpo.

Se você gosta do back-end escrito em nodeJS , que suporta grande front-end e desenvolvimento full-stack, marque com star e fork o projeto.

Se você tiver algum problema de uso, deixe uma mensagem.

1. Pilha de tecnologia

• Site oficial do ThinkJS (estrutura do lado do nó)
• Site oficial do Vue.js (estrutura de ligação de dados bidirecional do lado do cliente)

2. Endereço on-line

Endereço online: Endereço online, número da conta: teste, senha: 123456

3. Capturas de tela do sistema

3.1 Página de login

3.1 Página inicial

4. Programa de execução local

1. Em primeiro lugar, seu ambiente é nodejs e você não poderá instalá-lo e configurá-lo. Referência: configuração do ambiente nodejs.

2. Clone o projeto

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

3. Instale as dependências correspondentes para a pasta estrutura-admin-web do vue front-end e o nó estrutura-admin-node back-end.

 npm install

4. Instale o redis (você pode considerar instalar o RedisDesktopManager)

Referência: Instale o redis na janela, instalação da ferramenta de gerenciamento visual do redis (Redis Desktop Manager), uso básico, projeto de instanciação

5. Instale o mysql. Não entrarei em detalhes aqui.

6. Modifique os arquivos de configuração de back-end do nodejs, adapter.js e 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. Arquivo de banco de dados, o endereço é structure-admin-node/src/common/mysql/structure_admin.sql

8. Inicie projetos com front-end e back-end separados, respectivamente.

(1) Inicialização da estrutura-admin-web do front-end vue

 npm run dev

(2) e a inicialização do nó backend estrutura-admin-node

 npm start

ilustrar

• O sistema de relatório semanal é construído com base na estrutura de gerenciamento de histórico do administrador da estrutura. O endereço de demonstração do sistema de relatório semanal é: Plataforma do site do sistema.
• Endereço do código-fonte do sistema de relatório semanal: Endereço do código-fonte do sistema de relatório semanal
• Ele foi encapsulado no pacote npm vue-node-cli, formando um modelo para sistemas de controle e desenvolvimento full-stack front-end e back-end.