fe-drone-ci/README.vi.md at 3e6cf388a14ea43e59c22e6650523f749325918a

5.9 KiB

Raw Blame History

Giới thiệu

vue-element-admin là một sản phẩm cho giao diện quản lí. Dựa trên Vue.js và sử dụng UI Toolkit -- element. vue-element-admin dựa trên bản mới nhất của vue, xây dụng với giải pháp i18n, là mẫu cơ bản cho các ứng dụng doanh nghiệp, với nhiều chức năng ưu việt. Nó giúp bạn xây dựng một Single-Page Applications lớn và phức tạp. Tôi tin rằng nó là tất cả bạn cần, dự án này sẽ giúp bạn.

vue-element-admin là các thành phần giao diện để tích hợp và phát triển các giao diện cho giải pháp quản lí, nó không phải là giao diện quản lí.

Giao diện quản lí nên sử dụng: vueAdmin-template
Desktop: electron-vue-admin

Chú ý: Dự án này sử dụng phiên bản element-ui@2.0.0+, vậy nó tương thích với phiên bản tối thiểu là vue@2.5.0

Chuẩn bị

Bạn cần cài sẵn node and git ở máy tính. Dự án phát triển dựa trên ES2015+、vue、vuex、vue-router và element-ui. Tất cả dữ liệu được dùng trong dự án này là dữ liệu ảo sử dụng bằng Mock.js. Sẽ rất tốt nếu bạn đã có sẵn những thứ này.

Dự án này không phải là một giao diện cụ thể mà là một giải pháp giao diện tích hợp.

Dự án này không hỗ trợ những trình duyệt cũ (ví dụ như IE). Hãy bổ sung chúng nếu bạn cần.

Tính năng

- Đăng nhập / Đăng xuất - Login / Logout
- Xác thực quyền truy cập - Permission authentication
- Xây dựng trên nhiều môi trường - Multi-environment build
- Sidebar động (hỗ trợ đa cấp) - Dynamic sidebar (supports multi-level routing)
- Breadcrumb động - Dynamic breadcrumb
- Dịch thuật với I18n
- Khả năng hiệu chỉnh giao diện - Customizable theme
- Hiện thị dạng Tags (hỗ trợ chức năng chuột phải) - Tags-view(Tab page Support right-click operation)
- Trình soạn thảo văn bản
- Trình doạn thảo Mardown
- Trình doạn thảo JSON
- Toàn màn hình
- Kéo & Thả sắp xếp
- Svg Sprite
- Bảng điều khiển - Dashboard
- Dữ liệu tạm với Mock - Mock data
- Các loại Biểu đồ - Echarts
- Clipboard
- Các trang lỗi 401/404
- Lịch sử lỗi
- Xuất file excel
- Xuất file zip
- Front-end visualization excel
- Ví dụ về Bảng
- Ví dụ về bảng dữ liệu động
- Ví dụ về Kéo & Thả sắp xếp
- Chỉnh sửa ngay tại chỗ trong Bảng
- Ví dụ Form
- Hai bước đăng nhập
- SplitPane
- Dropzone
- Sticky
- CountTo
- Chuyển Markdown sang html

Bắt đầu

# clone dự án bằng
git clone https://github.com/PanJiaChen/vue-element-admin.git

# cài đặt npm
npm install

# chạy
npm run dev

Nó sẽ tự mở ở trình duyệt với địa chỉ http://localhost:9527.

Xuất bản

# xuất bản để kiểm thử
npm run build:sit

# xuất bản sản phẩm
npm run build:prod

Nâng cao

# --xuất bản sản phẩm kèm theo báo cáo
npm run build:prod --report

# --xuất bản sản phẩm ở máy cục bộ với bản xem trước
npm run build:prod --preview

# lint code
npm run lint

# auto fix
npm run lint -- --fix

Tham khảo Tài liệu để hiểu thêm