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
使用说明：
- 如未安装nodejs, 需要安装nodejs， 可以 下载 | Node.js 下载安装
- 导出pb代码，包括窗口和继承的对象到一个目录（如示例中的pbocde目录中）, 如果pb10以下的代码导出后需要用nodepad++ 打开文件转换编码为utf8编码
- 进入命令行窗口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事件 | 说明 |
|---|---|---|
| onLoad | load | 窗口打开 |
| onResize | resize | 窗口改变大小 |
| onClose | close | 窗口关闭 |
| cb_1_clicked | click! | 名称为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中显示效果
- 将生成的form.js放到 server\plugins\web\dist\data\page 目录下面,并运行satserver.exe
- 浏览器输入 http://127.0.0.1:5555/webui ,如果未配置数据库，请参考http://www.satrda.com/doc/satweb/config.html 中的开始使用配置
- 在系统管理->菜单管理中随意找一个菜单，点击修改 修改-> 组件路径:amispage, 路由地址为 /data/page/vd.js 并保存。
- 刷新浏览器进入菜单可以看到效果。参考demo/vd.js 中的事件可以写实现自己的事件，代码基本和pb一样 了解更多satweb可以进入 SatWeb | SatRDA文档
在amis网站上查看效果
- 命令行运行以下命令,会导出amis的json文件
node pbtoweb convert pbcode w_test_amis d:/out.json --demo- 打开d:/out.json并复制文本
- 进入 amis网站, 找一个示例点击编码代码
- 粘贴就可以
单独网页中查看
- 下载源码的文件夹demo
- 放到文件服务器中，如ngnix等，或者直接放到下载的satrda的 server/public 目录, 运行satserver.exe
- 浏览器输入 http://127.0.0.1:5555/demo
更多信息，QQ群：836173975
