xiliu lease tenant ui Download - xiliu lease tenant ui download do código-fonte

xiliu lease tenant ui

Outras categorias

1.0.0

Baixar

xiliu-lease-tenant-ui

Prefácio

Este é o sistema front-end do xiliu-lease-tenant. Ele contém apenas Element UI e axios e iconfont e controle de permissão e lint, que são necessários para construir o back-end. Se você ganhar algo com este projeto, lembre-se de segui-lo no Star. Este é um grande incentivo e apoio para mim.

Projeto de interface

Por favor, mude para xiliu-lease-tenant

Configuração de compilação

 # 克隆项目
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

Acesso pelo navegador http://localhost:9528

liberar

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

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

outro

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

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

# 代码格式检查
npm run lint

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

Tecnologia usada

front-end

tecnologia	Versão	ilustrar
Vista	2.6	estrutura de front-end
elementoUI	2.15.X	estrutura de interface do usuário
vuex	3.1.0	Biblioteca de gestão estadual
eixos	0.18.1	Biblioteca de solicitação de rede
avenida	2.10.10	biblioteca aprimorada elementUI

protocolo de desenvolvimento

Regras de nomenclatura

Componente:

Todos os arquivos de componentes começam com letras maiúsculas, exceto index.vue. A primeira letra do nome do componente deve ser maiúscula para evitar conflitos. Por exemplo: @/src/layout/components/Sidebar/index.vue @/src/layout/components/Sidebar/Item.vue

Arquivos JS

Todos os arquivos .js seguem conexões de linha horizontal (kebab-case)

Visualizações

No arquivo de visualizações, os arquivos .vue que representam o roteamento são conectados usando linhas horizontais (kebab-case), e as pastas que representam o roteamento também usam as mesmas regras.

O uso do kebab-case para nomear visualizações se deve principalmente às seguintes considerações.

1. A conexão de linha horizontal (caixa kebab) também é uma das convenções de nomenclatura oficialmente recomendadas
2. O arquivo .vue nas visualizações representa uma rota, portanto, ele precisa ser diferenciado dos componentes (todos os componentes começam com letras maiúsculas)
3. As URLs das páginas também são conectadas por linhas horizontais, como https://www.xxx.admin/export-excel, portanto as visualizações correspondentes às rotas devem ser unificadas.
4. Sem problemas de distinção entre maiúsculas e minúsculas

Efeito do projeto

Página de login

Insira a descrição da imagem

Funções integradas

número de série	Morra rápido	ilustrar
1	Gestão de inquilinos	Configure locatários do sistema para oferecer suporte a funções multilocatários em cenários SaaS.
2	Configurar pacote de locatário	Personalize as permissões de menus, operações e botões para cada locatário.
3	Gerenciamento de usuários	O usuário é o operador do sistema e esta função completa principalmente a configuração do usuário do sistema.
4	Gestão de departamento	Configure a organização do sistema (empresa, departamento, grupo) e exiba a estrutura em árvore para oferecer suporte às permissões de dados.
5	Gerenciamento de cardápio	Configure o menu do sistema, permissões de operação, identificação de permissão de botão, etc.
6	gerenciamento de funções	Alocação de permissões do menu de funções, defina funções para dividir as permissões de escopo de dados por organização.
7	Gerenciamento de dicionário	Mantenha alguns dados relativamente fixos usados com frequência no sistema.
8	Registro de operação	Gravação e consulta de log de operação normal do sistema; gravação e consulta de log de informações anormais do sistema.
9	Registro de login	As consultas de log de login do sistema contêm exceções de login.
10	Usuários on-line	Monitore o status dos usuários ativos no sistema atual.
11	geração de código	A geração de código front-end e back-end (java, html, xml, sql) suporta download CRUD.
12	Interface do sistema	Gere automaticamente documentos relevantes da interface da API com base no código comercial.
13	Monitoramento de serviço	Monitore a CPU, memória, disco, pilha e outras informações relacionadas do sistema atual.
14	Monitoramento de cache	Monitore as informações atuais em cache.
15	gestão habitacional	Adicione e importe informações relacionadas à propriedade.