使用统软云 AVM框架开发预订app

几天前，我和一位朋友合作了一个约会项目。前端使用统软云制作，后端使用PHP开发，使用tp5框架。几天之内就出来了。让我们分享开发中一些功能点的实现。也欢迎您讨论。

1、 组织项目大脑图

2、 项目原型图的原型是用（www.devbefore.com）制作的

3、 项目前端使用统软云开发项目前端。关键点包括刷卡转盘地图、网络请求封装等。它是利用统软云多终端技术开发的，实现一组代码的多终端运行，并支持编译成Android&IOSapp和微信小程序。

1.使用统软云的步骤：（1）下载；统软云 Studio 3充当。下载地址：

（2） 注册帐户后，在控制台上创建app。控制台地址：

（3） 一键设置证书并创建Android证书

（4） 统软云 Studio3提取代码，单击项目，并将其导出到云以进行签出

侦查

签出后的工作目录

（5） 修改或提交项目源代码，并为当前项目的云编译自定义加载器，以进行实时同步调试预览。

使用AppLoader预览实际机器的同步调试。后台自动将其作为加载器下载到移动终端。安装后，单击小圆圈并输入IP地址：192.168.2.152端口：10916。连接后，真机同步，您可以看到刚刚创建的结果。

2.为什么选择AVM来使用AVM框架？

易于使用：使用Vue和React，您可以快速入门，并且它配备了一个特殊的开发工具统软云 Studio3。

多终端：一次性开发、多终端渲染和移动终端开发的一个技术堆栈。

丰富的功能API：可直接调用1000+模块和20000+API，行业和场景无限制）

（1） 用户界面

官方文件：

原来有一个流浪汉制作的AUI框架，非常好。后来，我们使用了一些简单的大公司框架。这取决于我们。许多UI都是我们自己设计和编写的。阿里巴巴字体图标用于字体图标。CSS框架。如果没有选择，可以建议使用AUI。这个框架有CSS基础，可以很容易地修改。源代码不能直接更改。

统软云官方网站已经组装了一组面包车，

（2） Ajax网络交互

//以表单模式提交数据或文件

//以api ajax（{url:'）的形式提交数据或文档https://192.168.1.101:3101/upLoad' ;, & nbsp； ；方法：'post'， ；数据：｛values:｛name:“哈哈”｝， ； ； ；文件：{file:'fs://a.gif'} ； ；}}，函数（ret，err）｛if（ret）｛api.alert（｛msg:JSON.stringify（ret）｝）； ； ；｝否则｛api.alert（｛msg:JSON.stringify（err）｝）； ； ；}}）；//提交JSON数据api ajax（｛url:'https://192.168.1.101:3101/upLoad' ;, & nbsp； ；方法：'post'， ；headers:｛'内容类型'：'application/json；charset=utf-8'｝， ；数据：｛正文：｛名称：“哈哈”｝ ；}}，函数（ret，err）｛if（ret）｛api.alert（｛msg:JSON.stringify（ret）｝）； ； ；｝否则｛api.alert（｛msg:JSON.stringify（err）｝）； ； ；}}）；（3） vue指令的使用（v-for v-show v-if v-else v-for v-on v-bind v-model等）

1> 数据绑定

使用Mustache语法：

<；/text>使用v-bind命令：

2>事件绑定