Html có thể tương tác với sql không?

Điểm quan trọng của việc sử dụng các biểu mẫu trực tuyến, thông minh trong quy trình làm việc định kỳ của bạn là gì nếu bạn vẫn phải cập nhật thủ công (các) cơ sở dữ liệu của mình với thông tin từ các biểu mẫu đã điền?

Đó là cách sử dụng tài nguyên và thời gian không hiệu quả, dễ xảy ra lỗi sao chép

Với Trình kết nối cơ sở dữ liệu của frevvo, bạn có thể dễ dàng lưu dữ liệu từ các biểu mẫu HTML vào cơ sở dữ liệu SQL của mình, cải thiện năng suất và tính hợp lệ của dữ liệu

Hãy trình bày chính xác cách bạn có thể sử dụng Trình kết nối cơ sở dữ liệu để kết nối các biểu mẫu trực tuyến với cơ sở dữ liệu SQL của mình

Bắt đầu đọc bên dưới hoặc nhảy ngay đến một phần

Trình kết nối cơ sở dữ liệu của frevvo. Một cái nhìn tổng quan

Đây là một bài viết khá kỹ thuật có chứa các truy vấn SQL, JavaScript, v.v.

Trình kết nối cơ sở dữ liệu RESTful của Frevvo sử dụng Ngôn ngữ đánh dấu mở rộng (XML) và Ký hiệu đối tượng JavaScript (JSON) để kết nối các biểu mẫu HTML và cơ sở dữ liệu SQL của bạn thông qua kết nối HTTPS an toàn.  

Html có thể tương tác với sql không?

frevvo xử lý tất cả các chuyển đổi dữ liệu – JSON, XML, SQL – cho bạn theo cả hai hướng. Biểu mẫu HTML tới cơ sở dữ liệu và cơ sở dữ liệu thành biểu mẫu

Truy vấn SQL có thể trả về một hàng hoặc nhiều hàng, mỗi hàng có nhiều cột. Nhờ Trình kết nối cơ sở dữ liệu, biểu mẫu sẽ tự động cập nhật để hiển thị cho bạn thông tin liên quan đến yêu cầu của bạn – ở định dạng dễ đọc

Ngược lại, Trình kết nối cơ sở dữ liệu sẽ “dịch” dữ liệu từ JSON hoặc XML sang SQL để giữ cho cơ sở dữ liệu hài lòng

Html có thể tương tác với sql không?

Tích hợp các biểu mẫu và cơ sở dữ liệu của bạn bằng trình kết nối của frevvo có nghĩa là

  • Nhập dữ liệu ít hơn (và năng suất cao hơn)
  • Ít lỗi và thiếu sót hơn
  • Tổng hợp kết nối tự động, thử lại, v.v.
  • Bảo vệ chống lại việc tiêm SQL và các cuộc tấn công khác
  • Các truy vấn phức tạp như tham gia SQL
  • Kết nối được mã hóa để bảo mật cao hơn
  • Triển khai nhanh chóng với mã hóa tối thiểu

Chúng tôi đã thảo luận về cách bạn có thể sử dụng Trình kết nối cơ sở dữ liệu để tự động điền biểu mẫu từ cơ sở dữ liệu. Chúng ta hãy xem xét kỹ hơn cách nó hoạt động ngược lại

Vậy làm cách nào để kết nối biểu mẫu HTML với cơ sở dữ liệu của tôi?

Ghi chú. Các bước sau đây yêu cầu tài khoản frevvo. Bạn có thể đăng ký để dùng thử frevvo miễn phí trong 30 ngày

Với frevvo, các bước rất đơn giản

  1. Cài đặt Trình kết nối cơ sở dữ liệu
  2. Định cấu hình Trình kết nối bằng SQL hoặc Thủ tục được lưu trữ
  3. Tạo các điều khiển biểu mẫu từ các truy vấn được định cấu hình. (Không cần mã hóa. )
  4. Sắp xếp các điều khiển biểu mẫu trong trình thiết kế biểu mẫu kéo và thả của frevvo
  5. Kết nối các biểu mẫu/quy trình công việc với các truy vấn bằng cách sử dụng các URL do Trình kết nối cơ sở dữ liệu xuất ra

Khi bạn đã định cấu hình Trình kết nối cơ sở dữ liệu của mình, bạn có thể kiểm tra nó bằng cách làm theo ví dụ này

Trường hợp sử dụng. Tạo một đơn đặt hàng mới

Trong ví dụ này, chúng tôi sẽ kiểm tra một trường hợp sử dụng đơn giản để gửi biểu mẫu đặt hàng tới cơ sở dữ liệu. Sử dụng biểu mẫu này, bạn có thể nắm bắt các đơn đặt hàng của khách hàng và tự động lưu chúng vào cơ sở dữ liệu SQL.  

Html có thể tương tác với sql không?

1. Xác định truy vấn

We will define two queries. The first one creates an order. In addition to the usual operation, this query also has a operation.


           
               
                   SELECT orderNumber as onum, customerNumber as cnum from Orders
                   WHERE orderNumber=10100
           
           
               INSERT into Orders (orderNumber,orderDate, requiredDate, status,customerNumber)
                   VALUES ({onum}, Now(), Now(), 'In Process', {cnum})
               
           
       

Hãy kiểm tra truy vấn này.  

We specify a operation (SELECT statement) in order to generate an XML schema/form controls. When the form is submitted, Live Forms generates an XML document for those controls. The XML document is used to execute the operation, which INSERTs the data. We have simply hard-coded a known order number for the example, but you can use any query that generates a result set with the desired columns.

Lưu ý rằng chúng tôi sẽ chỉ chèn ngày hiện tại làm ngày đặt hàng và ngày bắt buộc cho ví dụ này. Bạn có thể dễ dàng tùy chỉnh truy vấn để thêm ngày bạn chọn. Nếu bạn muốn ngày đến từ biểu mẫu, bạn phải thêm nó vào câu lệnh CHỌN để điều khiển được tạo trong biểu mẫu. Ngày/Thời gian có xu hướng dành riêng cho cơ sở dữ liệu

Truy vấn thứ hai được sử dụng đơn giản để tạo số đơn đặt hàng


            
                SELECT max(orderNumber) + 1 as onum FROM Orders
            
        

Một lần nữa, đây là một sự đơn giản hóa quá mức cho mục đích hướng dẫn. Trong thực tế, số thứ tự có thể được tạo bởi ứng dụng bên ngoài chứ không phải cơ sở dữ liệu

2. Tạo lược đồ XML

Trong trình duyệt của bạn, hãy truy cập URL có liên quan cho trình kết nối cơ sở dữ liệu của bạn, e. g. http. //máy chủ cục bộ. 8082/cơ sở dữ liệu/BIRT/tạo đơn hàng/lược đồ. Lưu tệp lược đồ XML kết quả vào đĩa

chỉnh sửa tập tin. Do giới hạn hiện tại trong trình kết nối cơ sở dữ liệu, lược đồ đã tạo cần được chỉnh sửa. Xóa thuộc tính maxOccurs=”unbounded” khỏi khai báo thành phần hàng. Thay thế

với

Cuối cùng, tải giản đồ lên Live Forms. Xem Nguồn dữ liệu để biết hướng dẫn

3. Tạo biểu mẫu

  1. Tạo biểu mẫu và định cấu hình biểu mẫu bằng trình tạo biểu mẫu động kéo và thả. (Dưới đây là một số hướng dẫn chi tiết về cách bắt đầu. )
  2. Trong bảng thuộc tính ở bên trái, hãy mở ngăn Nguồn dữ liệu bằng cách nhấp vào ngăn đó
  3. Nhấp vào 'Mới từ XSD'
  4. Bạn sẽ thấy lược đồ của mình trong hộp thoại kết quả. Mở rộng nó và thêm phần tử 'createOrder' vào biểu mẫu bằng cách nhấp vào biểu tượng + bên cạnh nó
  5. Đóng hộp thoại bằng cách nhấp vào 'X' ở góc trên cùng bên phải
  6. Trong ngăn Nguồn dữ liệu, mở rộng nguồn dữ liệu tạo Đơn hàng bằng cách nhấp vào biểu tượng + ở bên trái
  7. Nhấp vào biểu tượng + bên cạnh thành phần hàng. Biểu mẫu trực tiếp sẽ tạo các điều khiển trong biểu mẫu
  8. Bạn có thể kéo thả để sắp xếp lại theo ý muốn
  9. Đổi tên Phần có tên 'Hàng' thành 'Thông tin đặt hàng'

Bước này tạo các điều khiển được liên kết với nguồn dữ liệu createOrder của Live Forms. Bạn có thể hiển thị các điều khiển theo ý muốn nhưng Biểu mẫu trực tiếp sẽ luôn tạo tài liệu XML tuân theo lược đồ XML ở trên

Tạo quy tắc kinh doanh

  1. Nhấp vào nút 'Quy tắc' trên thanh công cụ ở đầu Trình thiết kế biểu mẫu
  2. Nhấp vào + để tạo quy tắc mới và nút 'Chỉnh sửa' để mở quy tắc
  3. Đặt Tên thành 'Sao chép số khách hàng và tạo số đơn đặt hàng'

Trong vùng văn bản 'Quy tắc'. sao chép và dán như sau

/*member onum, resultSet */
if (sc.value.length > 0) {
  cnum.value = sc.value;
  eval ('x=' + http.get('http://localhost:8082/database/BIRT/getOrderNumber'));
  onum.value = x.resultSet[0].onum;
}

Hãy phân tích quy luật này

  1. nếu (sc. giá trị. độ dài > 0) – điều này ngụ ý rằng quy tắc sẽ thực thi khi danh sách khách hàng được chọn có một giá trị và giá trị đó thay đổi
  2. cnum. giá trị = sc. giá trị;
  3. eval ('x=' + http. nhận ('http. //máy chủ cục bộ. 8082/database/BIRT/getOrderNumber')) - cái này lấy số thứ tự HTTP GET
  4. onum. giá trị = x. resultSet[0]. onum;

4. Liên kết đến cơ sở dữ liệu

Bây giờ, chúng tôi kết nối các điều khiển đã tạo với truy vấn cơ sở dữ liệu được xác định ở trên. Xem Doc URI Wizards để được trợ giúp về các bước bên dưới

  1. Nhấp vào biểu tượng bánh răng Thuộc tính biểu mẫu trên thanh công cụ ở đầu biểu mẫu
  2. Trong hộp thoại Thuộc tính xuất hiện, bấm vào Tác vụ Tài liệu. Bạn có thể phải cuộn sang phải
  3. Nhấp vào Gửi dữ liệu và chọn tùy chọn 'URI tài liệu được đặt thủ công'
  4. Cuộn xuống cho đến khi bạn thấy tài liệu có tên 'createOrder', đây là nguồn dữ liệu mà chúng tôi quan tâm
  5. Để trống các trường Read URL và Method
  6. Đặt URL ghi thành. http. //máy chủ cục bộ. 8082/cơ sở dữ liệu/BIRT/createOrder. Bạn sẽ cần thay đổi localhost. 8082 đến máy chủ. cổng nơi bạn đã cài đặt trình kết nối cơ sở dữ liệu
  7. Đặt phương thức Viết thành POST
  8. Nhấp vào nút Gửi
Html có thể tương tác với sql không?

Bước này cho Biểu mẫu trực tiếp biết rằng tài liệu 'createOrder' được liên kết với URL trên thông qua phương thức WRITE POST

When the form is submitted, Live Forms will issue an HTTP POST request to the above URL sending the createOrder XML document in the payload. The database connector will map this to the operation of the createOrder query that we defined above, will use the data in the XML document to resolve the query (replace {cnum} and {onum} with values from the XML) and perform the INSERT.

Nói cách khác, dữ liệu từ biểu mẫu HTML của bạn sẽ lưu vào cơ sở dữ liệu của bạn

Hãy xem xét một vài trường hợp sử dụng khác.  

Trường hợp sử dụng. Tạo/Cập nhật Bản ghi

Nhiều vấn đề kinh doanh yêu cầu tạo bản ghi mới hoặc cập nhật bản ghi hiện có trong cơ sở dữ liệu. Hãy cùng xem cách bạn có thể tạo các biểu mẫu phức tạp mà không cần lập trình bằng cách sử dụng Trình kết nối Cơ sở dữ liệu (DB) của frevvo.  

Cảnh báo đúng. đây là một chủ đề khá kỹ thuật vì vậy chúng tôi chỉ đề cập đến những điểm nổi bật ở đây. Bạn có thể khám phá chi tiết bằng cách đọc

1. Xác định truy vấn SQL

The first step is defining the query. You’ll notice that this particular query has an operation in addition to the usual operation.


            
                
                    SELECT
                        "customerNumber" as "cnum","customerName","creditLimit"
                    FROM
                        "Customers"
                    WHERE
                        "customerNumber"={cnum}
                
            
            
                
                    UPDATE "Customers" SET
                        "creditLimit" = {creditLimit}
                    WHERE
                        "customerNumber"={cnum}
                
            

2. Tạo một lược đồ XML

Truy vấn đầu tiên được sử dụng để tạo một lược đồ XML và các điều khiển biểu mẫu được liên kết với lược đồ đó. Sẽ có hai (onum và cnum). Trong trường hợp này, bạn sẽ phải sửa đổi XML một chút do giới hạn hiện tại trong Trình kết nối DB.

3. Tạo biểu mẫu

Tạo biểu mẫu bằng cách sử dụng trình tạo biểu mẫu động không mã của frevvo và sử dụng lược đồ XML ở trên làm nguồn dữ liệu. Xem Nguồn dữ liệu để biết thêm hướng dẫn chi tiết

4. Liên kết đến cơ sở dữ liệu

Kết nối nó với truy vấn SQL được xác định ở trên. Chúng tôi sử dụng , với thay đổi duy nhất là chúng tôi định cấu hình URL Viết bằng HTTP POST (tạo) thay vì URL Đọc

Đó là nó. Khi biểu mẫu được gửi, frevvo sẽ tạo một tài liệu XML với các giá trị cho onum và cnum và gửi XML tới Trình kết nối DB. Trình kết nối sẽ trích xuất onum và cnum từ XML và thực hiện thao tác INSERT.  

Trường hợp sử dụng. Chèn nhiều bản ghi

Thật dễ dàng để xây dựng trên nguyên tắc này để đáp ứng các yêu cầu kinh doanh phức tạp hơn nhiều.  

Ví dụ, trong trường hợp sử dụng này, bạn muốn chèn một Đơn hàng nhưng sẽ có nhiều Mục hàng Đơn hàng. Điều này có nghĩa là chạy CHÈN cho chính Đơn hàng + nhiều CHÈN cho các mục hàng có dữ liệu khác nhau.  

May mắn thay, với frevvo, bạn có thể tạo biểu mẫu với nhiều Nguồn dữ liệu. Mỗi người tạo tài liệu XML của riêng mình và mỗi người có thể có URI Tài liệu riêng

Html có thể tương tác với sql không?
Một biểu mẫu frevvo duy nhất có thể xử lý nhiều tài liệu và thực hiện nhiều truy vấn SQL khi biểu mẫu được gửi

Tự động tạo hàng

Bạn cũng có thể thiết lập các truy vấn để họ sẽ thử cập nhật lần đầu tiên và nếu không thành công, hãy tạo một bản ghi mới

Tính năng tạo tự động đặc biệt hữu ích khi làm việc với Điều khiển lặp lại hoặc Bảng. Chẳng hạn, với các điều khiển này, biểu mẫu của bạn có thể hoạt động với các bộ sưu tập động. khách hàng, ô tô, địa chỉ, người phụ thuộc và những người khác. Khi người dùng tải biểu mẫu, biểu mẫu có thể được khởi tạo với một số mục.  

Nếu người dùng thêm các mục mới vào bộ sưu tập, cập nhật một vài mục và gửi biểu mẫu, các mục sẽ tự động được thêm vào cơ sở dữ liệu và những mục hiện có sẽ được cập nhật nếu autocreate=true

Tự động xóa hàng

Tự động tạo đặt ra câu hỏi rõ ràng. Điều gì sẽ xảy ra nếu người dùng xóa một hàng khỏi bộ sưu tập lặp lại được mô tả ở trên?

Đằng sau hậu trường, trình kết nối so sánh các mục trong cơ sở dữ liệu với những gì được gửi trong biểu mẫu. Phép so sánh đó dựa trên khóa mà bạn xác định bằng thuộc tính deleteKey (bắt buộc). Giá trị deleteKey thường là tên của khóa chính trong bảng chứa các mục lặp lại

Làm cách nào để kết nối HTML với SQL Server?

Kết nối Microsoft SQL Server với Biểu mẫu HTML bằng LeadsBridge .
Bước 1. Thông tin chính của Bridge. Chọn tên cho cây cầu của bạn (tên này sẽ chỉ hiển thị bên trong LeadsBridge).
Bước 2. Thiết lập nguồn Microsoft SQL Server của bạn. .
Bước 3. Thiết lập đích Biểu mẫu HTML của bạn. .
Bước 4. Ánh xạ trường. .
Bước 5. Bài kiểm tra

Làm cách nào để kết nối trang web với SQL?

Mục lục. .
Tạo máy ảo
Cài đặt cơ sở dữ liệu MySQL
Chuẩn bị cơ sở dữ liệu MySQL
Thay thế trang web tĩnh
Kết nối Website với Cơ sở dữ liệu
Chọn các Bản ghi trong Cơ sở dữ liệu
Chèn một bản ghi vào cơ sở dữ liệu
Cập nhật một bản ghi trong cơ sở dữ liệu