xiliu lease tenant ui

xiliu-리스-세입자-ui

머리말

이것이 xiliu-lease-tenant의 프론트엔드 시스템입니다. 백엔드를 구축하는 데 필요한 요소 UI, axios, 아이콘 글꼴, 권한 제어, 린트만 포함되어 있습니다. 이 프로젝트를 통해 뭔가 얻으셨다면 꼭 스타에서 팔로우해주세요. 저에게는 정말 큰 격려와 응원이 됩니다.

인터페이스 프로젝트

xiliu-lease-tenant로 이동해주세요.

빌드 설정

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

브라우저 접속 http://localhost:9528

풀어 주다

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

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

다른

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

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

# 代码格式检查
npm run lint

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

사용된 기술

프런트 엔드

기술	버전	설명하다
뷰	2.6	프론트엔드 프레임워크
요소UI	2.15.X	UI 프레임워크
뷰엑스	3.1.0	상태 관리 라이브러리
액시오스	0.18.1	네트워크 요청 라이브러리
아브	10.2.10	elementUI 향상된 라이브러리

개발 프로토콜

명명 규칙

요소:

• index.vue를 제외한 모든 구성 요소 파일은 대문자로 시작합니다. 충돌을 방지하려면 구성 요소 이름의 첫 글자를 대문자로 사용해야 합니다. 예: @/src/layout/comComponents/Sidebar/index.vue @/src/layout/comComponents/Sidebar/Item.vue

JS 파일

• 모든 .js 파일은 수평선 연결을 따릅니다(kebab-case).

조회수

• views 파일 아래에는 라우팅을 나타내는 .vue 파일이 수평선(kebab-case)으로 연결되어 있고, 라우팅을 나타내는 폴더도 동일한 규칙을 사용합니다.

kebab-case를 사용하여 뷰 이름을 지정하는 것은 주로 다음 사항을 고려하기 때문입니다.

• 1. 가로줄 연결(kebab-case)도 공식적으로 권장되는 명명 규칙 중 하나입니다.
• 2. views 아래의 .vue 파일은 경로를 나타내기 때문에 컴포넌트와 구별되어야 합니다. (컴포넌트는 모두 대문자로 시작합니다.)
• 3. 페이지의 URL도 https://www.xxx.admin/export-excel과 같이 가로선으로 연결되어 있으므로 해당 경로에 해당하는 보기가 통일되어야 합니다.
• 4. 대소문자 구분 문제 없음

프로젝트 효과

내장된 기능

일련번호	빨리 죽어라	설명하다
1	임차인 관리	SaaS 시나리오에서 다중 테넌트 기능을 지원하도록 시스템 테넌트를 구성합니다.
2	테넌트 패키지 구성	각 테넌트에 대한 메뉴, 작업 및 버튼의 권한을 사용자 정의합니다.
3	사용자 관리	사용자는 시스템 운영자이며 이 기능은 주로 시스템 사용자 구성을 완료합니다.
4	부서 관리	시스템 조직(회사, 부서, 그룹)을 구성하고, 데이터 권한을 지원하는 트리 구조를 표시합니다.
5	메뉴 관리	시스템 메뉴, 작업 권한, 버튼 권한 식별 등을 구성합니다.
6	역할 관리	역할 메뉴 권한 할당, 조직별로 데이터 범위 권한을 나누는 역할을 설정합니다.
7	사전 관리	시스템에서 자주 사용되는 상대적으로 고정된 데이터를 유지 관리합니다.
8	작업 로그	시스템 정상 작동 로그 기록 및 조회, 시스템 비정상 정보 로그 기록 및 조회.
9	로그인 로그	시스템 로그인 로깅 쿼리에는 로그인 예외가 포함됩니다.
10	온라인 사용자	현재 시스템의 활성 사용자 상태를 모니터링합니다.
11	코드 생성	프런트엔드 및 백엔드 코드(java, html, xml, sql) 생성은 CRUD 다운로드를 지원합니다.
12	시스템 인터페이스	비즈니스 코드를 기반으로 관련 API 인터페이스 문서를 자동으로 생성합니다.
13	서비스 모니터링	현재 시스템 CPU, 메모리, 디스크, 스택 및 기타 관련 정보를 모니터링합니다.
14	캐시 모니터링	현재 캐시된 정보를 모니터링합니다.
15	주택 관리	속성 관련 정보를 추가하고 가져옵니다.

FAQ

• 버그를 발견하면 이슈를 제출해 주세요.

커뮤니케이션 그룹

커뮤니케이션을 위해 WeChat 그룹에 가입하려면 공개 계정 백그라운드에서 "그룹 추가"라고 답장하면 됩니다.

공식 계정	QQ 그룹 (577105695)

결론

함께 토론해 보시는 것을 환영합니다. 괜찮다고 생각하시면 별점을 주셔도 됩니다.