webcore简易教程（一）

最新推荐文章于 2025-05-21 09:00:02 发布

原创最新推荐文章于 2025-05-21 09:00:02 发布 · 2.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#webcore #简易教程

delphi rio 同时被 2 个专栏收录

89 篇文章

订阅专栏

TMS

21 篇文章

订阅专栏

pas2js是由tms公司推出的转换工具，可将pas代码转换为HTML+JS，支持在多种浏览器上运行。它利用httprest协议与服务器通信，实现数据操作，并可在Chrome浏览器上进行调试，方便错误排查。该工具提供了源代码，便于二次开发。

简介：

tms 公司出品。

2018年推出，现在最新的1.3版本。

原理：

pas转换成html+js（pas2js）

特点：

可以直接在各种浏览器上运行。

优点：

1）生成js，跨平台。

2）可以使用fnc组件。功能扩展较好。

3）chrome浏览器上可以调试（单步跟踪）方便查找错误。

4）后台可以和xdata等rest server服务器使用http rest 协议（CRUD)通讯，实现数据库等操作。

5）提供源代码。

调试：chrome中按F12快捷键

管理js库。

加载Bootstrap 4.1.1库。

自动在HTML源码中添加如下应用。

对每个组件选中样式。

通过http rest协议在界面上显示数据。

1）webclientconnection+webclientdataset+webdatasource+webdbgrid组件。

2）以上组件属性设置。

webclientconnection1

  WebClientConnection1.Name := 'WebClientConnection1';
  WebClientConnection1.Active := True;
  WebClientConnection1.URI := 'https://jsonplaceholder.typicode.com/posts';

webclientdataset1

  WebClientDataSet1.Name := 'WebClientDataSet1';
  WebClientDataSet1.Connection := WebClientConnection1;

webdatasource1

  WebDataSource1.Name := 'WebDataSource1';
  WebDataSource1.DataSet := WebClientDataSet1;

webdbgrid1

  webdbgrid1.name:= 'webdbgrid1';
  webdbgrid1.datasource := 'WebDataSource1';

procedure TForm1.WebButton1Click(Sender: TObject);
begin
    Self.WebClientConnection1.Active:=true;
end;

结果。