Hướng dẫn html tags in java - thẻ html trong java

Tôi có một Java

    
8 mà tôi cần xuất hiện trong một cơ thể thư. Sau tin nhắn này, tôi muốn thêm nút HTML. Tôi có thể làm cái này như thế nào?

Nội phân chính

  • Thuộc tính thẻ thành phần phổ biến
  • Thuộc tính ID
  • Thuộc tính ngay lập tức
  • Thuộc tính được hiển thị
  • Phong cách và các thuộc tính phong cách
  • Các thuộc tính giá trị và ràng buộc
  • Thêm thẻ HTML và thẻ cơ thể
  • Thêm thành phần biểu mẫu
  • Sử dụng các thành phần văn bản
  • Kết xuất một trường văn bản với thẻ H: InputText
  • Hiển thị trường mật khẩu với thẻ H: InputSecret
  • Hiển thị một nhãn với thẻ H: OutputLabel
  • Kết xuất một siêu liên kết với thẻ H: OutputLink
  • Hiển thị thông báo được định dạng với thẻ H: OutputFormat
  • Sử dụng thẻ thành phần lệnh để thực hiện hành động và điều hướng
  • Hiển thị một nút với thẻ H: CommandButton
  • Kết xuất một siêu liên kết với thẻ H: CommandLink
  • Thêm đồ họa và hình ảnh với thẻ H: GraphicImage
  • Đặt ra các thành phần với H: Panelgrid và H: Tag nhóm bảng điều khiển
  • Hiển thị các thành phần để chọn một giá trị
  • Hiển thị hộp kiểm bằng thẻ H: selectBooleanCheckbox
  • Hiển thị menu bằng thẻ H: selectonemenu
  • Hiển thị các thành phần để chọn nhiều giá trị
  • Sử dụng các thẻ F: selectItem và f: selectItems
  • Sử dụng thẻ F: selectItems
  • Sử dụng thẻ F: selectItem
  • Sử dụng các thành phần bảng gắn dữ liệu
  • Hiển thị thông báo lỗi với H: Tin nhắn và H: Thẻ tin nhắn
  • Tạo các URL có thể đánh dấu với nút H: và H: liên kết
  • Sử dụng các tham số xem để định cấu hình URL có thể đánh dấu
  • Di chuyển tài nguyên bằng cách sử dụng H: Thẻ đầu ra
  • Làm cách nào để thêm thẻ HTML vào chuỗi trong Java?
  • Chúng ta có thể viết mã HTML trong Java không?
  • Thẻ HTML trong Java là gì?
  • Java có thể đọc tệp HTML không?

Chuỗi của tôi:

String customerMessage = "Hi, We have received your request. Your account will be unblocked within 48 hours.

Những gì tôi muốn thêm là sau khi 2 dòng phá vỡ:


  Click me !

Nick Parsons

41.3k6 Huy hiệu vàng36 Huy hiệu bạc60 Huy hiệu đồng6 gold badges36 silver badges60 bronze badges

Hỏi ngày 25 tháng 4 năm 2019 lúc 11:09Apr 25, 2019 at 11:09

2

Bạn cần viết mã HTML dưới dạng chuỗi và thêm

    
9 vào chuỗi để phá vỡ. Giống :

StringBuilder sb = new StringBuilder[];
sb.append["Hi, We have received your request. Your account will be unblocked within 48 hours."];
sb.append["

Click me !
0

Thuộc tính của thẻ H: OutputLabel bản đồ vào ID của trường đầu vào mà nhãn được đính kèm. Thẻ H: OutputText lồng nhau bên trong thẻ H: OutputLabel đại diện cho thành phần nhãn. Thuộc tính giá trị trên thẻ H: OutputText cho biết văn bản được hiển thị bên cạnh trường đầu vào.

Thay vì sử dụng thẻ H: OutputText cho văn bản được hiển thị dưới dạng nhãn, bạn có thể chỉ cần sử dụng thuộc tính giá trị thẻ H: OutputLabel. Snippet mã sau đây cho thấy đoạn mã trước sẽ trông như thế nào nếu nó sử dụng thuộc tính giá trị của thẻ H: OutputLabel để chỉ định văn bản của nhãn:


  Click me !

1

Kết xuất một siêu liên kết với thẻ H: OutputLink

Thẻ H: OutputLink được sử dụng để hiển thị một siêu liên kết, khi nhấp vào, tải một trang khác nhưng không tạo ra một sự kiện hành động. Bạn nên sử dụng thẻ này thay vì thẻ H: CommandLink Nếu bạn luôn muốn URL được chỉ định bởi Thẻ H: OutputLink Tag Thẻ giá trị giá trị để mở và không muốn bất kỳ xử lý nào được thực hiện khi người dùng nhấp vào liên kết. Đây là một ví dụ:


  Click me !

2

Văn bản trong phần thân của thẻ OutputLink xác định văn bản mà người dùng nhấp để đến trang tiếp theo.

Hiển thị thông báo được định dạng với thẻ H: OutputFormat

Thẻ H: OutputFormat cho phép hiển thị các thông báo được nối dưới dạng mẫu MessageFormat, như được mô tả trong tài liệu API cho java.text.messageformat. Dưới đây là một ví dụ về thẻ đầu ra:


  Click me !

3

Thuộc tính giá trị chỉ định mẫu MessageFormat. Thẻ PARAM chỉ định các tham số thay thế cho thông báo. Giá trị của tham số thay thế {0} trong câu. Nếu giá trị của "#{hello.name}" là Bill Bill, thì thông báo được hiển thị trong trang như sau:

Thẻ H: OutputFormat có thể bao gồm nhiều thẻ tham số cho những thông báo có nhiều tham số phải được nối vào thông báo. Nếu bạn có nhiều tham số cho một thông báo, hãy đảm bảo rằng bạn đặt các thẻ param theo thứ tự thích hợp để dữ liệu được chèn vào đúng vị trí trong thông báo. Dưới đây là ví dụ trước được sửa đổi với một tham số bổ sung:


  Click me !

4

Giá trị của {1} được thay thế bằng tham số thứ hai. Tham số là một biểu thức EL, bean.numvisitor, trong đó tài sản Numvisitor của Bean Bean Bean đã theo dõi khách truy cập vào trang. Đây là một ví dụ về thuộc tính thẻ hỗ trợ biểu hiện giá trị chấp nhận biểu thức EL. Thông báo được hiển thị trong trang bây giờ như sau:


  Click me !

5

Trong Javaserver đối mặt với các ứng dụng, các thẻ thành phần nút và siêu liên kết được sử dụng để thực hiện các hành động, chẳng hạn như gửi biểu mẫu và để điều hướng đến một trang khác. Các thẻ này được gọi là thẻ thành phần lệnh vì chúng thực hiện một hành động khi được kích hoạt.

Thẻ H: CommandButton được hiển thị dưới dạng nút. Thẻ H: CommandLink được hiển thị dưới dạng siêu liên kết.

Ngoài các thuộc tính thẻ được liệt kê trong các thuộc tính thẻ thành phần chung, các thẻ H: CommandButton và H: CommandLink có thể sử dụng các thuộc tính sau:

  • Hành động, đó là một chuỗi kết quả hợp lý hoặc biểu thức phương thức trỏ đến một phương thức Bean trả về chuỗi kết quả logic. Trong cả hai trường hợp, chuỗi kết quả logic được sử dụng để xác định trang nào để truy cập khi thẻ thành phần lệnh được kích hoạt.

  • ActionListener, đây là một biểu thức phương thức trỏ đến một phương thức Bean xử lý một sự kiện hành động được bắn bởi thẻ thành phần lệnh.

Xem tham chiếu một phương thức thực hiện điều hướng để biết thêm thông tin về việc sử dụng thuộc tính hành động. Xem tham chiếu một phương thức xử lý một sự kiện hành động để biết chi tiết về việc sử dụng thuộc tính ActionListener.

Hiển thị một nút với thẻ H: CommandButton

Nếu bạn đang sử dụng thẻ thành phần CommandButton, dữ liệu từ trang hiện tại sẽ được xử lý khi người dùng nhấp vào nút và trang tiếp theo được mở. Dưới đây là một ví dụ về thẻ H: CommandButton:


  Click me !

6

Nhấp vào nút sẽ khiến phương thức gửi của thu ngân được gọi vì thuộc tính hành động tham khảo Phương thức này. Phương thức gửi thực hiện một số xử lý và trả về một kết quả hợp lý.

Thuộc tính giá trị của thẻ CommandButton ví dụ tham chiếu nhãn nút. Để biết thông tin về cách sử dụng thuộc tính hành động, hãy xem tham chiếu một phương thức thực hiện điều hướng.

Kết xuất một siêu liên kết với thẻ H: CommandLink

Thẻ H: CommandLink đại diện cho một siêu liên kết HTML và được hiển thị dưới dạng phần tử HTML. Thẻ này hoạt động giống như một nút gửi biểu mẫu và được sử dụng để gửi một sự kiện hành động cho ứng dụng.

Thẻ H: CommandLink phải bao gồm thẻ H: OutputText lồng nhau, đại diện cho văn bản mà người dùng nhấp để tạo sự kiện. Đây là một ví dụ:


  Click me !

7

Thẻ này sẽ hiển thị HTML sau:


  Click me !

8

Ghi chú -

Thẻ H: CommandLink sẽ hiển thị ngôn ngữ lập trình JavaScript. Nếu bạn sử dụng thẻ này, hãy đảm bảo rằng trình duyệt của bạn được bật cho công nghệ JavaScript.

Thêm đồ họa và hình ảnh với thẻ H: GraphicImage

Trong ứng dụng Javaserver Face, hãy sử dụng thẻ H: GraphicImage để hiển thị hình ảnh trên trang:


  Click me !

9

Thuộc tính URL chỉ định đường dẫn đến hình ảnh. URL của thẻ ví dụ bắt đầu bằng A /, thêm đường dẫn ngữ cảnh tương đối của ứng dụng web vào đầu đường dẫn đến hình ảnh.

Ngoài ra, bạn có thể sử dụng cơ sở được mô tả trong các tài nguyên để trỏ đến vị trí hình ảnh. Đây là một ví dụ:

StringBuilder sb = new StringBuilder[];
sb.append["Hi, We have received your request. Your account will be unblocked within 48 hours."];
sb.append["

Click me !"];
0

Trong một ứng dụng Javaserver đối mặt, bạn sử dụng bảng điều khiển làm thùng chứa bố cục cho một tập hợp các thành phần khác. Một bảng điều khiển được hiển thị dưới dạng bảng HTML. Bảng & nbsp; 7 Lỗi6 liệt kê các thẻ được sử dụng để tạo bảng.

Bảng & NBSP; 7 Thẻ thành phần bảng điều khiển6

Tag 

Thuộc tính & nbsp;

Function 

H: Panelgrid

Cột, Lớp cột, Lớp chân, Lớp đầu, Lớp bảng, Lớp học

Hiển thị bảng & nbsp;

H: Nhóm bảng

cách trình bày

Nhóm một tập hợp các thành phần dưới một cha mẹ & nbsp;

Thẻ H: Panelgrid được sử dụng để biểu thị toàn bộ bảng. Thẻ H: Panelgroup được sử dụng để biểu diễn các hàng trong bảng. Các thẻ khác được sử dụng để thể hiện các ô riêng lẻ trong các hàng.

Thuộc tính cột xác định cách nhóm dữ liệu trong bảng và do đó được yêu cầu nếu bạn muốn bảng của bạn có nhiều hơn một cột. Thẻ H: PanelGrid cũng có một tập hợp các thuộc tính tùy chọn chỉ định các lớp CSS: các lớp cột, footerclass, class, bảng điều khiển và lớp hàng.

Nếu giá trị thuộc tính lớp tiêu đề được chỉ định, panelgrid phải có tiêu đề là đứa con đầu lòng. Tương tự, nếu giá trị thuộc tính Footerclass được chỉ định, bảng điều khiển phải có chân trang là đứa con cuối cùng của nó.

Đây là một ví dụ:

StringBuilder sb = new StringBuilder[];
sb.append["Hi, We have received your request. Your account will be unblocked within 48 hours."];
sb.append["

Click me !"];
1

Thẻ H: Panelgrid trước được hiển thị dưới dạng bảng chứa các thành phần trong đó khách hàng nhập thông tin cá nhân. Thẻ H: Panelgrid sử dụng các lớp biểu định kiểu để định dạng bảng. Mã sau đây hiển thị định nghĩa tiêu đề danh sách:

StringBuilder sb = new StringBuilder[];
sb.append["Hi, We have received your request. Your account will be unblocked within 48 hours."];
sb.append["

Click me !"];
2

Bởi vì thẻ H: Panelgrid chỉ định một lớp tiêu đề, panelgrid phải chứa một tiêu đề. Thẻ panelgrid ví dụ sử dụng thẻ mặt cho tiêu đề. Các khía cạnh chỉ có thể có một đứa trẻ, vì vậy cần có thẻ H: Panelgroup nếu bạn muốn nhóm nhiều hơn một thành phần trong một khía cạnh. Ví dụ H: Thẻ panelgrid chỉ có một ô dữ liệu, do đó, không cần thẻ H: Panelgroup.

Thẻ H: Panelgroup có một thuộc tính, bố cục, ngoài các thuộc tính được liệt kê trong các thuộc tính thẻ thành phần chung. Nếu thuộc tính bố cục có khối giá trị, phần tử div HTML được hiển thị để đặt hàng hàng; Mặt khác, một phần tử nhịp HTML được hiển thị để đặt hàng hàng. Nếu bạn đang chỉ định các kiểu cho thẻ H: Panelgroup, bạn nên đặt thuộc tính bố cục thành khối để các kiểu được áp dụng cho các thành phần trong thẻ H: Panelgroup. Bạn nên làm điều này bởi vì các kiểu, chẳng hạn như các kiểu đặt chiều rộng và chiều cao, không được áp dụng cho các phần tử nội tuyến, đó là cách xác định nội dung của phần tử nhịp được xác định.

Thẻ H: Panelgroup cũng có thể được sử dụng để đóng gói một cây thành phần lồng nhau để cây các thành phần xuất hiện như một thành phần duy nhất cho thành phần gốc.

Dữ liệu, được biểu thị bằng các thẻ lồng nhau, được nhóm thành các hàng theo giá trị của thuộc tính cột của thẻ H: panelgrid. Thuộc tính cột trong ví dụ được đặt thành 3 và do đó bảng sẽ có ba cột. Cột trong đó mỗi thành phần được hiển thị được xác định theo thứ tự trong đó thành phần được liệt kê trên trang modulo 3. Vì vậy, nếu một thành phần là phần thứ năm trong danh sách các thành phần, thành phần đó sẽ nằm trong cột 5 modulo 3 , hoặc cột 2.

Hiển thị các thành phần để chọn một giá trị

Một thành phần thường được sử dụng khác là một thành phần cho phép người dùng chọn một giá trị, cho dù đó là giá trị duy nhất có sẵn hoặc một trong một tập hợp các lựa chọn. Các thẻ phổ biến nhất cho loại thành phần này như sau:

  • Một thẻ H: selectBooleanCheckbox, được hiển thị dưới dạng hộp kiểm, đại diện cho trạng thái boolean

  • Một thẻ H: selectoneradio, được hiển thị dưới dạng một bộ nút radio

  • Một thẻ H: selectonemenu, được hiển thị dưới dạng menu thả xuống, với danh sách có thể cuộn

  • Một thẻ H: selectonelistbox, được hiển thị dưới dạng hộp danh sách, với danh sách không thể kiểm soát được

Hình & nbsp; 7 Vang3 cho thấy các ví dụ về các thành phần này.

Hình & NBSP; 7 Các thành phần ví dụ

Hiển thị hộp kiểm bằng thẻ H: selectBooleanCheckbox

Thẻ H: selectbooleancheckbox là thẻ duy nhất mà công nghệ Javaserver phải đối mặt cung cấp cho việc đại diện cho trạng thái Boolean.

Dưới đây là một ví dụ cho thấy cách sử dụng thẻ H: selectBooleanCheckBox:

StringBuilder sb = new StringBuilder[];
sb.append["Hi, We have received your request. Your account will be unblocked within 48 hours."];
sb.append["

Click me !"];
3

Thẻ ví dụ này hiển thị hộp kiểm để cho phép người dùng cho biết liệu họ có muốn tham gia Câu lạc bộ Fan Duke hay không. Nhãn cho hộp kiểm được hiển thị bởi thẻ OutputLabel. Văn bản được biểu thị bằng thẻ đầu ra lồng nhau.

Hiển thị menu bằng thẻ H: selectonemenu

Một thành phần cho phép người dùng chọn một giá trị từ một tập hợp các giá trị có thể được hiển thị dưới dạng hộp danh sách, một bộ nút radio hoặc menu. Phần này mô tả thẻ H: selectonemenu. Các thẻ H: selectoneradio và H: selectonelistbox được sử dụng theo cách tương tự. Thẻ H: selectonelistbox tương tự như thẻ H: selectonemenu ngoại trừ H: selectonelistBox xác định thuộc tính kích thước xác định số lượng mục được hiển thị cùng một lúc.

Thẻ H: selectonemenu đại diện cho một thành phần chứa danh sách các mục mà người dùng có thể chọn một mục. Thành phần menu này cũng thường được gọi là danh sách thả xuống hoặc hộp kết hợp. Snippet mã sau đây cho thấy cách thẻ H: selectonemenu được sử dụng để cho phép người dùng chọn phương thức vận chuyển:

StringBuilder sb = new StringBuilder[];
sb.append["Hi, We have received your request. Your account will be unblocked within 48 hours."];
sb.append["

Click me !"];
4

Thuộc tính giá trị của thẻ H: selectonemenu cho thuộc tính giữ giá trị mục hiện được chọn. Bạn không bắt buộc phải cung cấp một giá trị cho mục hiện được chọn. Nếu bạn không cung cấp một giá trị, mục đầu tiên trong danh sách được chọn theo mặc định.

Giống như thẻ H: selectoneradio, thẻ selectonemenu phải chứa thẻ F: selectItems hoặc một bộ thẻ F: selectItem để biểu diễn các mục trong danh sách. Sử dụng các thẻ F: selectItem và f: selectItems mô tả các thẻ này.

Hiển thị các thành phần để chọn nhiều giá trị

Trong một số trường hợp, bạn cần cho phép người dùng của mình chọn nhiều giá trị thay vì chỉ một giá trị từ danh sách các lựa chọn. Bạn có thể làm điều này bằng cách sử dụng một trong các thẻ thành phần sau:

  • Một thẻ H: selectManyCheckBox, được hiển thị dưới dạng một bộ hộp kiểm

  • Một thẻ H: selectmanymenu, được hiển thị dưới dạng menu thả xuống

  • Một thẻ H: selectManylistBox, được hiển thị dưới dạng hộp danh sách

Hình & nbsp; 7 Vang4 cho thấy các ví dụ về các thành phần này.

Hình & NBSP; 7 Các thành phần ví dụ 4 để chọn nhiều giá trị

Các thẻ này cho phép người dùng chọn 0 hoặc nhiều giá trị từ một tập hợp các giá trị. Phần này giải thích thẻ H: selectManyCheckbox. Các thẻ H: selectManylistBox và H: selectmanymenu được sử dụng theo cách tương tự.

Không giống như menu, hộp danh sách hiển thị một tập hợp các mục trong hộp; Một menu chỉ hiển thị một mục tại một thời điểm mà người dùng không chọn menu. Thuộc tính kích thước của thẻ H: selectManylistBox xác định số lượng mục được hiển thị cùng một lúc. Hộp danh sách bao gồm một thanh cuộn để cuộn qua bất kỳ mục còn lại trong danh sách.

Thẻ H: selectManyCheckbox hiển thị một bộ hộp kiểm, với mỗi hộp kiểm đại diện cho một giá trị có thể được chọn:

StringBuilder sb = new StringBuilder[];
sb.append["Hi, We have received your request. Your account will be unblocked within 48 hours."];
sb.append["

Click me !"];
5

Thuộc tính giá trị của thẻ H: selectManyCheckbox xác định thuộc tính bản tin của bean sao lưu nhân viên thu ngân. Thuộc tính này giữ các giá trị của các mục hiện được chọn từ tập hợp các hộp kiểm. Bạn không bắt buộc phải cung cấp một giá trị cho các mục hiện được chọn. Nếu bạn không cung cấp một giá trị, mục đầu tiên trong danh sách được chọn theo mặc định.

Thuộc tính bố cục cho biết cách sắp xếp bộ hộp kiểm trên trang. Bởi vì bố cục được đặt thành pagedirection, các hộp kiểm được sắp xếp theo chiều dọc. Mặc định là LinedItion, sắp xếp các hộp kiểm theo chiều ngang.

Thẻ H: selectManyCheckBox cũng phải chứa một thẻ hoặc bộ thẻ đại diện cho tập hợp các hộp kiểm. Để đại diện cho một tập hợp các mục, bạn sử dụng thẻ F: selectItems. Để thể hiện từng mục riêng lẻ, bạn sử dụng thẻ F: selectItem. Các tiểu mục sau đây giải thích các thẻ này chi tiết hơn.

Các thẻ F: selectItem và F: selectItems đại diện cho các thành phần có thể được lồng bên trong một thành phần cho phép bạn chọn một hoặc nhiều mục. Thẻ F: ChọnItem chứa giá trị, nhãn và mô tả của một mục. Thẻ F: ChọnItems chứa các giá trị, nhãn và mô tả của toàn bộ danh sách các mục.

Bạn có thể sử dụng một bộ thẻ F: selectItem hoặc một thẻ F: selectItems trong thẻ thành phần của bạn.

Những lợi thế của việc sử dụng thẻ F: selectItems như sau.

  • Các mục có thể được biểu diễn bằng cách sử dụng các cấu trúc dữ liệu khác nhau, bao gồm mảng, bản đồ và thu thập. Giá trị của thẻ F: selectItems có thể đại diện cho một bộ sưu tập chung của pojos.

  • Các danh sách khác nhau có thể được nối thành một thành phần duy nhất và các danh sách có thể được nhóm lại trong thành phần.

  • Các giá trị có thể được tạo động trong thời gian chạy.

Những lợi thế của việc sử dụng F: selectItem như sau:

  • Các mục trong danh sách có thể được xác định từ trang.

  • Ít mã hơn là cần thiết trong bean cho các thuộc tính selectItem.

Phần còn lại của phần này chỉ cho bạn cách sử dụng các thẻ F: selectItems và f: selectItem.

Sử dụng thẻ F: selectItems

Ví dụ sau khi hiển thị các thành phần để chọn nhiều giá trị cho thấy cách sử dụng thẻ H: selectManyCheckBox:

StringBuilder sb = new StringBuilder[];
sb.append["Hi, We have received your request. Your account will be unblocked within 48 hours."];
sb.append["

Click me !"];
5

Thuộc tính giá trị của thẻ F: selectItems được liên kết với các bản tin đậu sao lưu.

Bạn cũng có thể tạo danh sách các mục được lập trình trong bean ủng hộ. Xem Viết các thuộc tính Bean để biết thông tin về cách viết thuộc tính Backing Bean cho một trong các thẻ này.

Sử dụng thẻ F: selectItem

Thẻ F: selectItem đại diện cho một mục duy nhất trong danh sách các mục. Dưới đây là ví dụ từ việc hiển thị menu bằng thẻ H: selectonemenu một lần nữa:

StringBuilder sb = new StringBuilder[];
sb.append["Hi, We have received your request. Your account will be unblocked within 48 hours."];
sb.append["

Click me !"];
7

Thuộc tính itemValue biểu thị giá trị mặc định cho thẻ selectItem. Thuộc tính itemLabel đại diện cho chuỗi xuất hiện trong thành phần menu thả xuống trên trang.

Các thuộc tính itemValue và itemLabel được kích hoạt liên kết giá trị, có nghĩa là chúng có thể sử dụng các biểu thức liên kết giá trị để đề cập đến các giá trị trong các đối tượng bên ngoài. Các thuộc tính này cũng có thể xác định các giá trị theo nghĩa đen, như được hiển thị trong ví dụ H: selectonemenu.

Sử dụng các thành phần bảng gắn dữ liệu

Các thành phần bảng liên kết dữ liệu hiển thị dữ liệu quan hệ theo định dạng bảng. Trong ứng dụng Javaserver phải đối mặt, thẻ H: DataTable thành phần hỗ trợ liên kết với bộ sưu tập các đối tượng dữ liệu và hiển thị dữ liệu dưới dạng bảng HTML. Thẻ cột H: biểu thị một cột dữ liệu trong bảng, lặp lại trên mỗi bản ghi trong nguồn dữ liệu, được hiển thị dưới dạng một hàng. Đây là một ví dụ:

StringBuilder sb = new StringBuilder[];
sb.append["Hi, We have received your request. Your account will be unblocked within 48 hours."];
sb.append["

Click me !"];
8

Hình & NBSP; 7 Vang5 hiển thị một lưới dữ liệu mà thẻ H: DataTable này có thể hiển thị.

Hình & NBSP; 7 bảng5 trên trang web

Ví dụ H: Thẻ DataTable hiển thị các cuốn sách trong giỏ hàng, cũng như số lượng của mỗi cuốn sách trong giỏ hàng, giá cả và một bộ nút mà người dùng có thể nhấp để xóa sách khỏi giỏ hàng.

Thẻ cột H: biểu thị các cột của dữ liệu trong một thành phần dữ liệu. Mặc dù thành phần dữ liệu đang lặp lại trên các hàng dữ liệu, nhưng nó xử lý thành phần cột được liên kết với mỗi thẻ cột H: cho mỗi hàng trong bảng.

Thẻ H: DataTable được hiển thị trong ví dụ mã trước đó lặp qua danh sách các cuốn sách [cart.items] trong giỏ hàng và hiển thị tiêu đề, tác giả và giá cả của họ. Mỗi lần thẻ H: DataTable lặp đi qua danh sách các cuốn sách, nó sẽ hiển thị một ô trong mỗi cột.

H: DataTable và H: Thẻ cột Sử dụng các mặt để biểu diễn các phần của bảng không được lặp lại hoặc cập nhật. Những phần này bao gồm tiêu đề, chân trang và chú thích.

Trong ví dụ trước, H: Thẻ cột bao gồm các thẻ F: FACET để biểu diễn các tiêu đề hoặc chân trang. Thẻ cột H: cho phép bạn kiểm soát các kiểu của các tiêu đề và chân trang này bằng cách hỗ trợ các thuộc tính Lớp và Footerclass. Các thuộc tính này chấp nhận danh sách các lớp CSS được phân tách không gian, sẽ được áp dụng cho các ô tiêu đề và chân trang của cột tương ứng trong bảng được kết xuất.

Các khía cạnh chỉ có thể có một đứa trẻ, vì vậy cần có thẻ H: Panelgroup nếu bạn muốn nhóm nhiều hơn một thành phần trong F: Facet. Bởi vì thẻ mặt đại diện cho chân trang bao gồm nhiều thẻ, nên nhóm bảng điều khiển là cần thiết để nhóm các thẻ đó. Cuối cùng, thẻ H: DataTable này bao gồm thẻ F: Facet với thuộc tính tên của nó được đặt thành chú thích, khiến chú thích bảng được hiển thị bên dưới bảng.

Bảng này là một trường hợp sử dụng cổ điển cho một thành phần dữ liệu vì số lượng sách có thể không được biết đối với nhà phát triển ứng dụng hoặc tác giả trang khi ứng dụng đó được phát triển. Thành phần dữ liệu có thể tự động điều chỉnh số lượng hàng của bảng để chứa dữ liệu cơ bản.

Thuộc tính giá trị của một thẻ H: DataTable tham chiếu dữ liệu được bao gồm trong bảng. Dữ liệu này có thể ở dạng bất kỳ điều nào sau đây:

  • Một danh sách các loại đậu

  • Một mảng đậu

  • Một hạt đậu

  • Một đối tượng javax.faces.model.datamodel

  • Một đối tượng java.sql.resultset

  • Một javax.servlet.jsp.jstl.sql.result đối tượng

  • Một đối tượng javax.sql.rowset

Tất cả các nguồn dữ liệu cho các thành phần dữ liệu có trình bao bọc dữ liệu. Trừ khi bạn xây dựng một cách rõ ràng một trình bao bọc dữ liệu, Javaserver phải đối mặt với việc triển khai sẽ tạo ra một dữ liệu xung quanh bất kỳ loại nào khác được chấp nhận. Xem Viết Thuộc tính Bean để biết thêm thông tin về cách viết thuộc tính để sử dụng với thành phần dữ liệu.

Thuộc tính VAR chỉ định một tên được sử dụng bởi các thành phần trong thẻ H: DataTable làm bí danh cho dữ liệu được tham chiếu trong thuộc tính giá trị của DataTable.

Trong ví dụ H: Thẻ DataTable, thuộc tính giá trị trỏ đến danh sách các cuốn sách. Thuộc tính VAR trỏ đến một cuốn sách duy nhất trong danh sách đó. Khi thẻ H: DataTable lặp qua danh sách, mỗi tham chiếu đến mục chỉ vào cuốn sách hiện tại trong danh sách.

Thẻ H: DataTable cũng có khả năng chỉ hiển thị một tập hợp con của dữ liệu cơ bản. Tính năng này không được hiển thị trong ví dụ trước. Để hiển thị một tập hợp con của dữ liệu, bạn sử dụng các thuộc tính đầu tiên và hàng tùy chọn.

Thuộc tính đầu tiên chỉ định hàng đầu tiên được hiển thị. Thuộc tính hàng chỉ định số lượng hàng, bắt đầu với hàng đầu tiên, được hiển thị. Ví dụ: nếu bạn muốn hiển thị các bản ghi 2 đến 10 của dữ liệu cơ bản, bạn sẽ đặt đầu tiên thành 2 và các hàng thành 9. Khi bạn hiển thị một tập hợp dữ liệu trong các trang của mình, bạn có thể muốn xem xét bao gồm một liên kết hoặc nút Điều đó gây ra các hàng tiếp theo để hiển thị khi nhấp. Theo mặc định, cả đầu tiên và hàng đều được đặt thành 0 và điều này khiến tất cả các hàng của dữ liệu cơ bản hiển thị.

Bảng & NBSP; 7 Vang7 hiển thị các thuộc tính tùy chọn cho thẻ H: DataTable.

Bảng & NBSP; 7 Thuộc tính tùy chọn cho

h:dataTable

Nhãn

Attribute 

Xác định các kiểu cho & nbsp;

Chú thích

Chú thích bảng & NBSP;

Lớp cột

Tất cả các cột & nbsp;

Lớp chân

Footer 

Lớp đầu

Header 

Các lớp học

Rows 

Phong cách

Toàn bộ bảng & nbsp;

Mỗi thuộc tính trong bảng & nbsp; 7 trận7 có thể chỉ định nhiều hơn một kiểu. Nếu các lớp cột hoặc các lớp hàng chỉ định nhiều hơn một kiểu, các kiểu được áp dụng cho các cột hoặc hàng theo thứ tự mà các kiểu được liệt kê trong thuộc tính. Ví dụ: nếu các lớp học chỉ định kiểu danh sách trung tâm cột và trung tâm danh sách và nếu bảng có hai cột, cột đầu tiên sẽ có kiểu trung tâm danh sách phong cách và cột thứ hai sẽ có phong cách Danh sách-COLLUMN .

Nếu thuộc tính kiểu chỉ định nhiều kiểu hơn các cột hoặc hàng, các kiểu còn lại sẽ được gán cho các cột hoặc hàng bắt đầu từ cột hoặc hàng đầu tiên. Tương tự, nếu thuộc tính kiểu chỉ định ít kiểu hơn so với các cột hoặc hàng, các cột hoặc hàng còn lại sẽ được gán các kiểu bắt đầu từ kiểu đầu tiên.

Các thẻ H: Tin nhắn và H: Tin nhắn được sử dụng để hiển thị thông báo lỗi khi chuyển đổi hoặc xác thực không thành công. Thẻ tin nhắn H: Hiển thị các thông báo lỗi liên quan đến một thành phần đầu vào cụ thể, trong khi thẻ H: Tin nhắn Hiển thị thông báo lỗi cho toàn bộ trang.

Dưới đây là một ví dụ H: Thẻ tin nhắn từ ứng dụng GuessNumber:

StringBuilder sb = new StringBuilder[];
sb.append["Hi, We have received your request. Your account will be unblocked within 48 hours."];
sb.append["

Click me !"];
9

Thuộc tính FOR đề cập đến ID của thành phần đã tạo thông báo lỗi. Thông báo lỗi được hiển thị tại cùng một vị trí mà thẻ tin nhắn H: xuất hiện trong trang. Trong trường hợp này, thông báo lỗi sẽ xuất hiện sau nút gửi.

Thuộc tính kiểu cho phép bạn chỉ định kiểu văn bản của tin nhắn. Trong ví dụ trong phần này, văn bản sẽ là Red, New Century Schoolbook, Serif Font Family và Outrique Style, và một dòng sẽ xuất hiện trên văn bản. Thẻ tin nhắn và tin nhắn hỗ trợ nhiều thuộc tính khác để xác định các kiểu. Để biết thêm thông tin về các thuộc tính này, hãy tham khảo tài liệu tại //doad.oracle.com/javaee/6/javaserverfaces/2.0/docs/pdldocs/facelets/.

Một thuộc tính khác được hỗ trợ bởi Thẻ H: Tin nhắn là thuộc tính Bố cục. Giá trị mặc định của nó là Danh sách, chỉ ra rằng các thông báo được hiển thị trong danh sách đạn bằng các phần tử HTML UL và LI. Nếu bạn đặt giá trị thuộc tính thành bảng, các thông báo sẽ được hiển thị trong một bảng bằng phần tử bảng HTML.

Ví dụ trước hiển thị trình xác thực tiêu chuẩn được đăng ký trên thành phần đầu vào. Thẻ thông báo hiển thị thông báo lỗi được liên kết với trình xác nhận này khi trình xác nhận không thể xác thực giá trị thành phần đầu vào. Nói chung, khi bạn đăng ký bộ chuyển đổi hoặc trình xác nhận trên một thành phần, bạn đang xếp hàng các thông báo lỗi được liên kết với trình chuyển đổi hoặc trình xác nhận trên thành phần. Các thẻ H: Tin nhắn và H: Tin nhắn Hiển thị các thông báo lỗi thích hợp được xếp hàng trên thành phần khi trình xác nhận hoặc trình chuyển đổi được đăng ký trên thành phần đó không chuyển đổi hoặc xác thực giá trị thành phần.

Thông báo lỗi tiêu chuẩn được cung cấp với bộ chuyển đổi tiêu chuẩn và trình xác nhận tiêu chuẩn. Kiến trúc sư ứng dụng có thể ghi đè các thông báo tiêu chuẩn và thông báo lỗi cung cấp cho trình chuyển đổi và trình xác nhận tùy chỉnh bằng cách đăng ký thông báo lỗi tùy chỉnh với ứng dụng.

Khả năng tạo các URL có thể đánh dấu đánh dấu đề cập đến khả năng tạo các siêu liên kết dựa trên kết quả điều hướng được chỉ định và trên các tham số thành phần.

Trong HTTP, hầu hết các trình duyệt theo mặc định đều gửi yêu cầu nhận được truy xuất URL và đăng các yêu cầu đăng để xử lý dữ liệu. Các yêu cầu GET có thể có các tham số truy vấn và có thể được lưu trong bộ đệm, không được khuyến cáo cho các yêu cầu POST, gửi dữ liệu đến các máy chủ bên ngoài. Javaserver khác phải đối mặt với các thẻ có khả năng tạo các siêu liên kết sử dụng các yêu cầu nhận đơn giản, như trong trường hợp của H: OutputLink hoặc các yêu cầu POST, như trong trường hợp của H: CommandLink hoặc H: CommandButton Tags. Nhận các yêu cầu với các tham số truy vấn cung cấp độ chi tiết tốt hơn cho các chuỗi URL. Các URL này được tạo với một hoặc nhiều tham số giá trị = giá trị được nối với URL đơn giản sau A? nhân vật và cách nhau bởi một trong hai &; hoặc & amp; dây.

Để tạo URL có thể đánh dấu, hãy sử dụng thẻ H: Link hoặc H: H: Nút. Cả hai thẻ này có thể tạo ra một siêu liên kết dựa trên thuộc tính kết quả của thành phần. Ví dụ:

    
0

Thẻ liên kết H: sẽ tạo liên kết URL trỏ đến tệp phản hồi.xhtml trên cùng một máy chủ, được thêm vào tham số truy vấn duy nhất được tạo bởi thẻ f: param. Khi được xử lý, kết quả tham số được gán giá trị của phương thức kết quả bean bean #{sampleBean.result}. HTML mẫu sau đây được tạo từ bộ thẻ trước, giả sử rằng giá trị của tham số là thành công:

    
1

Đây là một yêu cầu nhận đơn giản. Để tạo các yêu cầu nhận phức tạp hơn và sử dụng chức năng hoàn chỉnh của thẻ H: liên kết, bạn có thể sử dụng các tham số Xem.

Sử dụng các tham số xem để định cấu hình URL có thể đánh dấu

Các thẻ lõi F: Siêu dữ liệu và F: ViewParam được sử dụng làm nguồn tham số để định cấu hình URL. Xem tham số được khai báo là một phần của F: Siêu dữ liệu cho một trang, như được hiển thị trong ví dụ sau:

    
2

Xem các tham số được khai báo với thẻ F: ViewParam và được đặt bên trong thẻ F: Metadata. Nếu thuộc tính bao gồmViewParams được đặt trên thành phần, các tham số chế độ xem sẽ được thêm vào siêu liên kết.

URL kết quả sẽ trông như thế này:

    
3

    Bởi vì URL có thể là kết quả của các giá trị tham số khác nhau, nên thứ tự tạo URL đã được xác định trước. Thứ tự mà các giá trị tham số khác nhau được đọc như sau:

  1. Thành phần

  2. Các thông số trường hợp điều hướng

  3. Xem tham số

Việc di dời tài nguyên đề cập đến khả năng của một ứng dụng Javaserver phải đối mặt để chỉ định vị trí có thể hiển thị tài nguyên. Di dời tài nguyên có thể được xác định với các thẻ HTML sau:

  • H: OutputScript

  • H: OutputStyleSheet

Các thẻ này có các thuộc tính tên và mục tiêu, có thể được sử dụng để xác định vị trí kết xuất. Để biết danh sách đầy đủ các thuộc tính cho các thẻ này, hãy xem tài liệu tại //doad.oracle.com/javaee/6/javaserverfaces/2.0/docs/pdldocs/facelets/.

Đối với thẻ H: OutputScript, các thuộc tính tên và mục tiêu xác định nơi đầu ra của tài nguyên có thể xuất hiện. Đây là một ví dụ:

    
4

Vì thuộc tính đích không được xác định trong thẻ, nên bảng kiểu hello.css được hiển thị trong đầu và tập lệnh Hello.js được hiển thị trong phần thân của trang như được định nghĩa bởi thẻ H: Head.

Đây là HTML được tạo bởi mã trước:

    
5

Trang gốc có thể được tạo lại bằng cách đặt thuộc tính đích cho thẻ H: OutputScript, cho phép yêu cầu GET đến cung cấp tham số vị trí. Đây là một ví dụ:

    
6

Trong trường hợp này, nếu yêu cầu đến không cung cấp tham số vị trí, các vị trí mặc định vẫn sẽ được áp dụng: Bảng kiểu được hiển thị trong đầu và tập lệnh được hiển thị nội tuyến. Tuy nhiên, nếu yêu cầu đến cung cấp tham số vị trí là đầu, cả bảng kiểu và tập lệnh sẽ được hiển thị trong phần tử đầu.

HTML được tạo bởi mã trước như sau:

    
7

Tương tự, nếu yêu cầu đến cung cấp tham số vị trí là phần thân, tập lệnh sẽ được hiển thị trong phần tử cơ thể.

Phần trước mô tả việc sử dụng đơn giản để di dời tài nguyên. Tính năng đó có thể thêm nhiều chức năng hơn cho các thành phần và trang. Một tác giả trang không phải biết vị trí của tài nguyên hoặc vị trí của nó.

Bằng cách sử dụng chú thích @ResourceDependency cho các thành phần, các tác giả thành phần có thể xác định các tài nguyên cho thành phần, chẳng hạn như bảng kiểu và tập lệnh. Điều này cho phép các tác giả trang tự do khỏi các vị trí tài nguyên.

Làm cách nào để thêm thẻ HTML vào chuỗi trong Java?

Bạn phải viết mã HTML dưới dạng chuỗi ... Nếu bạn muốn có các dòng trong HTML, thì hãy thêm "" ở cuối chuỗi HTML.write the HTML code as a String ... If you want to have linebreaks in HTML, then add "
" at the end of the HTML-Strings.

Chúng ta có thể viết mã HTML trong Java không?

Làm thế nào để tạo một trình soạn thảo HTML trong Java..

Nhập một số gói swing và AWT như sau: ....

Bây giờ tạo một lớp mở rộng JPanel và thực hiện ActionListener. ....

Bây giờ tạo một hàm tạo để khởi tạo các thành phần của Swing và HTML. ....

Bây giờ hãy tạo một sự kiện ActionPerformed hoạt động trên nút của chúng tôi "bấm để thay đổi" ..

Thẻ HTML trong Java là gì?

Thẻ HTML giống như các từ khóa xác định rằng trình duyệt web sẽ định dạng và hiển thị nội dung như thế nào. Với sự trợ giúp của các thẻ, trình duyệt web có thể phân biệt giữa nội dung HTML và nội dung đơn giản. Thẻ HTML chứa ba phần chính: Mở thẻ, nội dung và thẻ đóng. Nhưng một số thẻ HTML là thẻ chưa được xử lý.like keywords which defines that how web browser will format and display the content. With the help of tags, a web browser can distinguish between an HTML content and a simple content. HTML tags contain three main parts: opening tag, content and closing tag. But some HTML tags are unclosed tags.

Java có thể đọc tệp HTML không?

Trong Java, chúng ta có thể trích xuất nội dung HTML và có thể phân tích tài liệu HTML.we can extract the HTML content and can parse the HTML Document.

Bài Viết Liên Quan

Chủ Đề