Mẫu phiếu lương html css
Phiếu lương hoặc phiếu lương là một hồ sơ tài liệu mà người sử dụng lao động đưa cho nhân viên mỗi khi họ nhận được tiền lương của họ. Phiếu lương chủ yếu thông báo cho nhân viên về tổng lương, các khoản khấu trừ đã thực hiện và số tiền lương ròng còn lại. Phiếu lương cũng cung cấp bằng chứng về thu nhập và bằng chứng về việc làm Show
Paysliper phù hợp với những người dùng khác nhau nhờ kiểu dáng bố cục tùy chỉnh, văn bản động và các trường có thể đáp ứng các nhu cầu khác nhau của họ. Một công ty sẽ chọn thứ đáp ứng nhu cầu của họ liên quan đến các mặt hàng được nhập vào các trường tương ứng, khả năng trình bày hoặc thậm chí là phong cách và sở thích của họ Tải xuống hoặc tạo mẫu phiếu lương mẫu lưới 1 Từ Excel Lưới 2 Từ Excel lưới 3 Từ Excel Lưới 4 Từ Excel Lưới 5 Từ Excel danh sách 1 Từ Excel danh sách 2 Từ Excel danh sách 3 Từ Excel danh sách 4 Từ Excel danh sách 5 Từ Excel Trình tạo phiếu lương cho phép bạn tạo phiếu lương trực tuyến miễn phí, hoàn toàn có thể tùy chỉnh để bao gồm thông tin công ty và thông tin chi tiết của từng nhân viên Hệ thống quản trị nội dung hay còn được gọi là hệ thống quản trị nội dung hoặc Hệ thống quản lý nội dung (CMS) là phần mềm để tổ chức và tạo môi trường cộng tác thuận lợi nhằm mục đích xây dựng hệ thống tài liệu và các loại nội dung Ghi chú Tham khảo thêm tại Wikipedia Có rất nhiều CMS nền tảng nổi tiếng và phổ biến hiện nay như Wordpress, Magneto (hiện là Adobe Commerce), Joomla,… Và Odoo cũng phát triển một CMS nền tảng riêng với đầy đủ các tính năng, được tích hợp trong hai mô-đun . Chỉ với các thao tác kéo thả, người dùng có thể dễ dàng tạo ra một trang web trong vài phút. Tuy nhiên để thêm các tính năng mới cho giao diện thì lại không dễ dàng như vậy. Trong phần này, chúng ta cùng nhau tìm hiểu cách tạo ra một trang web có tính tương tác cao Các chủ đề sẽ được cập nhật ở phần này¶
Quản lý tài sản tĩnh¶Giống như hầu hết các trang web hiện nay, việc quản lý các nội dung tĩnh (nội dung tĩnh) rất quan trọng trong việc mang đến cho người dùng một trải nghiệm mượt mà. Khi trang web được tải dữ liệu, các tệp tĩnh sẽ tạo ra các yêu cầu riêng biệt đến máy chủ, lượng yêu cầu càng nhiều trang web sẽ tải càng chậm. Odoo cũng giải quyết công việc này với cách phát triển riêng của họ Điểm khác biệt trong cách quản lý tài sản tĩnh của Odoo¶Một trường hợp biến phổ biến là khi chúng ta muốn tải một vài nội dung nhưng không muốn tải toàn bộ nội dung lên trang web. Các tài sản này thuộc về các mô-đun khác nhau và không chia sẻ mã giống nhau. Nên việc tải nội dung sẽ gặp khó khăn trong Odoo Để giải quyết tình trạng tải quá nhiều tài sản không cần thiết, Odoo sử dụng một khái niệm gọi là Gói tài sản - gói tài sản. Nhiệm vụ của các gói này là kết hợp tất cả các tệp JavaScript và CSS trong một tệp và giảm kích thước của tệp này. Các tệp JavaScript và CSS khi kết hợp sẽ xóa các nhận xét, khoảng trống thừa, giúp thu nhỏ kích thước tệp và tăng tốc độ tải của trang Bằng cách này, AssetsBundle không chỉ tập hợp các tệp mà còn được đóng gói với nhiều tính năng Odoo sẽ quản lý các tài sản tĩnh này thông qua lớp AssetsBundle có thể tìm thấy trong đường dẫn /odoo/addons/base/models/assetsbundle.py Một số Gói nội dung được sử dụng trong Odoo
Ghi chú Một số gói được sử dụng cho các ứng dụng cụ thể. điểm bán hàng. tài sản, khảo sát. Survey_assets, mass_mailing. layout và website_slides. slide_embed_assets điều chỉnh tài sản¶Thông thường, để bổ sung thêm các tài sản, chúng tôi sẽ đặt tệp JS, CSS, SCSS,. to true bundle to select Ví dụ. bạn muốn tệp CSS của mình được áp dụng cho các mô-đun của Odoo, bạn cần phải đặt tệp CSS vào web. tài sản_chung Trong một số trường hợp nhất định, chúng tôi sẽ phải tạo ra một AssetsBundle hoàn toàn mới. Và chúng ta hoàn toàn có thể làm được điều đó Dưới đây, chúng tôi sẽ cùng tạo một Gói tài sản mới Bước 1Tạo một mẫu QWeb mới và thêm các tệp JS, CSS, SCSS của bạn vào tệp này id="assets_bundle_demo" name="New Assets Bundle">
rel="stylesheet" type="text/scss" href="/module/static/src/scss/scss_demo.scss"/>
rel="stylesheet" type="text/css" href="/module/static/src/scss/css_demo.css"/>
Bạn có thể tìm thấy cách tạo mô-đun mới với dòng lệnh tại tại đây . Because will must add files JS/CSS/SCSS Dẫn đến việc chỉnh sửa trên trang web, nên chúng ta cần thêm trang web vào tệp __manifest__. py as after ... 'depends': ['base', 'website'], ... Các bước thực hiện¶Bước 1Tạo một mẫu tệp. xml trong các lượt xem thư mục và thêm một mẫu trống bên dưới
(Đừng quên thêm tệp này trong __manifest__. py) Bước 2Thêm đường dẫn tham chiếu của các tệp JavaScript và CSS vào mẫu trên mẫu href="/education/static/src/scss/education_style.scss" rel="stylesheet" type="text/scss"/>
href="/education/static/src/css/education_style.css" rel="stylesheet" type="text/css"/>
Cung cấp đoạn trích động cho người dùng¶Trong chủ đề này, chúng ta cùng nhau tìm hiểu cách tạo ra một đoạn trích động Các bước thực hiện¶Chúng ta vẫn sẽ sử dụng ví dụ từ chủ đề trước với khóa học người mẫu. Đoạn trích trong phần này sẽ là một slide các hình ảnh của khóa học. Bố cục của đoạn trích sẽ sử dụng bố cục Bootstrap Carousel Bước 1Thêm tệp mới có tên lượt xem/s_course_carousel. xml và thêm một mẫu s_course_carousel để hiển thị slide ảnh, đồng thời thêm tệp này vào trong bảng kê khai id="any_page">
...
2Bước 2Trong tập tin lượt xem/đoạn trích. xml thêm đoạn mã để hiển thị đoạn mã trên giao diện web ở phía dưới (đừng thêm ảnh hiển thị đoạn mã vào thư mục /static/src/img/) id="any_page">
...
3Bước 3Thêm tệp mới /static/src/snippets. js để có thể hiển thị ảnh mẫu silde như bên dưới id="any_page">
...
4Bước 4Thêm tệp /static/src/snippets. js vào trang web. tài sản_frontend để có thể tải tệp này lên trang web khi khởi động máy chủ. Tạo tệp mới có tên lượt xem/nội dung. xml and add to file manifest id="any_page">
...
5Sau khi cập nhật mô-đun, bạn hãy khởi động máy chủ và sẽ thấy đoạn trích có tên Course Carousel như hình bên dưới
Active mode¶Tương tự như khi tạo một đoạn trích tĩnh, chúng ta cần tạo một mẫu để hiển thị giao diện cho đoạn trích. Ở ví dụ này, chúng ta sử dụng layout Carousel của Boostrap để có thể tạo nhanh một bố cục cục bộ cho slide ảnh như mong muốn của chúng ta. Bước tiếp theo, chúng ta khai báo thông tin của đoạn trích mới vào trang web. đoạn trích để có thể hiển thị đoạn mã trên giao diện Trình chỉnh sửa trang web Nhưng nếu dừng ở đây, chúng ta mới chỉ có khung cho một slide ảnh. Slide này đang hoàn toàn rỗng, không có dữ liệu. Do đó ở bước 3, chúng ta thêm một đoạn mã JavaScript để có thể lấy dữ liệu từ trong cơ sở dữ liệu và đưa vào các vị trí đã tạo sẵn ở mẫu Để ánh xạ một đối tượng JavaScript sang các phẩn từ HTML, Odoo sử dụng PublicWidget trong đó có một thuộc tính quan trọng là bộ chọn. Thông qua bộ chọn, bạn có thể truyền dữ liệu đến các phần tử HTML nhờ bộ chọn CSS của các phần tử đó. Do đó, bạn sẽ cần các bộ chọn CSS để có thể tạo đích đến cho các dữ liệu từ cơ sở dữ liệu Bạn có thể nhận thấy một phần mã của _rpc trong đoạn mã JavaScript trên. RPC (Cuộc gọi thủ tục từ xa) được gọi khi có yêu cầu từ phía máy khách về máy chủ. Ở đây, khi này. _rpc() được gọi là nó cần các tham số truyền vào để thực hiện một phương thức ORM. Cụ thể là một lệnh tìm kiếm trong khóa học mô hình, lấy ra các dữ liệu về hình ảnh của các bản ghi và sắp xếp theo thứ tự được tạo gần đây. Chúng ta sẽ quay lại với phương thức _rpc khi thực hiện lệnh gọi RPC đến máy chủ Cuối cùng, chúng ta thêm tệp JS vào gói trang web. tài sản_frontend Ghi chú Bạn có thể khám phá các tùy chọn đoạn trích trong tệp addons/website/static/src/js/editor/snippets. tùy chọn. js Nhập thông tin của người dùng từ trang web¶Trong quá trình phát triển Website, bạn cần phải tạo biểu mẫu để có thể lấy dữ liệu đã nhập của người dùng. Ở chủ đề này, chúng ta cùng tạo ra một trang HTML cho phép người dùng có thể thông báo lỗi về khóa học trên hệ thống Chuẩn bị¶Chúng ta sẽ tiếp tục sử dụng giáo dục mô-đun và cần phải thêm một mô hình mới để lưu trữ các vấn đề của khóa học được gửi từ người dùng
Chúng tôiTrợ giúpBản quyền © 2021 MarketingBlog Inc.
|