[SQLSERVER] Hướng dẫn tạo xuất dữ liệu sang định dạng table html cho website

Xin chào các bạn, bài viết hôm nay mình sẽ chia sẽ cho các bạn đoạn code Store Procedure, dùng để xuất dữ liệu từ query sang định dạng table trong html của website.

Thường thi khi các bạn lập trình Website, sẽ truy xuất dữ liệu từ Sqlserver về. Và sau đó, sẽ sử dụng vòng lặp foreach để hiển thị dữ liệu ra dạng table html.

Dưới đây, là đoạn code Store Procedure usp_ConvertQuery2HTMLTable giúp các bạn trả dữ liệu về dưới dạng table html.

Bây giờ các bạn thực hiện câu lệnh truy vấn sau:

SELECT EmployeeID, LastName, FirstName, Title, TitleOfCourtesy, BirthDate, HireDate, Address, City FROM Employees

=> Kết quả trả về:

Và kết quả mình lấy được khi sử dụng usp_ConvertQuery2HTMLTable

Source code usp_ConvertQuery2HTMLTable:

CREATE PROC dbo.usp_ConvertQuery2HTMLTable (@SQLQuery NVARCHAR(3000))
AS
BEGIN
   DECLARE @columnslist NVARCHAR (1000) = '
   DECLARE @restOfQuery NVARCHAR (2000) = '
   DECLARE @DynTSQL NVARCHAR (3000)
   DECLARE @FROMPOS INT

   SET NOCOUNT ON

   SELECT @columnslist += 'ISNULL (' + NAME + ',' + ' + ' ' + ' + ')' + ','
   FROM sys.dm_exec_describe_first_result_set(@SQLQuery, NULL, 0)

   SET @columnslist = left (@columnslist, Len (@columnslist) - 1)
   SET @FROMPOS = CHARINDEX ('FROM', @SQLQuery, 1)
   SET @restOfQuery = SUBSTRING(@SQLQuery, @FROMPOS, LEN(@SQLQuery) - @FROMPOS + 1)
   SET @columnslist = Replace (@columnslist, '),', ') as TD,')
   SET @columnslist += ' as TD'
   SET @DynTSQL = CONCAT (
         'SELECT (SELECT '
         , @columnslist
         ,' '
         , @restOfQuery
         ,' FOR XML RAW ('TR'), ELEMENTS, TYPE) AS 'TBODY'
         ,' FOR XML PATH ('), ROOT ('TABLE')'
         )

   EXEC (@DynTSQL)
   SET NOCOUNT OFF
END
GO

+ Sau khi tạo procedure xong, chúng ta chạy câu lệnh trên để lấy kết quả, câu lệnh truy vấn của bạn chúng ta sẽ đưa vào phần parametter

EXEC dbo.usp_ConvertQuery2HTMLTable 'SELECT EmployeeID, LastName, FirstName, Title, TitleOfCourtesy, BirthDate, HireDate, Address, City FROM Employees' 

=> Kết quả khi thực hiện câu truy vấn trên.

<TABLE> <TBODY> <TR> <TD>1</TD> <TD>Davolio</TD> <TD>Nancy</TD> <TD>Sales Representative</TD> <TD>Ms.</TD> <TD>1948-12-08T00:00:00</TD> <TD>1992-05-01T00:00:00</TD> <TD>507 - 20th Ave. E. Apt. 2A</TD> <TD>Seattle</TD> </TR> <TR> <TD>2</TD> <TD>Fuller</TD> <TD>Andrew</TD> <TD>Vice President, Sales</TD> <TD>Dr.</TD> <TD>1952-02-19T00:00:00</TD> <TD>1992-08-14T00:00:00</TD> <TD>908 W. Capital Way</TD> <TD>Tacoma</TD> </TR> <TR> <TD>3</TD> <TD>Leverling</TD> <TD>Janet</TD> <TD>Sales Representative</TD> <TD>Ms.</TD> <TD>1963-08-30T00:00:00</TD> <TD>1992-04-01T00:00:00</TD> <TD>722 Moss Bay Blvd.</TD> <TD>Kirkland</TD> </TR> <TR> <TD>4</TD> <TD>Peacock</TD> <TD>Margaret</TD> <TD>Sales Representative</TD> <TD>Mrs.</TD> <TD>1937-09-19T00:00:00</TD> <TD>1993-05-03T00:00:00</TD> <TD>4110 Old Redmond Rd.</TD> <TD>Redmond</TD> </TR> <TR> <TD>5</TD> <TD>Buchanan</TD> <TD>Steven</TD> <TD>Sales Manager</TD> <TD>Mr.</TD> <TD>1955-03-04T00:00:00</TD> <TD>1993-10-17T00:00:00</TD> <TD>14 Garrett Hill</TD> <TD>London</TD> </TR> <TR> <TD>6</TD> <TD>Suyama</TD> <TD>Michael</TD> <TD>Sales Representative</TD> <TD>Mr.</TD> <TD>1963-07-02T00:00:00</TD> <TD>1993-10-17T00:00:00</TD> <TD>Coventry House Miner Rd.</TD> <TD>London</TD> </TR> <TR> <TD>7</TD> <TD>King</TD> <TD>Robert</TD> <TD>Sales Representative</TD> <TD>Mr.</TD> <TD>1960-05-29T00:00:00</TD> <TD>1994-01-02T00:00:00</TD> <TD>Edgeham Hollow Winchester Way</TD> <TD>London</TD> </TR> <TR> <TD>8</TD> <TD>Callahan</TD> <TD>Laura</TD> <TD>Inside Sales Coordinator</TD> <TD>Ms.</TD> <TD>1958-01-09T00:00:00</TD> <TD>1994-03-05T00:00:00</TD> <TD>4726 - 11th Ave. N.E.</TD> <TD>Seattle</TD> </TR> <TR> <TD>9</TD> <TD>Dodsworth</TD> <TD>Anne</TD> <TD>Sales Representative</TD> <TD>Ms.</TD> <TD>1966-01-27T00:00:00</TD> <TD>1994-11-15T00:00:00</TD> <TD>7 Houndstooth Rd.</TD> <TD>London</TD> </TR> </TBODY> </TABLE>

HAVE FUN