WeX5平台PHP开发 使用说明文档

优质
小牛编辑
142浏览
2023-12-01

目录

WeX5平台PHP开发使用说明文档

1.搭建开发环境


1.1下载开发工具

  • 访问官网http://www.wex5.com/downloads/
  • 从官网下载WeX5的工具压缩包
  • 解压开发工具压缩包,解压后会占用约3GB的硬盘空间,请选择较大的解压目的目录(解压后不要放在系统盘)

php-d-1


1.2开发工具介绍

  • 双击【启动WeX5开发工具.bat】文件,打开开发工具。

php-d-2

  • 打开开发工具,如下图就是我们的WeX5开发工具,先简单介绍一下开发工具

php-d-3

了解工具

a)在开发工具里,右上角有Studio和数据库,点击Studio即切换到开发工具,进行开发工作,点击数据库即切换到数据库,可以进行数据库的操作,这样方便开发者在一个平台上,进行开发和数据库的操作。

b)我们看左边列,Baas、net、Baas.php、UI2,WeX5开发平台提供java、.net、php三种语言的后端开发,如果我们想要用哪种语言,在窗口->首选项-> Studio配置->baas中进行设置即可。

c)创建数据库后,窗口->首选项->Studio配置->数据源中,进行数据库配置。

前端

a)UI2负责前端页面的处理

b)UI2有丰富的控件和模板页可以直接使用,开发过程是非常方便。

c)如果想要调用后端,在js文件里,调用Baas.php里的.m服务文件中的Action,然后发送ajax请求即可

后端

a)Baas.php是在db.config.m文件里,选择已经配置好的数据库的。

b)Baas.php是后端的处理,首先要创建.m服务文件,然后添加Action,供前台调用,系统提供了一些Action,当然也可以自定义Action,自定义的Action需要在自定义php文件中实现。

下面我们只介绍php的开发过程


1.3开启服务和打开数据库

  • 点击【启动Nginx服务.bat】【启动PHP服务.bat】启动服务(保持打开状态,不要关闭。)
  • 点击【启动MySQL数据库.bat】启动数据库(保持打开状态,不要关闭。)

开发工具里提供了mysql的数据库,我们下面使用系统自带的mysql数据库进行开发

双击【启动MySQL数据库.bat】文件,即运行起了mysql数据库。

php-d-4


1.4设置开发工具

  • 点击开发工具的【窗口】->【首选项】->【Studio配置】->【baas】打开首选项对话框在Baas工程里,选择Baas.php

php-d-5

2.运行开发案例


2.1启动tomcat,查看案例

  • 案例是开发工具自带的,已经设置了数据库并开发了页面功能,那么下面我们讲一下如何运行起我们的案例,然后以后的开发也可以参照案例来开发
  • 首先我们要保证:开启了服务和数据库,工具设置成了php.baas,即我们上面1.3和1.4的设置
  • 启动tomcat,出现如下提示,说明启动成功

php-d-6

  • takeout下的index.w,右键点击用浏览器运行

php-d-7

  • 如下图,外卖案例启动成功

php-d-8

3.建立数据库和库表


3.1建立数据库

  • 双击【启动MySQL管理工具.bat】文件

php-d-9

  • 点击打开,打开数据库,然后我们来创建一个数据库

php-d-10

  • 在下图左上角的WeX5上右键,创建新的->数据库,输入数据库名称testerp

php-d-11

  • 如下图,数据库创建成功

php-d-12


3.2配置数据源

  • 切换回WeX5开发工具,点击窗口->首选项->Studio配置->数据源,点击【增加】来添加数据库

php-d-13

  • 选择MySQL数据库

php-d-14

  • 如下图设置数据源信息,密码为x5

php-d-15

  • 点击测试连接,提示连接成功,即可。然后点击确定,保持设置信息

php-d-16


3.3配置db.config.m文件

  • 打开Baas.php工程下的db.config.m文件,勾选testerp数据库,保存文件

php-d-17


3.4创建表

  • 点击右上角的数据库,切换到数据库操作界面,右键点击testerp,连接数据库

php-d-18

  • 右键点击testerp,创建表

php-d-19

  • 在弹出的创建数据库表对话框中,输入表名称,点击添加字段,添加字段

php-d-20

  • 如下图,我们创建4个字段,并且把fID设置为主键

php-d-21

  • 点击完成,成功创建表

php-d-22

  • 点击wpxx表,点击+添加一条数据,然后保存,刷新,查看数据确实已经存在了。后面我们将会在页面上检索出这条数据来

php-d-23

  • 选中表结构定义,双击fGG,编辑字段

php-d-24

4.创建服务文件


4.1创建服务文件

  • 点击Studio,切换回开发工具

php-d-25

  • 点击Baas.php,右键新建->文件夹,输入文件夹名称testerp

php-d-26

  • 点击Baas.php->testerp文件夹,右键新建->服务,输入服务名称testerp,即创建testerp.service.m服务文件

php-d-27


4.2添加Action

  • 给服务文件添加Action,点击新建数据库表Action,选择数据库testerp,选择表wpxx,点击确定。这样系统自带了2个Action,queryWpxx和saveWpxx,这两个Action一般用来检索和保存wpxx表的数据

php-d-28

  • 右键Baas.php,点击编译模型,进行编译

php-d-29

  • 刷新testerp文件夹,则系统自动生成Testerp__do.php文件

php-d-30

5.创建页面


5.1创建页面

  • 在开发工具的UI2里,右键新建,应用

php-d-31

  • 点击testerp的右键,新建->w文件,选择移动->标准页面,输入文件名index,点击完成

php-d-32


5.2添加控件

  • 点击index.w文件,给model添加一个baasData,(如何添加控件,只要点击一下控件,然后再点击想要放的位置,就可以添加成功。)

php-d-33

  • 选择baasData1,点击tableName弹出对话框,查询出testerp,选中testerp,点击完成。服务里系统创建的Action也一起设置进来了,我们在前台就可以直接调用了

php-d-34

  • 我们看一下baasData1的属性,autoLoad已经设置为true了,所以在页面加载的时候,系统会自动加载baasData1,并且通过调用服务文件里的Action:queryWpxx来进行后台数据检索,然后返回给前台,下面会讲如何绑定数据

php-d-35

  • 在右上角搜索框,输入list,找到list控件,然后添加list控件

php-d-36

  • 同上,给list添加row,这个row自带3列,然后给每个列添加input控件

php-d-30


5.3给控件绑定数据

  • 选择list控件,给属性data绑定baasData1,这样后端返回数据,就会绑定给list控件

php-d-38

  • 选中第一个input,点击bind-ref弹出属性编辑对话框,选择Fwpmc,点击确定。这样会把Fwpmc绑定到列表的第一列

php-d-39

  • 同上,给第二个input设置fGG,给第三个设置fDW


5.4启动tomcat

  • 点击启动tomcat

php-d-40

  • 如下提示,说明启动成功

php-d-41

  • 右键index.w用浏览器运行

php-d-42

  • 如图,我们刚刚建的页面,以及数据库的数据,展示如下

php-d-43

总结:以上是通过系统自带的Action,queryWpxx进行数据检索的。

php-d-44

注意:php如何调用后端服务

假如我们想要自己定义一个Action,我们该怎么处理呢,下面我就讲一下如何自己定义一个Action,然后通过自己定义的Action,前台如何传参给后台,后台处理完之后,如何返回值给前台,点击下面链接调整到php如何调用后端服务文档

php开发-如何调用后端服务