xiliu lease tenant ui

xiliu-lease-tenant-ui

前言

這是xiliu-lease-tenant的前端系統。它只包含了Element UI & axios & iconfont & permission control & lint，這些建造後台必要的東西。 如果這個計畫讓你有所收穫，記得Star 關注哦，這對我來說是非常好的鼓勵與支持。

介面專案

請移步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

瀏覽器造訪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

所用技術

前端

科技	版本	說明
Vue	2.6	前端框架
elementUI	2.15.X	ui框架
vuex	3.1.0	狀態管理庫
axios	0.18.1	網路請求庫
avue	2.10.10	elementUI增強庫

開發規約

命名規則

Component：

• 所有的Component檔案都是以大寫開​​頭，除了index.vue。 元件名name 採用首字母大寫，避免衝突。 例如：@/src/layout/components/Sidebar/index.vue @/src/layout/components/Sidebar/Item.vue

JS 文件

• 所有的.js檔案都遵循橫線連接(kebab-case)

Views

• 在views檔案下，代表路由的.vue檔案都使用橫線連接(kebab-case)，代表路由的資料夾也是使用相同的規則

使用橫線連接(kebab-case)來命名views主要是出於以下幾個考慮。

• 1.橫線連接(kebab-case) 也是官方推薦的命名規範之一
• 2.views下的.vue檔案代表的是一個路由，所以它需要和component進行區分(component 都是大寫開頭)
• 3.頁面的url 也都是橫線連接的，例如https://www.xxx.admin/export-excel，所以路由對應的view應該要保持統一
• 4.沒有大小寫敏感問題

項目效果

內建功能

序號	模快	說明
1	租戶管理	配置系統租戶，支援SaaS 場景下的多租戶功能。
2	配置租戶套餐	自定每個租用戶的選單、操作、按鈕的權限。
3	使用者管理	使用者是系統操作者，此功能主要完成系統使用者配置。
4	部門管理	配置系統組織機構（公司、部門、小組），樹狀結構展現支援資料權限。
5	選單管理	配置系統選單，操作權限，按鈕權限標識等。
6	角色管理	角色選單權限分配、設定角色依機構進行資料範圍權限劃分。
7	字典管理	對系統中經常使用的一些較為固定的資料進行維護。
8	操作日誌	系統正常操作日誌記錄和查詢；系統異常資訊日誌記錄和查詢。
9	登入日誌	系統登入日誌記錄查詢包含登入異常。
10	線上用戶	當前系統中活躍用戶狀態監控。
11	程式碼生成	前後端程式碼的產生（java、html、xml、sql）支援CRUD下載。
12	系統介面	根據業務代碼自動產生相關的api介面文檔。
13	服務監控	監視目前系統CPU、記憶體、磁碟、堆疊等相關資訊。
14	快取監控	監視當前快取的相關資訊。
15	房屋管理	新增、匯入房源相關資訊。

常見問題

• 若發現bug，請提Issues

交流群

加微信群交流，公眾號後台回覆「加群」即可。

公眾號	QQ群(577105695)

結語

歡迎一起探討，如果你覺得還可以，可以給我點一個star