前端技术:DIYGW(可视化拖拽工具),Hbuilder(编译工具)
后端技术:DelphiWebMVC框架
1:下载DIYGW工具:Web界面可视化设计工具-其它文档类资源-CSDN下载
2:下载HBuilder:DCloud - HBuilder
3:下载 DelphiWebMVC
首先启动 Web可视化工具设计登录界面:

设计首页:

导出源码:
使用Hbuilder导入项目: 在Hbuiler中修改,调试项目。

调试界面:

启动Delphi xe11 :打开自己的项目,开始编写后端服务。

视频演示:小程序开发(一)-登录验证_哔哩哔哩_bilibili