pbtoweb

Convert Powerbuilder UI to web Automatically.

源码地址：GitHub - pcwe2002/pbtoweb: automatically convert Powerbuilder UI to web

支持转换控件

•  Window
•  DataWindow
•  CommandButton
•  CheckBox
•  RadioButton
•  Tab
•  DropdownListbox
•  StaticText
•  EditMask
•  SinglelineEdit
•  GroupBox
•  UserObject
•  Progress
•  Picture
•  TreeView

使用说明：

1. 如未安装nodejs, 需要安装nodejs， 可以 下载 | Node.js 下载安装
2. 导出pb代码，包括窗口和继承的对象到一个目录（如示例中的pbocde目录中）, 如果pb10以下的代码导出后需要用nodepad++ 打开文件转换编码为utf8编码
3. 进入命令行窗口cmd, 进入当前目录输入

node pbtoweb convert pbcode w_test_amis d:/form.js --js

窗口将转化为web窗口form.js 其中pbcode为pb导出的源码目录， w_test_amis为要导出窗口的名称， d:/form.js为导出的代码目录 --js表示导出为js窗口

导出后的form.js类似这样

export default class PBPage extends PB.AmisPage {constructor(root, options, dialog) {super(root, options, dialog);const page = this;let amisJSON = {...}this._init(amisJSON);}onLoad() {}onResize(sizetype, newwidth, newheight) {console.log('onResize', newwidth, newheight);}onClose() {console.log('onClose');}cb_1_clicked(e, props) {// code} }

代码事件对应关系

JS事件PB事件说明onLoadload窗口打开onResizeresize窗口改变大小onCloseclose窗口关闭cb_1_clickedclick!名称为cb_1控件的click事件，根据按钮的click事件自动生成

可以在事件中添加自己的处理代码，控件操作和pb中基本一致

...onResize(sizetype, newwidth, newheight) {this.cb_1.x = 10;this.cb_1.y = 100;this.cb_1.resize(100, 30);}async cb_3_clicked(e, props) {let ll_rtn = await PB.messageBox("消息", "您好", "", "YesNo!");if (ll_rtn == 1)  {this.tab_1.tabpage_2.cbx_1.checked = true;this.tab_1.tabpage_2.cbx_2.checked = false;} else {this.tab_1.tabpage_2.cbx_2.checked = true;this.tab_1.tabpage_2.cbx_1.checked = false;}console.log(ll_rtn);}cb_2_clicked(e, props) {// codethis.tab_1.tabpage_2.sle_1.text = "amis演示";this.tab_1.tabpage_2.cbx_2.checked = true;}cb_1_clicked(e, props) {// codethis.tab_1.tabpage_1.dw_1.retrieve()}

在satweb中显示效果

1. 将生成的form.js放到 server\plugins\web\dist\data\page 目录下面,并运行satserver.exe
2. 浏览器输入 http://127.0.0.1:5555/webui ,如果未配置数据库，请参考http://www.satrda.com/doc/satweb/config.html 中的开始使用配置
3. 在系统管理->菜单管理中随意找一个菜单，点击修改 修改-> 组件路径:amispage, 路由地址为 /data/page/vd.js 并保存。
4. 刷新浏览器进入菜单可以看到效果。参考demo/vd.js 中的事件可以写实现自己的事件，代码基本和pb一样 了解更多satweb可以进入 SatWeb | SatRDA文档

在amis网站上查看效果

1. 命令行运行以下命令,会导出amis的json文件

node pbtoweb convert pbcode w_test_amis d:/out.json --demo

1. 打开d:/out.json并复制文本
2. 进入 amis网站, 找一个示例点击编码代码
3. 粘贴就可以

单独网页中查看

1. 下载源码的文件夹demo
2. 放到文件服务器中，如ngnix等，或者直接放到下载的satrda的 server/public 目录, 运行satserver.exe
3. 浏览器输入 http://127.0.0.1:5555/demo

更多信息，QQ群：836173975