先注册,然后创建应用,然后用微信扫某个二维码,在浏览器打开链接下载app,看一下
然后下载TortoiseSVN,新建文件夹,随便取个名字demo1
,然后右键弹出的菜单里看一下SVN Checkout
怎么把代码拉到这个新建文件夹名为demo1
里面,按照提示教程,输入用户名即注册apicloud的邮箱,然后密码是点击获取分支密码获得。之后等一下就可以看到提示,然后显示文件一个一个被下载下来了。
之后稍微修改一下,测试一下commit文件是怎么样的。右键单击demo1
,点击SVN Commit
,点击ok
,version2生成了,可以点击merge
试试,然后选择demo1
目录。之后再看网页就可以看到一些记录。然后点击云编译
,配置一下生成二维码扫一下在手机上看下是不是成功的。
下载开发工具,APICloud Studio 2
想要用真机测试。在菜单栏找到帮助-WIFI真机同步IP和端口
,之后根据提示要下载APPLoader
到真机上。
连接上后,在菜单中找项目-运行
,这样手机上就能看到效果了。
下一步,修改一些文件,比如一个button按扭,点击跳转到下一个html页面。
一开始尝试看看这样行不行
<button onclick="goto()">click goto side page</button>
<script>
function goto() {
console.log('goto')
api.openFrame({
name: 'side',
url: './side.html',
bounces: true,
rect: { // 推荐使用Margin布局,用于适配屏幕的动态变化
marginTop: headerH, // main页面距离win顶部的高度
marginBottom: footerH, // main页面距离win底部的高度
w: 'auto' // main页面的宽度 自适应屏幕宽度
}
});
}
</script>
结果根本不行
那么查文档,在前端框架-APICloud前端框架
里面,.dom()
和.addEvt()
,经过测试,这样的代码可行
<button id="btn001">click goto side page</button>
<script>
var btn = $api.dom('#btn001')
$api.addEvt(btn, 'click', function() {
console.log('walawala')
})
</script>
下一步看一下怎么跳转网页?在html文件夹下创建文件side.html
,然后随便写点什么
只写有测试使用openWin, closeWin
,页面糊了。暂时不明白什么情况,等后续再去了解。
在main.html
中这么写
<script>
var btn = $api.dom('#btn001')
$api.addEvt(btn, 'click', function() {
console.log('walawala')
api.openFrame({
name: 'side',
url: './side.html',
pageParam: {
name: 'test'
},
})
console.log('hahahaha')
api.closeFrame({
name: 'main'
});
})
</script>
这样的话基本就可以实现跳转页面了
然后这个内容好像位置不太对。可以参考一下index.html
里面怎么配置的。尝试使用vue.js作为前端框架
<script src="../script/vue.js"></script>
<script>
var vm = new Vue({
el: '#vueInstance',
data: {
},
methods: {
vuebtn: function(event) {
console.log('vue button works')
}
}
})
console.log("vm",vm)
</script>
控制台成功输出了
那么怎么样使用Single File Components?
怎么样结合vue-cli呢。 今天就到这里,下次再试吧。应该新建文件夹试试。