xiliu lease tenant ui

xiliu-เช่า-ผู้เช่า-ui

คำนำ

นี่คือระบบส่วนหน้าของผู้เช่า xiliu มีเฉพาะ Element UI & axios & iconfont & การควบคุมสิทธิ์ & ผ้าสำลี ซึ่งจำเป็นในการสร้างแบ็กเอนด์ หากคุณได้รับบางสิ่งบางอย่างจากโครงการนี้ โปรดอย่าลืมติดตามมันบน Star นี่เป็นกำลังใจและการสนับสนุนที่ดีมากสำหรับฉัน

โครงการอินเทอร์เฟซ

กรุณาย้ายไปที่ xiliu-เช่า-ผู้เช่า

สร้างการตั้งค่า

 # 克隆项目
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	ห้องสมุดการจัดการของรัฐ
axios	0.18.1	ไลบรารีคำขอเครือข่าย
อเวนิว	2.10.10	ไลบรารีที่ปรับปรุงของ elementUI

โปรโตคอลการพัฒนา

กฎการตั้งชื่อ

ส่วนประกอบ:

• ไฟล์ Component ทั้งหมดขึ้นต้นด้วยอักษรตัวใหญ่ ยกเว้น index.vue ตัวอักษรตัวแรกของชื่อส่วนประกอบควรเป็นตัวพิมพ์ใหญ่เพื่อหลีกเลี่ยงความขัดแย้ง ตัวอย่างเช่น: @/src/layout/components/Sidebar/index.vue @/src/layout/components/Sidebar/Item.vue

ไฟล์ .JS

• ไฟล์ .js ทั้งหมดเป็นไปตามการเชื่อมต่อเส้นแนวนอน (kebab-case)

จำนวนการดู

• ภายใต้ไฟล์มุมมอง ไฟล์ .vue ที่แสดงถึงการกำหนดเส้นทางจะเชื่อมต่อกันโดยใช้เส้นแนวนอน (kebab-case) และโฟลเดอร์ที่แสดงถึงการกำหนดเส้นทางก็ใช้กฎเดียวกันเช่นกัน

การใช้ kebab-case เพื่อตั้งชื่อมุมมองมีสาเหตุหลักมาจากการพิจารณาดังต่อไปนี้

• 1. การเชื่อมต่อเส้นแนวนอน (เคบับ-เคส) เป็นหนึ่งในรูปแบบการตั้งชื่อที่แนะนำอย่างเป็นทางการ
• 2. ไฟล์ .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	การจัดการที่อยู่อาศัย	เพิ่มและนำเข้าข้อมูลที่เกี่ยวข้องกับทรัพย์สิน

คำถามที่พบบ่อย

• หากคุณพบข้อบกพร่อง โปรดส่งปัญหา

กลุ่มสื่อสาร

หากต้องการเข้าร่วมกลุ่ม WeChat เพื่อการสื่อสาร เพียงตอบกลับ "เพิ่มกลุ่ม" ในเบื้องหลังของบัญชีสาธารณะ

บัญชีอย่างเป็นทางการ	กลุ่มคิวคิว (577105695)

บทสรุป

ยินดีพูดคุยร่วมกันครับ ถ้าคิดว่าโอเค ให้ดาวได้เลยนะครับ