xiliu lease tenant ui Download - xiliu lease tenant ui Source code download

xiliu lease tenant ui

Other categories

1.0.0

Download

xiliu-lease-tenant-ui

Preface

This is the front-end system of xiliu-lease-tenant. It only contains Element UI & axios & iconfont & permission control & lint, which are necessary to build the backend. If you gain something from this project, please remember to follow it on Star. This is a very good encouragement and support for me.

Interface project

Please move to xiliu-lease-tenant

Build Setup

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

Browser access http://localhost:9528

release

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

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

other

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

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

# 代码格式检查
npm run lint

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

Technology used

front end

technology	Version	illustrate
Vue	2.6	front-end framework
elementUI	2.15.X	ui framework
vuex	3.1.0	State management library
axios	0.18.1	Network request library
avue	2.10.10	elementUI enhanced library

development protocol

Naming rules

Component：

All Component files start with capital letters, except index.vue. The first letter of the component name should be capitalized to avoid conflicts. For example: @/src/layout/components/Sidebar/index.vue @/src/layout/components/Sidebar/Item.vue

JS files

All .js files follow horizontal line connections (kebab-case)

Views

Under the views file, the .vue files representing routing are connected using horizontal lines (kebab-case), and the folders representing routing also use the same rules.

Using kebab-case to name views is mainly due to the following considerations.

1. Horizontal line connection (kebab-case) is also one of the officially recommended naming conventions
2. The .vue file under views represents a route, so it needs to be distinguished from components (components all start with capital letters)
3. The URLs of the pages are also connected by horizontal lines, such as https://www.xxx.admin/export-excel, so the views corresponding to the routes should be unified.
4. No case sensitivity issues

Project effect

Login page

Enter image description

Built-in functions

serial number	Die fast	illustrate
1	Tenant management	Configure system tenants to support multi-tenant functions in SaaS scenarios.
2	Configure tenant package	Customize the permissions of menus, operations, and buttons for each tenant.
3	User management	The user is the system operator, and this function mainly completes system user configuration.
4	Department management	Configure the system organization (company, department, group), and display the tree structure to support data permissions.
5	Menu management	Configure system menu, operation permissions, button permission identification, etc.
6	role management	Role menu permission allocation, set roles to divide data scope permissions by organization.
7	Dictionary management	Maintain some relatively fixed data frequently used in the system.
8	Operation log	System normal operation log recording and query; system abnormal information log recording and query.
9	Login log	System login logging queries contain login exceptions.
10	Online users	Monitor the status of active users in the current system.
11	code generation	The generation of front-end and back-end code (java, html, xml, sql) supports CRUD download.
12	System interface	Automatically generate relevant API interface documents based on business code.
13	Service monitoring	Monitor the current system CPU, memory, disk, stack and other related information.
14	Cache monitoring	Monitor current cached information.
15	housing management	Add and import property related information.