创建一个AppCan应用
应用打包
1、应用简介
2、开发环境下载>>AppCan IDE 在AppCan的官方网站上创建应用，并在IDE中开发完成后，到官网上进行打包。
1）、注册并登陆AppCan应用管理系统（ ）。
2）、点击创建应用。
3）、 输入你的应用名称，和应用描述，然后保存。
4）、点击【开发】按钮，进入天气应用的详细信息。
5）、打开AppCan IDE，并用刚才注册的用户登陆
6）、登录进入IDE
7）、点击新建项目
8）、选择同步AppCan 项目，点击下一步。
9）、选择天气点击完成。
10）、整个应用创建完成了。
3、应用开发 1) 、打开index.html页面加入应用头部，我们的头部都是统一的，所以加入一下代码
2）、 打开index_content.html页面这个是我们的内容页面。因为这是天气列表内容页，引入列表控件的js文件、css文件（appcan.listview.js、appcan.control.css）,在body中插入一个容器元素来显示列表内容。
3）、用listview控件添加列表内容我们添加六个城市，listview的icon我们放置天气状况，设置天气列表,刚开始我们我们用默认图片，等列表加载完成之后我们 用appcan.request.ajax()方法异步请求真正的天气列表数据。
var lv = appcan.listview({
selector : ".city-list",
hasIcon : true,
hasAngle : true
});
lv.set([{
title : "北京",
icon:"./css/res/appcan_s.png",
icontitle : "",
}, {
title : "南京",
icon:"./css/res/appcan_s.png",
icontitle : "",
}, {
title : "杭州",
icon:"./css/res/appcan_s.png",
icontitle : "",
},{
title : "深圳",
icon:"./css/res/appcan_s.png",
icontitle : "",
},{
title : "上海",
icon:"./css/res/appcan_s.png",
icontitle : "",
},{
title : "三亚",
icon:"./css/res/appcan_s.png",
icontitle : "",
},{
title : "昆明",
icon:"./css/res/appcan_s.png",
icontitle : "",
}]);
列表添加完成，异步获取天气状况，我们用百度的天气api。
function updateInfo(city,ele){
varweatherUrl = 'http://api.map.baidu.com/telematics/v3/weather?location='+city+'&output=json&ak=hTXrtTGGcljoOMdf2jZcc1yD';
appcan.request.ajax({
url:weatherUrl,
type:'GET',
dataType:"json",
success: function(data){
if(data.error){
alert('获取天气出错');
}else{
varweatherData = data.results[0].weather_data;
var today = weatherData[0];
$(ele).find('.lis-icon-s').css('background-image','url("'+today.dayPictureUrl+'")');
}
}
});
}
添加点击事件，当点击的时候保存点击的城市，并打开详情页面。
4）、我们添加一个方法当页面下拉的时候完成刷新动作，appcan sdk中已经封装好了该方法
5）、到此我们就完成了整个城市列表的内容了下面就是完成的内容。
6）、新增天气详情页面detail.html、detail_content.html两个页面detail.html页面里面我们加一个标题和页尾，标题加一个返回按钮
7）、我们用button控件来给返回按钮加上事件
8）、获取当前城市并设置当前状态页面，标题的内容
9）、现在添加城市天气详情页面，因为天气为三天的天气，所以我们这里可以用列表控件，先生成列表数据，三天天气都大致相同，我们定义一个模版。
10）、新增更新天气函数，来更新天气数据
function updateForecast(weatherData){
//生成列表模版
var render = appcan.view.template($('#weather-tmp').html());
var weatherList =[];
//遍历整个数据渲染整个列表添加到数据中
for(var i =0,len=weatherData.length;i var res = render({weather_data:weatherData[i]}); weatherList.push({ title:res }); } //创建一个listview对象设置渲染的数据到列表中 var lv = appcan.listview({ selector : ".city-detail", hasIcon : false, hasAngle : false }); lv.set(weatherList); } 11）、执行更新数据，在更新数据前先打开一个提示框表明正在加载数据，当数据加载成功删除提示框，把获取的数据传给更新列表函数进行渲染 12）初始化页面，获取传来的城市然后根据该城市更新页面数据 4、应用打包 开发完成打包应用有两种方式，一种是本地打包，一种是线上打包。 4.1、本地打包（仅供测试使用） 或者右键点击phone，然后点击生成安装包 2）、可以修改应用名称，上传图标，我们使用默认的然后点击下一步 3）、选择要生成的平台，启动画面点击下一步 4）、选择需要的插件然后点击完成。等待打包如果打包完成就会自动打开应用目录。 4.2、线上打包1）、点击右键把代码提交的服务器 2）、选择要提交的文件。点击ok 3）、选择应用进入详情页面，并点击应用开发，进入应用开发页面 4）、点击应用打包，点击图标设置可以修改图标，点击启动页面可以修改启动页面，然后选择插件，证书，最后点击云端打包。 5）、选择平台和版本号，点击生成安装包。 6）、等待打包完成，可以下载生成的安装包了，点击下一步进入应用详情页面。 5、更多开发操作详细查看专题。 以上信息是否解决您的问题？是 免费注册，快速体验