基于SpringBoot+Netty的聊天App开发日志（三）

MUI H5+Hbuilder

MUI公司

MUI文件

H5+（H5+）

Hbuilder开发工具

图像.png

图像.png

我下午没做什么。我想了很久一个名字。我想到了“友谊”、“聊天”和“思考”。最后，我想到了一件事，嗯，“思考”。我觉得还好。我还有一个小时的时间去寻找符合图标的图标——可能是强迫症的原因

（这是我不想写前端的原因之一！！如果我有时间，我可以继续选择图标！）

最后，我最好选择这个小清新的简单图标。此外，雷姆蓝（#66ccff）很漂亮。我会永远爱雷姆·布鲁~

摘要：

虽然我以前听说过MUI和H5Plus，但今天亲自使用它们真的很有趣

官方文件很简单。这感觉和编写jQuery一样——但我已经很久没有编写前端了。即使我报告了错误，我也找不到问题。是碎鸡蛋

关于界面布局和逻辑：

通过Hbuilder生成的App项目有一个索引主页，其他四个页面主要通过该主页设置。的显示和隐藏都可以实现跳跃，如此简单

主要逻辑在这里

缪。plusReady（函数）{

//获取当前webview对象

var indexWebview=plus.webview.currentWebview（）；

//将子页面的4个网络视图对象附加到当前主页网络视图

对于（var i=0；i

var sixinPage=plus.webview.create（sixinArray[i].pageUrl，

sixinArray[i]。页面ID、sixinStyle）；

//创建后，不需要立即显示。它仅在单击时显示，因此网络视图窗口被隐藏

sixinPage.hide（）；

//将每个子页附加到当前主页

indexWebview.append（sixinPage）；

}

//设置默认显示页面

plus.webview.show（sixinArray[0].pageId）；

//批量绑定点击（单击）事件以显示不同页面

//通过mui选择器选择唯一的类。On表示触发的事件，tap表示手指触摸和点击事件的类型

//第二个参数表示链接对象，也可以用公共a标记替换

mui（“.mui栏选项卡”）。打开（“tap”，“.mui选项卡项”，函数（）{

//或者在（“tap”，“a”，function（）上使用标签选择器mui（“.mui bar tab”）{

//将事件名称添加到要单击的标记并获取相应的对象

var tabindex=this.getAttribute（“tabindex”）；

//显示点击的页面、第一个ID、第二个动画效果和第三个延迟时间

plus.webview.show（sixinArray[tabindex].pageId，“淡入”，150）；

//隐藏不需要的页面

对于（var i=0；i

如果（i！=选项卡索引）{

plus.webview.hide（sixinArray[i].pageId，“淡出”，150）；

}

}

});

});

一些更具欺骗性的观点：

1.最新的HBuilderX是草地绿化

图像.png

我总是被自己卡住……我去了官方社区看看什么是常见的问题……所以我把旧版的《红姑妈》还给了我

图像.png

2.事实证明，将附加属性直接添加到标签是一种官方预设。我以为我定制了它…所以我很长一段时间都没有拿到身份证

正确代码：

图像.png

错误代码：

图像.png

3.iPhone XR无法在真机上调试。花了很长时间才将iTunes更新到最新版本

我别无选择，只能再次进行官方搜索。哦哦，

图像.png

因此，洪阿姨的HBuilder无法在xr上的真机上调试。只有最新版本的草地绿HBuilder X可以调试。但是鹅，这张卡是PPT…丢弃它，用Bomb 7轻松调试

晚饭后，晚上继续

使用Mybatis反向生成工具

坑点：

1.数据库版本错误

2.时区错误

3.SSL警告

4.由于项目的不同模块，反向工具的配置文件存储在不同的位置，生成的包的位置需要修改

5.使用反向生成工具重新打包

6.yml的属性

错误：mybatis。mapper位置=classpath:mapper/xml----->正确：

图像.png

前一个也是错误的。稍后使用yml处理此问题是正确的：

图像.png

映射器位置：类路径：mapper/.xml

坑太多了。我已经关门很久了。我累了，休息一下

谢谢你救了我的命

转移到yml

最后，我设置了后端。我累了

然后去构建一个前端App，这又是一个大洞！！！

我以localhost的形式编写了请求服务器的URL地址，看起来无法识别。此外，Hbuilder似乎不支持调试。然后我点击了很长时间，连接的前端和后端都出现了故障。最后，我别无选择，只能阅读官方文件

图像.png

也许我累了，瘫痪了。我发现了这个问题并成功解决了

非常感谢这位兄弟-->

“请注意，请求的URL地址必须是IP