Mẫu phiếu lương html css

Tạo một tập tin mới có tên views/snippets. xml, thêm mã đoạn như bên dưới vào trong tệp và thêm tệp này vào bảng kê khai

...
   
      
      
   
...

Thêm ảnh của đoạn trích và ảnh bài học vào trong đường dẫn /education/static/src/img/. Khởi động lại server và mở edit-mode trong website bạn sẽ thấy kết quả như bên dưới. Đoạn trích có thể kéo-thớt, chỉnh sửa ngay trên trang web giao diện

Ảnh 14. 5 - Giao diện của đoạn trích trong chế độ Website Editor. ¶

Active mode¶

Sau khi tạo ra một Mẫu QWeb ở bước 1 và bước 2 để hiển thị thông tin các bài học, chúng tôi sẽ thêm đoạn trích mới vào danh sách đoạn trích của Odoo. Lúc này bạn sẽ cần kế thừa trang web. đoạn trích

Ghi chú

trang mạng. đoạn trích là một mẫu chứa các đoạn mã cơ bản và bạn có thể khám phá rất nhiều đoạn mã có sẵn của Odoo tại tệp /addons/website/views/snippets/snippets. xml

Trong chế độ chỉnh sửa trang web, các đoạn trích sẽ được chia thành từng phần dựa trên công dụng của chúng. Ở trong ví dụ này, chúng tôi thêm đoạn mã mới vào phần Cấu trúc thông qua thẻ xpath. Thuộc tính t-snippet và t-thumbnail sẽ cung cấp thông tin của đoạn trích bao gồm ID XML của mẫu QWeb và ảnh hiển thị của đoạn trích để thêm vào danh sách các đoạn mã đã có

Tùy chọn đoạn trích [một số lựa chọn cho đoạn trích] Hỗ trợ các thuộc tính như loại trừ dữ liệu, thả xuống gần dữ liệu và thả vào dữ liệu để xác định xem đoạn mã này sẽ được đặt ở vị trí nào khi kéo-thả

Sự thật

Đoạn mã tĩnh đơn giản chỉ là một mã HTML khối

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

Thê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

...
   
      
      
   
...

Trong 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/]

...
   
      
      
   
...

Thêm tệp mới /static/src/snippets. js để có thể hiển thị ảnh mẫu silde như bên dưới

...
   
      
      
   
...

Thê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

...
   
      
      
   
...

Sau 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

Ảnh 14. 6 - Giao diện của đoạn trích động trong chế độ Website Editor

Ảnh 14. 7 - Giao diện của đoạn trích sau khi thêm vào Trang web

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

• Thêm khóa học mô hình. phát hành và thêm một trường

  3 vào khóa học mô hình như bên dưới

...
   
      
      
   
...

• Add group Course Issue to in backend view of course

...
   
      
      
   
...

• Thêm quyền truy cập vào khóa học mô hình. phát hành vào ir. kiểu mẫu. truy cập. csv như bên dưới

...
   
      
      
   
...

Các bước thực hiện¶

Add new route to file main. py as bottom

...
   
      
      
   
...

Add a new template to file views/course_issue. xml as bottom

...
'depends': ['base', 'website'],
...

Thêm tiêu đề phần có điều kiện vào mẫu như bên dưới

...
'depends': ['base', 'website'],
...

Thêm phần để gửi báo lỗi vào template như dưới:

...
'depends': ['base', 'website'],
...

Cập nhật module giáo dục và truy cập đường dẫn /course/submit-issues để xem kết quả. Từ trang này, bạn có thể gửi vấn đề về khóa học. Sau khi nhấn nút gửi, bạn có thể tìm thấy các vấn đề về khóa học trong phụ trợ giao diện

Ảnh 14. 8 - Giao diện của trang báo lỗi khóa học. ¶

Ảnh 14. 9 - Giao diện phụ trợ sau khi người dùng gửi vấn đề khóa học. ¶

Active mode¶

Ở bước 1, chúng ta tạo ra một lộ trình để có thể gửi các vấn đề khóa học. Tham số

Ghi chú

Trong phần route, chúng ta sử dụng sudo[] để tạo vấn đề khóa học vì người dùng thông thường [khách truy cập] không có quyền truy cập vào khóa học mô hình. số báo

Ở các bước tiếp theo, chúng ta tạo mẫu cho trang vấn đề khóa học. Bạn sẽ thấy một phương thức có tên

Mẹo

Trong một số trường hợp, bạn có thể tắt

@http. route[‘/url’, type=’http’,auth=”user”, website=True, csrf=False]

Mẹo

Bạn có thể hạn chế yêu cầu

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

@http. route[‘/url’, type=’http’, method=’POST’ auth=”user”, website=True]

Quản lý tùy chọn SEO¶

Odoo cung cấp tính năng SEO cho các mẫu. Tuy nhiên, một số mẫu được sử dụng trong nhiều URL. Ví dụ, trong một cửa hàng trực tuyến, các trang được hiển thị với các mẫu giống nhau nhưng khác nhau về dữ liệu. Với những trường hợp như vậy, chúng ta sẽ phải xử lý SEO dữ liệu cho từng URL

Nếu như bạn đã cố gắng tùy chỉnh SEO trong Trang web cho từng khóa học, bạn sẽ nhận thấy khi thay đổi dữ liệu SEO cho một khóa học sẽ ảnh hưởng đến toàn bộ khóa học. Chúng ta sẽ giải quyết vấn đề đó trong phần này

Các bước thực hiện¶

Thêm kế thừa

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

...
'depends': ['base', 'website'],
...

Thêm mã đoạn vào tuyến đường

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

...
'depends': ['base', 'website'],
...

Cập nhật mô-đun giáo dục và thử thay đổi SEO trên từng khóa học, bạn sẽ thấy có sự khác biệt như bên dưới

Ảnh 14. 10 - SEO metadata default cho mọi URL về khóa học. ¶

Ảnh 14. 11 - Siêu dữ liệu SEO sau khi được gắn cho từng URL. ¶

Active mode¶

Để kích hoạt SEO trên từng bản ghi trong mô hình, bạn cần kế thừa vào lớp

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

Mẹo

Bạn có thể khám phá các lĩnh vực và phương pháp của

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

at path after addons/website/models/website. py

Các đoạn code về SEO được viết trong

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

Ghi chú

Trong Odoo, bạn có thể thêm các thẻ tuỳ chỉnh cho OpenGraph và Twitter khi chia sẻ. Để thực hiện được điều này, bạn cần phải override lại

$edu-text-color: #FFFFFF;

footer.o_footer {
   color: $edu-text-color;
}

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

Quản lý sơ đồ trang web của trang web¶

Sơ đồ trang web [Sơ đồ trang web] là một thành phần quan trọng đối với bất kỳ trang web nào. Công cụ tìm kiếm sẽ sử dụng sơ đồ trang web để đánh chỉ mục cho các trang trong Trang web. Trong chủ đề này, chúng ta sẽ cùng tìm hiểu cách bổ sung trang của từng khóa học vào sơ đồ trang web

Bạn có thể kiểm tra sitemap hiện tại của website trên Odoo bằng cách truy cập đường dẫn /sitemap.xml. Và như bạn thấy nó không có các trang của khoá học.

Ảnh 14. 12 - Nội dung của sitemap. xml default in Odoo. ¶

Các bước thực hiện¶

Nhập các phương thức dưới đây vào tệp chính. py

...
'depends': ['base', 'website'],
...

Thêm phương thức sitemap_course vào trường chính. py as bottom

...
'depends': ['base', 'website'],
...

Add sitemap_course vào tham số của route_detail

...
'depends': ['base', 'website'],
...

Cập nhật mô-đun để áp dụng thay đổi. Tệp sơ đồ trang web. xml được sinh ra và lưu trữ trong Tệp đính kèm. And file will be sinh back after the best time interval. Để thấy được kết quả của các bước trên, bạn cần phải xóa tệp sơ đồ trang web đã có trong Tệp đính kèm. Please access Setting. Kỹ thuật. Cấu trúc cơ sở dữ liệu. Tệp đính kèm, tìm kiếm sơ đồ trang web và xóa tệp. Bây giờ hãy truy cập URL /sitemap. xml và bạn sẽ thấy các trang khóa học đã được thêm vào sơ đồ trang web

Ảnh 14. 13 - Nội dung của sitemap. xml sau khi đã hoàn tất các bước trên. ¶

Active mode¶

Ở bước đầu tiên, chúng ta nhập một vài phương thức vào bộ điều khiển, trong đó

• $edu-text-color: #FFFFFF;
  
  footer.o_footer {
     color: $edu-text-color;
  }
  

  7 dược sử dụng để tạo ra một URL thân thiện dựa trên tên của bản ghi

• $edu-text-color: #FFFFFF;
  
  footer.o_footer {
     color: $edu-text-color;
  }
  

  8. được sử dụng để tạo tên miền dựa trên tuyến đường và chuỗi truy vấn

Ở bước tiếp theo, chúng ta thêm một chức năng

$edu-text-color: #FFFFFF;

footer.o_footer {
   color: $edu-text-color;
}

odoo.define['education', function [require] {
   var core = require['web.core'];
   alert[core._t['This is a test notification']];
   return {}
}];

$edu-text-color: #FFFFFF;

footer.o_footer {
   color: $edu-text-color;
}

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

$edu-text-color: #FFFFFF;

footer.o_footer {
   color: $edu-text-color;
}

Cuối cùng, đưa

$edu-text-color: #FFFFFF;

footer.o_footer {
   color: $edu-text-color;
}

Nhận thông tin quốc gia của người dùng truy cập trang web¶

Odoo CMS có hỗ trợ tính năng tích hợp cho GeoIP

Ghi chú

GeoIP là một phương pháp xác định vị trí địa lý của thiết bị đầu cuối máy vi tính, di chuyển kết nối internet bằng cách xác định địa chỉ IP của thiết bị đầu tiên cuối cùng

Trong topic này chúng ta cùng tìm hiểu cách ẩn số khóa học dựa theo quốc gia của người truy cập trang web thông qua địa chỉ IP

Để chuẩn bị cho các bước tiếp theo, chúng ta sẽ sử dụng lại ví dụ từ chủ đề trước về giáo dục mô-đun. Bạn cần phải tải về cơ sở dữ liệu của GeoIP, sau đó gán cơ sở dữ liệu đó vào trong dòng lệnh như bên dưới

...
'depends': ['base', 'website'],
...

Mẹo

Một số cơ sở dữ liệu về GeoIP

• Định vị địa lý IP. io [API và Cơ sở dữ liệu]

• API định vị địa lý IP trừu tượng [chỉ API]

• Cơ sở dữ liệu GeoLite2 của Maxmind [API & Cơ sở dữ liệu]

• IP2Location Lite

• ip2c. tổ chức

• GeoIP Nekudo

• API IP

Các bước thực hiện¶

Add field

odoo.define['education', function [require] {
   var core = require['web.core'];
   alert[core._t['This is a test notification']];
   return {}
}];

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

...
'depends': ['base', 'website'],
...

Thêm trường giới hạn quốc gia_ids vào chế độ xem biểu mẫu của

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

Cập nhật phần mã trong bộ điều khiển / khóa học để giới hạn chế độ khóa học theo quốc gia như bên dưới

Cập nhật giáo dục mô-đun để áp dụng những thay đổi trên. Thêm quốc gia của bạn vào trường quốc gia giới hạn chế độ của khóa học và thử truy cập vào URL /khóa học của khóa học để xem kết quả. Các khóa học bị giới hạn chế độ sẽ không được hiển thị trên web

Cảnh báo

Các bước thực hiện bên trên sẽ không thể hoạt động trên máy chủ cục bộ. Bởi vì với máy chủ cục bộ, bạn sẽ lấy được địa chỉ IP cục bộ, nhưng địa chỉ này không liên hệ đến quốc gia nào. Điều đó cần phải thực hiện trên máy chủ được lưu trữ. Bạn cũng cần phải cấu hình NGINX để phù hợp với ví dụ trên

Active mode¶

Ở một bước và hai bước, chúng tôi thêm vào mô hình

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

odoo.define['education', function [require] {
   var core = require['web.core'];
   alert[core._t['This is a test notification']];
   return {}
}];

Ở bước thứ ba, chúng tôi đã tìm nạp mã quốc gia từ GeoIP, theo sau là bộ bản ghi của quốc gia dựa trên country_code. Sau khi lấy được thông tin quốc gia của người dùng, chúng ta sẽ lọc khóa học với tên miền là các quốc gia có giới hạn chế độ

Mẹo

Nếu bạn không có máy chủ thật và bạn muốn thử các bước trên, bạn có thể thêm mã quốc gia mặc định vào bộ điều khiển như sau

country_code = yêu cầu. phiên họp. geoip và yêu cầu. phiên họp. geoip. lấy[‘mã_quốc_gia’] hoặc ‘VN’

Theo dõi hoạt động tiếp thị¶

Lợi tức đầu tư [ROI] làm một khái niệm quan trọng trong bất kỳ mô hình kinh doanh nào. Chỉ số ROI cho chúng ta biết về hiệu quả hay khả năng tạo ra lợi nhuận trong các khoản đầu tư. Nó được tính toán dựa trên số tiền đầu tư và lợi nhuận nhờ khoản đầu tư đó, được biểu thị dưới dạng phần trăm. Đặc biệt, việc đầu tư trong quảng cáo [advertise] có thể được theo dõi thông qua UTM trong Odoo. UTM [Urchin Tracking Module] là một chuỗi nhỏ được thêm vào URL của đối tượng mà bạn muốn theo dõi và nó có thể giúp bạn theo dõi các chiến dịch, nguồn và phương tiện của đối tượng trên đó. Trong chủ đề này, chúng tôi sẽ bổ sung thêm UTM cho các vấn đề được tạo cho từng khóa học

Các bước thực hiện¶

Để thực hiện ví dụ trong chủ đề này, chúng ta tiếp tục sử dụng lại mô-đun giáo dục

Thêm mô-đun utm vào phần phụ thuộc của tệp chính. py

Kế thừa utm. mixin cho model

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

Thêm trường campaign_id vào chế độ xem dạng cây của

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

Cuối cùng, hãy cập nhật giáo dục mô-đun để áp dụng thay đổi

Để kiểm tra tính năng UTM, bạn cần thực hiện theo các bước sau

• Trong Odoo, UTM sẽ được xử lý dựa trên cookie và một số trình duyệt không hỗ trợ cookie với localhost, do đó nếu bạn muốn kiểm tra trên localhost, hãy truy cập ví dụ với URL. http. //127. 0. 0. 1. 8069

Mặc dù vậy, theo dõi UTM sẽ ngăn chặn những người bán hàng [nhân viên bán hàng]. Do đó, bạn hãy đăng nhập với tư cách là người dùng cổng thông tin

• Truy cập vào URL http. //127. 0. 0. 1. 8069/course/submit_issues?utm_campaign=sale

• Gửi bản báo lỗi khóa học và kiểm tra bản báo lỗi đó ở giao diện phụ trợ. Bạn sẽ thấy kết quả như bên dưới

Ảnh 14. 14 - Chiến dịch được thêm vào bản báo lỗi ghi khóa học sau khi người dùng gửi thông báo lỗi. ¶

Active mode¶

UTM trong Odoo có ba trường kèm theo

• from odoo import http
  from odoo.http import request
  
  
  class Main[http.Controller]:
     @http.route['/course', type='http', auth="user", website=True]
     def course[self]:
        return request.render[
           'education.course', {
              'courses': request.env['course'].search[[]],
           }]
  

  4. trường

  from odoo import http
  from odoo.http import request
  
  
  class Main[http.Controller]:
     @http.route['/course', type='http', auth="user", website=True]
     def course[self]:
        return request.render[
           'education.course', {
              'courses': request.env['course'].search[[]],
           }]
  

  5 với mẫu

  from odoo import http
  from odoo.http import request
  
  
  class Main[http.Controller]:
     @http.route['/course', type='http', auth="user", website=True]
     def course[self]:
        return request.render[
           'education.course', {
              'courses': request.env['course'].search[[]],
           }]
  

  6, được sử dụng để theo dõi các chiến dịch khác nhau, ví dụ như Mùa hè hoặc Giáng sinh

• from odoo import http
  from odoo.http import request
  
  
  class Main[http.Controller]:
     @http.route['/course', type='http', auth="user", website=True]
     def course[self]:
        return request.render[
           'education.course', {
              'courses': request.env['course'].search[[]],
           }]
  

  7. trường

  from odoo import http
  from odoo.http import request
  
  
  class Main[http.Controller]:
     @http.route['/course', type='http', auth="user", website=True]
     def course[self]:
        return request.render[
           'education.course', {
              'courses': request.env['course'].search[[]],
           }]
  

  5 với model

  from odoo import http
  from odoo.http import request
  
  
  class Main[http.Controller]:
     @http.route['/course', type='http', auth="user", website=True]
     def course[self]:
        return request.render[
           'education.course', {
              'courses': request.env['course'].search[[]],
           }]
  

  9, được sử dụng để theo dõi các nguồn truy cập vào trang web, ví dụ như qua các công cụ tìm kiếm như Google, Bing,… hoặc các tên miền khác

• 00. trường

  from odoo import http
  from odoo.http import request
  
  
  class Main[http.Controller]:
     @http.route['/course', type='http', auth="user", website=True]
     def course[self]:
        return request.render[
           'education.course', {
              'courses': request.env['course'].search[[]],
           }]
  

  5 với model
  02, được sử dụng để theo dõi các phương tiện truyền thông đa phương tiện khác nhau như. email, banner quảng cáo,…

Để có thể sử dụng UTM, bạn cần chia sẻ URL trên các phương tiện truyền thông có định dạng như

Khi người dùng truy cập trang web từ bất kỳ phương tiện nào, các thông số của UTM sẽ được tự động ghi lại vào cơ sở dữ liệu

Ghi chú

Bạn có thể tạo các chiến dịch, nguồn truy cập, phương tiện truyền thông mới bằng cách vào mô-đun Trình theo dõi liên kết -> UTM trong chế độ nhà phát triển

Quản lý nhiều trang website¶

Odoo hỗ trợ tích hợp cho nhiều trang web. Điều đó có nghĩa là cùng một phiên bản Odoo có thể chạy trên nhiều tên miền và sẽ hiển thị các bản ghi khác nhau. Trong chủ đề này, chúng ta sẽ ẩn đi các khóa học dựa trên từng trang web

Các bước thực hiện¶

Thêm trang web. đa. trộn vào phần kế thừa cho khóa học mô hình như bên dưới

Thêm trường website_id vào chế độ xem biểu mẫu của khóa học như bên dưới

sửa lại phần tên miền cho bộ điều khiển /khóa học như bên dưới

Nhập thư viện werkzeug và tùy chỉnh bộ điều khiển Course_detail như bên dưới

Cập nhật lại giáo dục mô-đun để áp dụng thay đổi. Để kiểm tra chức năng này, hãy đặt các trang web khác nhau cho từng trang web. Vui lòng mở URL /khóa học và kiểm tra danh sách khóa học. Để chuyển đổi giữa các trang web trong mô-đun Trang web, hãy sử dụng Trình chuyển đổi trang web để có thể xem kết quả

Ảnh 14. 15 - Giao diện phụ trợ của module Giáo dục khi thêm trang web cho từng khóa học. ¶

Ảnh 14. 16 - Truy cập vào URL /khóa học với trang web. Trang web của tôi 2 để hiển thị danh sách các khóa học. ¶

Active mode¶

Ở bước đầu, chúng ta thêm trang web. đa. hỗn hợp. Đây là lớp có chức năng xử lý nhiều trang web cho mô hình. Đi theo trang web của lớp. đa. mixin là trường website_id dùng để xác định bản ghi sẽ được gắn cho bất kỳ trang web nào

Ở bước ba, chúng ta tùy chỉnh tên miền để tìm danh sách khóa học. yêu cầu. trang mạng. website_domain[] sẽ trả về tên miền đã được lọc bởi các khóa học không được gắn cùng trên một trang web

Ghi chú

Chúng ta sẽ gặp trường hợp muốn ghi được hiển thị ở tất cả các tên miền. Chúng ta có thể xử lý lý do bằng cách không đặt giá trị cho trường website_id trong phần phụ trợ

Nếu như bạn muốn ghi chú ở bước cuối, chúng ta thêm

Điều hướng URL cũ¶

Khi bạn chuyển hệ thống hoặc trang web đã có sang trang web Odoo, bạn phải điều hướng các URL cũ sang URL mới. Với điều hướng thích hợp, toàn bộ bảng xếp hạng SEO của bạn sẽ được chuyển sang trang mới. Trong chủ đề này, chúng ta sẽ tìm hiểu cách điều hướng URL cũ sang URL mới trong Odoo

Các bước thực hiện¶

Chúng ta hãy giả định rằng bạn đang có một trang web và muốn chuyển trang web đó về Odoo. Tại trang web cũ, các khóa học được liệt kê tại URL /course-list. Bây giờ, chúng ta sẽ thêm quy tắc điều hướng trong Odoo để điều hướng URL /course-list tới URL /course mới

Bật chế độ người phát triển [chế độ nhà phát triển]

Open Website. Cấu hình. chuyển hướng

Click Create to add a new rule

Nhập giá trị vào biểu mẫu. Trong mục URL từ, nhập /course-list và trong mục URL tới, nhập /course

Select Action with value 301 Đã di chuyển vĩnh viễn

Save back write. Sau khi điền đầy đủ thông tin ở các bước, bạn sẽ thấy như hình bên dưới

Ảnh 14. 17 - Tạo quy tắc điều hướng cho URL cũ. ¶

Active mode¶

Điều hướng trang trong Odoo được thực hiện một cách đơn giản như các bước trên. Có một số tùy chọn điều hướng mà Odoo cung cấp

• 404 không tìm thấy. this option is used if you want return message 404 Not Found on URL old

• 301 Đã di chuyển vĩnh viễn. lựa chọn này sẽ điều hướng các URL cũ tới các URL mới vĩnh viễn. Với kiểu này, tất cả các bảng xếp hạng SEO sẽ được chuyển về các URL mới

• 302 tạm thời di chuyển. hãy chọn lựa chọn này, hướng URL cũ tới URL mới tạm thời. Sử dụng tùy chọn này khi bạn muốn điều hướng tới các URL mới trong khoảng thời gian định trước và bảng xếp hạng SEO sẽ không chuyển về các URL mới

• Chuyển hướng 308/Viết lại. Với tùy chọn này, bạn có thể thay đổi/ghi lại URL cũ thành URL mới

Bạn có thể bật/tắt quy tắc điều hướng với trường Đang hoạt động. Bạn cũng có thể sử dụng trường Website khi sử dụng tính nắng nhiều trang web

Quản lý xuất bản cho các bản ghi liên quan tới trang web¶

Trong quá trình kinh doanh, có một số trường hợp bạn cần phải cho phép/thu hồi quyền truy cập trang của người dùng thông thường [người dùng công cộng]. Ví dụ: trong thương mại điện tử, bạn sẽ ra mắt sản phẩm/thu hồi sản phẩm dựa trên số lượng sản phẩm hiện có

Trong chủ đề này, chúng tôi sẽ tìm cách giúp bạn xuất bản/không xuất bản[xuất bản/hủy xuất bản] khóa học với người dùng thông thường

Ghi chú

Trong các routes /course và /course/, bạn sẽ thấy tham số

Các bước thực hiện¶

Chúng ta vẫn sẽ tiếp tục sử dụng các ví dụ ở chủ đề trước với giáo dục mô-đun

Add

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

Thêm một quy tắc bản ghi vào tệp giáo dục/an ninh/quy tắc. xml as bên dưới. Sau đó hãy thêm tệp này vào bảng kê khai

Cập nhật giáo dục mô-đun để áp dụng các thay đổi trên. Bây giờ, bạn có thể xuất bản/không xuất bản khóa học trên trang web bằng cách tắt/bật ngay trên trang web thanh công cụ

Ảnh 14. 18 - Chuyển đổi giữa xuất bản/không xuất bản trong trang web. ¶

Active mode¶

Khi thêm

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

Ghi chú

Chúng ta gửi bản ghi của khóa học như một

body main {
   background: rgb[171,214,153];
   background: linear-gradient[30deg, rgba[171,214,153,1] 50%, rgba[255,226,106,1] 100%];
}

Bước tiếp theo, chúng ta thêm một

odoo.define['education', function [require] {
   var core = require['web.core'];
   alert[core._t['This is a test notification']];
   return {}
}];

Như vậy chúng ta học được cách làm chủ các tính năng nổi bật trong Odoo CMS. Odoo cung cấp cho người dùng và lập trình viên một trải nghiệm thân thiện trong môi trường phát triển Website