记帐本修改：WeX5 data组件+服务端Golang+beego通讯测试项目

cruiserli

描述：最近学习WeX5 及 后端的 golang 和 beego框架，跟着教程自己把记帐本做了一遍，后端选择golang，
因为golang集成了Web服务功能，部署很方便（不用像php等搭建Web服务器、php环境等），生成二进制文件，
把可执行服务程序和Web目录丢过去运行即可，运行效率也不错。

myAccount2 采用 data 组件和服务端进行交互，服务端 WexTest项目采用golang+beego框架进行开发；
本项目主要验证前端的WeX5的data组件和后台服务端进行交互。发挥前端方便快捷设计，后端高效及部署方便特点。

前端：Wex5 3.8
后端：golang 1.10.1 + beego 11.1.1
目的：测试Wex5 的 data 组件和 go服务端进行数据交互；
          测试Wex5 中 ScrollView 结合 ListView 和 data 组件加载服务数据；
          测试使用 WindowDialog 打开另外页面，修改后修改后数据并提交保存；
          测试控件绑定 data 组件功能；
主要实现方法：
          客户端：主要重载data组件的 onCustomRefesh() 用于查询记录； onCustomSave()用于保存（增、改、删）；
          这两个函数会在适当的时候被激发，比如：ScrollView下拉刷新、上拉加载更多、手动调用 data.refreshData()  
          和 data.saveData()；
          在onCustomSave()中通过ajax向服务端发送数据请求（封装的convertToServerJSON函数，转换为自定义json格式）；
          在onCustomRefresh中获取服务端发来的请求，通过 data.newData()或者 data.addData() 添加数据；
         
          服务器端：主要使用beego的ORM定义模型（自动建表，自动建数据库功能还没加上去），调用CRUD对数据库进行操作；
          注意一点就是在部署的时候，因为Wex5生成的单页面静态文件，所以放在 static 静态目录中，

          apache等Web服务器独立部署没有问题，参考另外的《部署说明》文档
服务端运行（当前Windows，go还支持linux，）：

App运行效果：

服务端运行：




服务器端目录结构：



Wex5打包地址配置：

客户端分类保存提交代码：
服务端查询记账记录：

服务端多条记录增、改、删事务（beego还是非常方便的）：

附件：
WeX5 data组件和服务端Golang+beego通讯测试项目.rar (4.69 MB, 下载次数: 151)

2018-12-13 09:38 上传

点击文件名下载附件