tms web core 与 kbmmw 第一次亲密接触
最近,tms 经过1年多,集合了数十名高手大牛,开发出了一个跨时代的产品,就是tms web core.
具体的介绍详见官网,https://www.tmssoftware.com/site/tmswebcore.asp。
这个产品可以把pascal 代码编译成 js 代码,以便浏览器识别。不同于以往的用js 映射 delphi 代码。
这个是真编译,也就是说,编译出来的js 代码,可以在任何web server 里运行,与delphi 没任何关系。
这个编译器是著名的FPC 的核心开发者开发的。
当然很多人可以说,现在开发web 的语言那么多,PHP,JSP,C# 等等,为什么非要用delphi 开发呢?
作者只有三个字:我喜欢。
好了,闲话少说,我们今天就做一个简单的显示后台数据库的例子,当然了应用服务器我们还是选择kbmmw。
别问我为什么,还是三个字:我喜欢。
服务器端其实就是我们以前做的例子,就是kbmmw smart rest 服务。
由于要在浏览器里面访问不同域的数据,因此上面的例子要处理一下 跨域的问题。这个问题其实以前也写过。
服务器端处理一下跨域就可以了。
procedure TkbmMWCustomSmartService3.kbmMWCustomHTTPSmartServiceCORS(
Sender: TObject; const ARequestHelper,
AResponseHelper: TkbmMWHTTPTransportStreamHelper; const AOrigin: string;
var AAllowedOrigins, AAllowedMethods, AAllowedHeaders: string);
begin
AAllowedMethods:='GET' ;
AAllowedOrigins:='*'; //为了演示,此处许可任何来源的访问
AAllowedHeaders:= 'x-requested-with';
end; function TkbmMWCustomSmartService3.Getall:TObjectList<TAnimalsNoImage>;
begin
ProcessCORSRequest; // 此处必须加这一句 Result:=form1.xalionORM.QueryList<TAnimalsNoImage>; end;
好了,服务器就处理完了,编译运行。
现在我们做tms web core 端。

新建一个tms web application.

放上以上的控件,属性设置如图,其它的非常类似VCL 中访问数据的控件。
可以右键在 WebClientDataSet1上添加对应字段。


好了。添加连接的代码,就两句代码。
procedure TForm1.WebButton1Click(Sender: TObject);
begin WebClientConnection1.Active:=True; WebMemo1.Lines.Add('open connection!'); end;
点击delphi 运行按钮,项目会很快编译完并打开浏览器。真的非常快,有一种当年D7的感觉,其实这个很正常,因为他是FPC 做的编译器。
浏览器显示

点击打开数据库,就会显示数据。

非常简单。
今天就先介绍到这里,由于tms web core 刚出来新版本,也有一大堆问题,最大的问题居然不支持中文。
已经给官方报bug了,希望尽快修复,否则只能说呵呵了。
官方把tms web core 工程比做 Mille Miglia(千里耐力赛),第一个版本后面跟着Brescia。这是千里耐力赛的
第一个出发城市,表示长路漫漫。中国有句古话,叫做千里之行,始于足下。tms web core 的思路很好,但是需要
走的路还很长,期望经过多个版本的迭代,成为一个真正的开发web 的利器。
2018.8.4 补记:
tms web core 1.0.0.3 已经解决中文问题。
tms web core 与 kbmmw 第一次亲密接触的更多相关文章
- 【阿里云产品公测】与云引擎ACE第一次亲密接触
		阿里云用户:林哥神话 公测当然是第一次了.这个第一次亲密接触,但话又说回来对ACE我一直都不是那感兴趣的,但是看到阿里介绍还是那般神奇,再加上200无代金券来更加给力.最后就申请了这次公测. 平时一直 ... 
- 第一次亲密接触MSF
		第一次亲密接触MSF Metasploit Framework介绍 Metasploit是一款开源安全漏洞检测工具,附带数百个已知的软件漏洞,并保持频繁更新.被安全社区冠以“可以黑掉整个宇宙”之名的强 ... 
- 第四章 跨平台图像显示库——SDL 第一节 与SDL第一次亲密接触
		http://blog.csdn.net/visioncat/article/details/1596576 GCC for Win32 开发环境介绍(5) 第四章 跨平台图像显示库——SDL 第一节 ... 
- 多线程第一次亲密接触 CreateThread与_beginthreadex本质区别
		本文将带领你与多线程作第一次亲密接触,并深入分析CreateThread与_beginthreadex的本质区别,相信阅读本文后你能轻松的使用多线程并能流畅准确的回答CreateThread与_beg ... 
- Linux就是这个范儿之第一次亲密接触(3)
		原创作品,允许转载,转载时请务必以超链接形式标明文章原始出处 .作者信息和本声明.否则将追究法律责 1.4 返璞归真的命令行 有一种说法,现代计算机不是靠电力驱动,而是靠“鼠标”.多少应用程序的界面需 ... 
- 我和Python的第一次亲密接触 - 零基础入门学习Python001
		我和Python的第一次亲密接触 让编程改变世界 Change the world by program 小甲鱼经常说,学习一门编程语言就是要深入其中,要把编程语言想象为你的女朋友你的情人,这样你学习 ... 
- TMS WEB Core v1.2预览版:新的Electron应用程序支持
		2019年2月20日,星期三 几个月前,我们已经开始与Electron进行实验.在工作概念验证之后,我们的目标是为Delphi开发人员尽可能多地包装Electron API.但当然不仅仅是可以使用的E ... 
- tms web core 通过URL 传递参数
		一般我们都会通过URL 给服务器传递很多参数,通过参数来决定对应的处理,今天就大概讲一下 如果通过URL 参数实现一些功能. 1.通过参数跳入不同的界面 首先我们先建立一个tms web core 工 ... 
- tms web core pwa让你的WEB APP离线可用
		tms web core pwa让你的WEB APP离线可用 tms web core允许创建渐进式Web应用程序(PWA).渐进式Web应用程序是为适应在线/离线情况,各种设备类型,最重要的是,让自 ... 
随机推荐
- dedecms(织梦系统)如何更新手机版首页模板文件
			https://jingyan.baidu.com/article/ad310e80e4b1dd1849f49e8f.html 
- as3.0橡皮擦功能
			//主容器 var main:Sprite = new Sprite(); main.mouseEnabled = false; addChild(main) //临时容器(所有操作都将先画在临时容器 ... 
- 第三章 列表(d)选择排序
- Serializers序列化组件
			Django的序列化方法 .values 序列化结果 class BooksView(View): def get(self, request): book_list = Book.objects.v ... 
- @CookieValue使用须知
			------------------------siwuxie095 @CookieValue 使用须知 使用 @CookieV ... 
- mybatis BigDecimal Double Long 的坑爹事
			写接口的时候别用 public Map<String,Double> selectForRealRemainer(Orders orders); 用这样就行 public Map<S ... 
- ajax请求跨域
			解决方式 1: 解决方式 2: 服务端: package ceshi_utils; import java.util.*; import com.xwhb.utils.encrypt.CipherUt ... 
- Vmware黑屏解决方法
			此原因是显卡性能差,显示选项开启了3D加速导致的,具体修改步骤: 英文路径:VM->Settings->Hardware->Display 在右面的内容栏中将 Accelerate ... 
- Vs2013 如何使用EF6来连接mysql数据库
			参考文章: 1.http://www.dotblogs.com.tw/yc421206/archive/2014/03/14/144395.aspx 参考了1,在VS中算是已经配置好了,在添加数据实体 ... 
- laravel框架一次请求的生命周期
			第一件事所有的请求都会被web服务器(Apache/Nginx)导向public/index.php文件.index.php文件载入Composer生成的自动加载设置,然后从bootstrap/app ... 
