wex5开发外卖app笔记

最新推荐文章于 2021-10-20 14:51:05 发布

原创最新推荐文章于 2021-10-20 14:51:05 发布 · 2.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#app

学习笔记专栏收录该内容

15 篇文章

订阅专栏

本文介绍了使用WEX5开发跨平台应用时的各种实用技巧，包括组件自适应、拖拽操作、样式设置、本地APP创建流程、数据库配置注意事项及常见问题解决办法。

1、panel组件可以自适应各种屏幕的大小，top标题栏和bottom导航栏大小固定，中间部分会根据内容自动改变大小

2、组件的拖拽方式：左边选定父容器，右边双击。或者右边单击组件，左边父容器上单击。

3、class：x-card：卡片风格：每一行之间有一条横线

4、创建本地app：选择模式三，手机上的内容会随wex5开发工具的更新而更新，便于调试–web路径不用改–首页：双击 index.w；这三个目录就是在浏览器访问这个页面的地址—不选中waimai文件夹表示不把资源达到手机app中去我，因为选了模式三所以不选中此文件夹

5、版本号：三段即中间有两个点

6、可以将生成的apk文件（在UI2下）拖到夜神模拟器中模拟手机中运行

7、模型编译之后需要重启tomcat，模型编译调试模式不需要但是用调试模式前需要导入serverbaas：新建java视图–包资源管理器右键导入–常规–现有项目–runtime目录下的baasserver导入即可—然后就可以进行模型编译调试模式了（使用之前先重启tomcat）

8、数据库：当自己电脑里的mysql端口号和wex5自带的mysql端口号3306冲突时一定要保证自己电脑的mysql是关闭的或者修改端口号为3307等，不然开发时会有问题。

9、拖放组件是组边一栏上下顺序会影响界面的显示顺序

10、dl标签用法：

<html>

<body>

<h2>一个定义列表：</h2>

<dl>
   <dt>计算机</dt>
   <dd>用来计算的仪器 ... ...</dd>
   <dt>显示器</dt>
   <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>

</body>
</html>

运行结果
一个定义列表：

计算机
（缩进两个字）用来计算的仪器 … …
显示器
（缩进两个字）以视觉方式显示信息的装置 … …

11、如何将数据库中的数据显示到前端界面：
1、建好数据库
2、在baas中新建服务–为服务关联数据库并添加动作（查询等动作）–在前端界面添加baasData组件并将器tablename属性设置为数据库响应的表。–然后在界面添加输出组件并关联baasdata组件即可显示baasdata中的数据。

问题总结：
1、获取BAAS模型定义失败：error,4,Internal Server Error
解决：重装软件。

2、list不能自动适应屏幕的大小：：原因：我手动为list的li设置了宽度，去掉即可。