【WeX5学习】 后端服务之访问数据库表

   WeX5是跨段移动开发框架，将H5的标签封装成组件，实现可视化、组件化快速开发。实现一次开发，多端（iOS、安卓和微信）运行。WeX5的IDE基于Eclipse，提供了一个彻底可视化、组件化、拖拽式开发环境。开发工具为Studio，包含俩个视图（模型资源、数据库），其中在模型资源中有三个目录，Bass、UI2和Native。Bass是后端服务模型，UI2是前端页面模型，Native是生成的App。

 访问数据库表分为俩个部分进行配置：分别为后端服务模型Baas，前端页面模型UI2，下面分别介绍配置步骤。

• 后端服务模型Bass

      一、配置数据源

      首先运行mysql数据库以及mysql数据库管理工具，在mysql数据库管理工具中新建数据库。以下图所示。

     建好数据库资源以后，回到开发工具studio中开始进行配置，开始配置数据源。打开窗口→首选项→studio配置→数据源，新增数据源。以下图所示。

    切换到数据库视图界面，在在此上面新建一张表，并添加数据。刷新数据源，会看到新建的数据库，双击此数据源，在其下的新建数据库上，右击开始新建表，以下图所示

 

　　新建表后，在数据库中将出现新建的表，双击进入编辑界面，添加数据，以下图所示。

 

  最后一步，Baas配置文件中勾选数据源，以下图所示，至此配置数据源结束。

 

　　2.新建Baas服务

      在Baas文件目录上右击，新建文件夹，在新建的文件上右击，新建服务。以下图所示。

 

　　3.新建action

       在新建服务上，选择新建数据表action，以下图所示。

　　4.模型 编译

        在Baas目录上右键，点击模型 编译

　　5.启动tomcat

       至此后端部分完成。

• 前端页面

       1.新建w文件，拖进baasdata组件到model，将Baas端配置的表格绑定。以下图所示。

 

拖入list组件，进行数据绑定，可在前端实现观看数据。