Restful's RAD Studio 10.4.1 IntraWeb server API programming series of H5, JS, Bootstrap

This article will continue to add precautions for maintaining the title content in programming practice for your reference...

001. Picture responsive layout is always out of bounds, it turns out to be the fault of Web server

In the past two days, I tried to integrate IntraWeb BS + H5 +JS + Gao Yong's three-tier server (https.sys), using the H5 label layout.

The following three pictures:

The picture above is always out of bounds and is puzzled. It was resolved later, and the effect is as follows:

It turns out that in the H5 code, the script case is sensitive to the Web server:

Please note that I have been tossing me for an hour. It turned out to be the fault of the Web server: 1. Apache server is strictly case sensitive; 2. Gao Yong's three-tier server can be capitalized; 3. IIS server can be capitalized

002. About H5 +JS +Bootstrap framework

If you are new to http+css+javascript, you might as well start from here, go deeper and come quickly:

https://v3.bootcss.com/components/#input-groups

Visual layout system, layout effect preview:

https://www.bootcss.com/p/layoutit/

http+css+js and other learning resources:

https://www.w3school.com.cn/

003. Regarding the call to your or third-party Rest API server methods initiated by the H5 client through javascript, jquery, Ajax, Es6, primeised and other technologies

Please refer to this blog post:

        003.1.1, " Delphi Restful client javascript and middleware server interaction " https://blog.csdn.net/pulledup/article/details/109236875
        003.1.2, " Delphi calls WeChat native web development interface JS-SDK development Mini Programs and WeChat Pay, etc. " https://blog.csdn.net/pulledup/article/details/109257077
        003.1.3, " Tencent Cloud Payment Platform Restful API, another gospel for payment development, supporting WeChat Pay and Alipay at the same time》 Https://blog.csdn.net/pulledup/article/details/109520247

Please refer to the netizen article:
        003.2.1, "The most common method for making HTTP requests in JavaScript": https://www.jb51.net/article/143683.htm.
        003.2.2, "What are the contents of the request header and response header in the http request of js": https://blog.csdn.net/weixin_37861326/article/details/82216068.
        003.2.3, "JavaScript Advanced Programming-Using JavaScript in HTML": https://blog.csdn.net/weixin_37861326/article/details/80998668.

004. Regarding the security issue of calling your or third-party Rest API server methods through the H5 client

Dynamic technology can be used to convert the input of controls on the browser client UI interface through reversible encryption technologies such as base64 to generate http, javascript, jquery, Ajax, Es6, primed and other parameters required to call the API URL ,to realise.