Appcan官网为我们提供两种方式开发应用,一种是:在AppCan的官方网站上创建应用,并在IDE中开发完成后,到官网上进行打包。 还有一种是:下载appcan IDE安装包。AppCan IDE可以用于支持iOS、Android平台手机和平板的高体验Hybrid应用的开发。
唯一的不同在于,新建项目。
Appcan官网是选择:

下载appcan IDE安装包通常是选择:

新建项目有多种方式,最方便快捷的方式为:在项目资源管理器点击鼠标右键,然后"新建"→"项目"→"appcan项目"。
我们的头部都是统一的,所以代码均为:
<!--header开始-->
<div id="header" class="uh bc-text-head ubbc-head">
<div class="nav-btn" id="nav-left">
</div>
<h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">appcan</h1>
<div class="nav-btn" id="nav-right">
<!--按钮开始-->
<!--按钮结束-->
</div>
</div>
<!--header结束-->

我们可在"按钮开始"与"按钮结束"之间做更改,同时更改应用名,效果如下(预览效果前,请记得保存):

内容主题部分,可选默认的插件也可自行定义:
选择默认,如图:

自行定义:
1.主要标签:doc、html、head(title、link等)、body、script。

添加文本框及其登陆按钮:
演示:
<div class="login">
<input type="text"name="username"placeholder="用户名"/>
<input type="password"name="password"placeholder="密码"/>
<button class="btn login-btn"id="post-submit" onclik="postSubmit()">
登陆
</button>
</div>



主要函数:
onclick:点击事件属性
格式:onclick="函数名"
Alert:通过IDE提供的该函数进行显示
格式:alert(要显示的内容)
举例:alert("欢迎访问猿团科技")

进行css样式设置:

下图为效果展示

更多内容,你可查看在线视频教程http://edu.yuantuan.com/course/explore/AppCan

最佳答案

评论() 相关

收藏

赞

不要网名

ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。