物聯網行動商務實務: 2017

2017年1月23日星期一

firebase 事件 storage 存取

db.on("child_added,function(s)
{

}

1.child_added:當存在child node或新的child node
2.value:當有資料新增十或更新時
3.child_changed:當child node被修改時
4.childs_removed 當child node被刪除時
===============================================
http://sj82516-blog.logdown.com/posts/1064788/teaching-firebase-page-four-rest-and-storage
storage
儲存影音、照片等大型檔案資料，跟Google Cloud Storage相通
1.網址進入firebase資料庫管理系統
2.指定firebase產品種類 storage
3.設定參考點
4.傳送，讀取，刪除節點資料
<script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>//進入firebase資料庫管理系統
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
// Initialize Firebase
var config = {
apiKey: "AIzaSyAkLj-VUslww1eRfzRdPeMUS25hPs_T320",
authDomain: "hopetext-88e84.firebaseapp.com",
databaseURL: "https://hopetext-88e84.firebaseio.com",
storageBucket: "hopetext-88e84.appspot.com",
messagingSenderId: "385304339266"
};
firebase.initializeApp(config);

var storage=firebase.storage();//指定firebase產品種類 storage
alert(storage);
});
</script
===============================
var storageref=storage.ref();//.設定參考點
=====================================
檔案傳送
1<input type="file" id="file1" name="file" size="50" />

var ups=document.getElementById("file1");
ups.addEventListener("change",function()
{
var f=this.files[0];
storageRef.child(f.name).put(f);
alert("檔案上傳成功");
},false);
2.storageRef.child(f.name).put(f);
==============
用listener 監聽
<script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
// Initialize Firebase
var config = {
apiKey: "AIzaSyAkLj-VUslww1eRfzRdPeMUS25hPs_T320",
authDomain: "hopetext-88e84.firebaseapp.com",
databaseURL: "https://hopetext-88e84.firebaseio.com",
storageBucket: "hopetext-88e84.appspot.com",
messagingSenderId: "385304339266"
};
firebase.initializeApp(config);

var storage=firebase.storage();
var storageRef=storage.ref();

var ups=document.getElementById("file1");
ups.addEventListener("change",function()
{
var f=this.files[0];
storageRef.child(f.name).put(f);
alert("檔案上傳成功");
},false);

});
</script>
<body>
<form name="f1" id="f1">
影像；<input type="file" id="file1" name="file" size="50" />
</form>
</body>
============================
用button控制
<script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
$("#bt1").click(function()
{
// Initialize Firebase
var config = {
apiKey: "AIzaSyAkLj-VUslww1eRfzRdPeMUS25hPs_T320",
authDomain: "hopetext-88e84.firebaseapp.com",
databaseURL: "https://hopetext-88e84.firebaseio.com",
storageBucket: "hopetext-88e84.appspot.com",
messagingSenderId: "385304339266"
};
firebase.initializeApp(config);

var storage=firebase.storage();
var storageRef=storage.ref();

var ups=document.getElementById("file1");
var f=ups.files[0];
var realup=storageRef.child(f.name).put(f);
alert("檔案上傳成功");

});
});
</script>
<body>
<form name="f1" id="f1">
影像；<input type="file" id="file1" name="file" size="50" />
<input type="button" id="bt1" name="bt1" value="傳送" >
</form>
</body>
======================
一次傳兩個檔案
$(document).ready(function()
{
$("#bt1").click(function()
{
// Initialize Firebase
var config = {
apiKey: "AIzaSyAkLj-VUslww1eRfzRdPeMUS25hPs_T320",
authDomain: "hopetext-88e84.firebaseapp.com",
databaseURL: "https://hopetext-88e84.firebaseio.com",
storageBucket: "hopetext-88e84.appspot.com",
messagingSenderId: "385304339266"
};
firebase.initializeApp(config);

var storage=firebase.storage();
var storageRef=storage.ref();

var ups=document.getElementById("file1");
var f=ups.files[0];
var realup=storageRef.child(f.name).put(f);

var ups2=document.getElementById("file2");
var f2=ups2.files[0];
var realup2=storageRef.child(f2.name).put(f2);
alert("檔案上傳成功");

});
});
</script>
<body>
<form name="f1" id="f1">
影像一；<input type="file" id="file1" name="file" size="50" /><p>
影像二；<input type="file" id="file2" name="file2" size="50" /><p>
<input type="button" id="bt1" name="bt1" value="傳送" >
</form>
=================
檔案讀取
var storageRef=storage.ref();
var atarRef=storageRef.child('x11.jpg');
starsref.getDownloadURL().then(function(url) //取得下載路徑
{

}).catch(function(error) 檔案不存在執行例外事件
{

alert(
});
=======================
ex
<script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{

// Initialize Firebase
var config = {
apiKey: "AIzaSyAkLj-VUslww1eRfzRdPeMUS25hPs_T320",
authDomain: "hopetext-88e84.firebaseapp.com",
databaseURL: "https://hopetext-88e84.firebaseio.com",
storageBucket: "hopetext-88e84.appspot.com",
messagingSenderId: "385304339266"
};
firebase.initializeApp(config);

var storage=firebase.storage();
var storageRef=storage.ref();

var starsRef=storageRef.child('x9.jpg');
starsRef.getDownloadURL().then(function(url)
{
document.getElementById('img1').src=url;
}).catch(function(error)
{
alert(error);
});

});
</script>
<body>
<img id="img1" name="img1" width="160" height="200" />
</body>
==================================
刪除
<script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{

// Initialize Firebase
var config = {
apiKey: "AIzaSyAkLj-VUslww1eRfzRdPeMUS25hPs_T320",
authDomain: "hopetext-88e84.firebaseapp.com",
databaseURL: "https://hopetext-88e84.firebaseio.com",
storageBucket: "hopetext-88e84.appspot.com",
messagingSenderId: "385304339266"
};
firebase.initializeApp(config);
$("#bt1").click(function()
{

var storage=firebase.storage();
var storageRef=storage.ref();

var t=document.getElementById("t1").value;
var starsRef=storageRef.child(t);
starsRef.delete().then(function(url)
{
alert("已刪除")
}).catch(function(error)
{
alert(error);
});

});
});
</script>
<body>
<form id="f1" name="f1">
欲刪除檔案；
<input type="text" id="t1" name="t1" size="20" />
<input type="button" id="bt1" name="bt1" value="刪除" />
</form>
</body>

2017年1月20日星期五

firebase排序

firebase排序
1.orderByChild()
2.orderByKey()
3.orderByValue()

ex
db.orderByChild("pid").on("child_added",funtion(s)
{
.取值:s.val().欄位名稱
.
.
.
.
});
===================
event
1.child_added
2.child_changed
3.child_removed
4.child_moved
5value

================

<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
var str="";
db=new Firebase( "https://hopetext-88e84.firebaseio.com");

db.orderByChild("pid").on("child_added",function(s)
{
str=str+s.val().pid+"  "+s.val().pname+"  "+s.val().pbirth+"  "+s.val().pblood+"  "+s.val().pschool+"<p>"

document.getElementById("dv1").innerHTML=str;
});

});
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none" background="bg7.jpg" >
<tr>
<td ><div id="dv1" style="width:300px; height:500px; overflow:scroll; "></div></td>
</tr>
<tr>
<td height="10" align="right" >
<a href="dbpageform5.html">回首頁</a>
</td>
</tr>
</table>
</form>
</center>
</body>
===================
http://hophd.com/firebase-hosting/

$.each(data.val(),function(k,v)
{
var likename=v.pname;
var likedata=likename.charAt(0);
if (likedata==n)
{
str=str+v.pid+"  "+v.pname+"  "+v.pbirth+"  "+v.pblood+"  "+v.pschool+"<p>"
document.getElementById("dv1").innerHTML=str;
}

})
======================
$(document).ready(function()
{
var str="";
$("#qbt1").click(function()
{
var n=document.getElementById("t1").value;
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.on('value',function(data)
{
$.each(data.val(),function(k,v)
{
var likename=v.pname;
var len=likename.length;

for (var i=0;i<len;i++)
{
var likedata=likename.charAt(i);

if (likedata==n)
{
str=str+v.pid+"  "+v.pname+"  "+v.pbirth+"  "+v.pblood+"  "+v.pschool+"<p>"
break;
}
}

})

document.getElementById("dv1").innerHTML=str;
});
});
});
===========================================

$(document).ready(function()
{
var str="";
$("#qbt1").click(function()
{
var n=document.getElementById("t1").value;
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.on('value',function(data)
{
$.each(data.val(),function(k,v)
{
var likename=v.pname;
var likedata=likename.charAt(0);
alert(likedata);
if (likedata==n)
{
str=str+v.pid+"  "+v.pname+"  "+v.pbirth+"  "+v.pblood+"  "+v.pschool+"<p>"
document.getElementById("dv1").innerHTML=str;
}

})

});
});
});
============================================

firebase刪除

hopetext 父節點
child(key) +-kal....子節點

刪除其中一筆資料
db.child(key).remove();
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
var str="";
var key="";
var f=false;
$("#qbt1").click(function()
{
var id=document.getElementById("t1").value;
if(id!="")
{
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.on('value',function(data)
{
$.each(data.val(),function(k,v)
{
if (id==v.pid)
{
key=k;
str=str+v.pid+"  "+v.pname+"  "+v.pbirth+"  "+v.pblood+"  "+v.pschool+"<p>"
f=true;
}
})

document.getElementById("dv1").innerHTML=str;
if (f==false)
{
alert("資料錯誤，請重新輸入");
document.getElementById("qbt1").focus();
}

});
}
else
{
alert("請輸入資料");
document.getElementById("qbt1").focus();
}

});
$("#dbt1").click(function()
{
if (key!="")
{
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.child(key).remove;
alert("delete finished");
}
else
{
alert("確認資料是否正確？");
}
});
});
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none" background="bg7.jpg" >
<tr>
<td width="300" align="right" >查詢編號
<input type="text" id="t1" name="t1" size="20" /><br/>
<input type="button" id="qbt1" name="qbt1" value="查詢" />
</td>
</tr>
<tr>
<td ><div id="dv1" style="width:300px; height:500px; overflow:scroll; "></div></td>
</tr>
<tr>
<td width="300" align="center" >
<input type="button" id="dbt1" name="dbt1" value="刪除" />
</td>
</tr>
<tr>
<td height="10" align="right" >
<a href="dbpageform5.html">回首頁</a>
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
=======================
修改

<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
var str="";
var id="";
var name="";
var birth="";
var blood="";
var school="";
var key="";
$("#qbt1").click(function()
{
var id=document.getElementById("t1").value;

db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.on('value',function(data)
{
$.each(data.val(),function(k,v)
{
if (id==v.pid)
{
key=k;
document.getElementById("t2").value=v.pid;
document.getElementById("t3").value=v.pname;
document.getElementById("t4").value=v.pbirth;
document.getElementById("t5").value=v.pblood;
document.getElementById("t6").value=v.pschool;
}

});
});

});
$("#mbt1").click(function()
{
//alert(key+id+name+birth+blood+schoo);
id=document.getElementById("t2").value;
name=document.getElementById("t3").value;
birth=document.getElementById("t4").value;
blood=document.getElementById("t5").value;
school=document.getElementById("t6").value;
if (key!=""&&id!=""&&name!=""&&birth!=""&&blood!=""&&school!="")
{
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.child(key).set({pid:id,pname:name,pbirth:birth,pblood:blood,pschool:school});
alert("modify finished");
}
else
{
alert("資料錯誤");
}
})
});
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none" background="bg7.jpg" >
<tr>
<td height="10" align="right" >查詢編號
<input type="text" id="t1" name="t1" size="20" />
<input type="button" id="qbt1" name="qbt1" value="查詢" />
</td>
</tr>
<tr>
<td >
編號：<input type="text" id="t2" name="t2" size="30" /><p>
姓名：<input type="text" id="t3" name="t3" size="30" /><p>
生日：<input type="text" id="t4" name="t4" size="30" /><p>
血型：<input type="text" id="t5" name="t5" size="30" /><p>
學歷：<input type="text" id="t6" name="t6" size="30" /><p>
</td>
</tr>
<tr>
<td width="300" align="center" >
<input type="button" id="mbt1" name="mbt1" style="width:300px" value="修改" />
</td>
</tr>
<tr>
<td height="10" align="right" >
<a href="dbpageform5.html">回首頁</a>
</td>
</tr>
</table>
</form>

2017年1月18日星期三

firebase 取值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
$("#bt1").click(function()
{

var id=document.getElementById("t1").value;
var name=document.getElementById("t2").value;
var birth=document.getElementById("t3").value;
var blood=document.getElementById("se1").value;
var school=document.getElementById("se2").value;
alert(id +" "+name+" "+birth+" "+blood+" "+school);
if (id!="")
{
if (name!="")
{
var db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.push({pid:id,pname:name,pbirth:birth,pblood:blood,pschool:school});
alert("資料寫入firebase成功 1");
}
else
{
alert("請輸入姓名資料");
document.getElementById("t1").focus();
}
}
else
{
alert("請輸入編號資料");
document.getElementById("t1").focus();
}
});
$("#bt2").click(function()
{
location.href="dbpageform5.html";
});
$("#bt3").click(function()
{
location.href="dbpagebrower5.html";
});
$("#bt4").click(function()
{
location.href="dbpagequery5.html";
});
$("#bt5").click(function()
{
location.href="dbpagequeryIn5.html";
});
});
function textfun1()
{
var id=document.getElementById("t1").value;
if (id!="")
{
document.getElementById("sp1").innerHTML="";
}
else
{
document.getElementById("sp1").innerHTML="<font color='#FF0000'>*[p1001]</font>";
}
}
function textfun2()
{
var id=document.getElementById("t2").value;
if (id!="")
{
document.getElementById("sp2").innerHTML="";
}
else
{
document.getElementById("sp2").innerHTML="<font color='#FF0000'>*[p1001]</font>";
}
}

</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none">
<tr>
<td colspan="2">雲端個人資料</td>
</tr>
<tr><td colspan="2">編號：<input type="text" id="t1" name="t1" size="30" onchange="textfun1()" />
<br /><span id="sp1" ><font color="#FF0000">*[p1001]</font></span>
</td>
</tr>
</tr>
<tr><td colspan="2" >姓名：<input type="text" id="t2" name="t2" size="30" onchange="textfun2()" />
<br /><span id="sp2" ><font color="#FF0000">*[p1001]</font></span>
</td>
</tr>
</tr>
<tr><td colspan="2" >生日：<input type="text" id="t3" name="t3" size="30" /></td>
</tr>
</tr>
<tr><td colspan="2" >血型：
<select id="se1" name="se1" style="width:50px">
<option value="A">A </option>
<option value="B">B </option>
<option value="O">O </option>
<option value="AB">AB </option>
</select>
</td>
</tr>
<tr>
<td colspan="2">學歷：
<select id="se2" name="se2" style="width:100px">
<option value="中學">中學 </option>
<option value="專科">專科 </option>
<option value="大學">大學 </option>
<option value="研究所">研究所 </option>
<option value="其他">其他</option>
</select>
</td>
</tr>
<tr>
<td align="center">
<input type="button" id="bt1" name="bt1" value="儲存" />
</td>
<td align="center" >

<input type="button" id="bt2" name="bt2" value="清除" />
</td>
</tr>
<tr>
<td align="center">
<input type="button" id="bt3" name="bt3" value="瀏覽" />
</td>
<td align="center" >

<input type="button" id="bt4" name="bt4" value="查詢" />
</td>
</tr>
<tr>
<td align="center" >
<input type="button" id="bt5" name="bt5" value="區間查詢" />
</td>
</tr>
<tr>
<td colspan="2" align="right">Firebase Database</td>
</tr>
</table>
</form>
</center>
</body>
</html>

================================
dbpagebrower5.html
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
var str="";
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.on('value',function(data)
{
$.each(data.val(),function(k,v)
{
str=str+v.pid+"  "+v.pname+"  "+v.pbirth+"  "+v.pblood+"  "+v.pschool+"<p>"
});

document.getElementById("dv1").innerHTML=str;

});

});
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none">
<tr>
<td ><div id="dv1" style="width:300px; height:500px; background-color:#0FF"></div></td>
</tr>

</table>
</form>
============================
dbpagequery5.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
var str="";
$("#qbt1").click(function()
{
var id=document.getElementById("t1").value;
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.on('value',function(data)
{
$.each(data.val(),function(k,v)
{
if (id==v.pid)
{
str=str+v.pid+"  "+v.pname+"  "+v.pbirth+"  "+v.pblood+"  "+v.pschool+"<p>"
document.getElementById("dv1").innerHTML=str;
}

});

});
});
});
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none" background="bg7.jpg" >
<tr>
<td height="10" align="right" >查詢編號
<input type="text" id="t1" name="t1" size="20" />
<input type="button" id="qbt1" name="qbt1" value="查詢" />
</td>
</tr>
<tr>
<td ><div id="dv1" style="width:300px; height:500px; overflow:scroll; "></div></td>
</tr>
<tr>
<td height="10" align="right" >
<a href="dbpageform5.html">回首頁</a>
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
=================
區間查詢
$(document).ready(function()
{
var str="";
$("#qbt1").click(function()
{
var sid=document.getElementById("t1").value;
var eid=document.getElementById("t2").value;

db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.on('value',function(data)
{
$.each(data.val(),function(k,v)
{
if (v.pid>=sid && v.pid<=eid)
{
str=str+v.pid+"  "+v.pname+"  "+v.pbirth+"  "+v.pblood+"  "+v.pschool+"<p>"

}
document.getElementById("dv1").innerHTML=str;
});

});
});
});
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none" background="bg7.jpg" >
<tr>
<td height="10" align="left" >查詢開始編號
<input type="text" id="t1" name="t1" size="20" /><br/>查詢結束編號
<input type="text" id="t2" name="t2" size="20" /><p>
<input type="button" id="qbt1" name="qbt1" value="查詢" style="width:300px" />
</td>
</tr>
<tr>
<td ><div id="dv1" style="width:300px; height:500px; overflow:scroll; "></div></td>
</tr>
<tr>
<td height="10" align="right" >
<a href="dbpageform5.html">回首頁</a>
</td>
</tr>
</table>
</form>
</center>
</body>

2017年1月16日星期一

firebase put資料

2017年1月13日星期五

使用firebase

android web 設定

加新檔------專案=>NEW=>other=>androidActivity=>Blank
=================================

<activity
android:name="com.example.helloproject1.Hopeac2"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
===============
package com.example.helloproject1;

import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.widget.*;
import android.webkit.*;

public class Hopeac2 extends Activity
{
private WebView wv1=null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_hopeac2);

wv1=(WebView)findViewById(R.id.webView1);

WebSettings ws=wv1.getSettings();
ws.setJavaScriptEnabled(true);
ws.setBuiltInZoomControls(true);
ws.setJavaScriptCanOpenWindowsAutomatically(true);

wv1.loadUrl("file:///android_asset/ex2.html");
}
}
=====================================================
參考http://www.viralandroid.com/2015/08/simple-android-webview-example.html
===========================================
資源檔
1.檔名不可用數字開頭
2.檔名和副檔名不可以大寫
3.檔名不可以用繁體中文
4.檔名不可以用特殊符號% ,-, #, $, /,^
================================
https://www.eclipse.org/downloads/packages/release/Neon/2

==========================
package com.example.helloproject1;

import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.widget.*;
import android.webkit.*;

public class Hopeac2 extends Activity
{
private WebView wv1=null;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_hopeac2);

wv1=(WebView)findViewById(R.id.webView1);

WebSettings ws=wv1.getSettings();
ws.setJavaScriptEnabled(true);
ws.setBuiltInZoomControls(true);
ws.setJavaScriptCanOpenWindowsAutomatically(true);

WebChromeClient wcc=new WebChromeClient()
{

@Override
public boolean onJsAlert(WebView view, String url, String message,
JsResult result) {
// TODO Auto-generated method stub
return super.onJsAlert(view, url, message, result);
}

};
wv1.setWebChromeClient(wcc);

wv1.loadUrl("file:///android_asset/dbpageform5.html");
}

}

2017年1月11日星期三

appsev 安裝

127.0.0.1
ms-dos :ipconfig
IP address
192.168.0.65:80
192.168.65:8082

----------------------
java sdk
Android Eclipse
simulation
實績測試
====================
src:App原始檔
gen:R關聯檔
assets:外部資源檔(網頁圖片視訊文字...)
bin:執行檔apk
lib:函數庫
res:內部資源檔(圖片視訊文字...)
AndroidManifest.xml:App主設定檔
============================
1.總版面Vertical
子版面 Horizontal
2.背景圖放入res/drawable-mdpi
在專案refresh TextView =>text輸入"我得第一個App"
3.src的專案 run as configulations=>選Android Appliction 專案執行 launch檔案
=================================
import android.os.Bundle; App 參數訊號
import android.app.Activity;App機動畫面
import android.view.View; UI組合庫
import android.widget.*; UI基底庫

public class Hopepro1 extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_hopepro1);
}

=========================
AndroidManifest.xml:App主設定檔加
<uses-sdk
android:minSdkVersion="8"
android:targetSdkVersion="17" />

<uses-permission android:name="android.permission.INTERNET" />

<application
======================
WebView元件表示法
private WebView mv=(WebView)findViewById(R.id.webView1);
===============================================
import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.webkit.WebView;
import android.widget.*;

public class Hopepro1 extends Activity {

private WebView wv1=null;
@Override
protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);
setContentView(R.layout.activity_hopepro1);

wv1=(WebView)findViewById(R.id.webView1);
// wv1.loadUrl("http://www.google.com/");
wv1.loadUrl("file:///android_asset/dytbl3exstscore.html");

}

}
=======================================

java<==>findViewById(id) <-gen/R.java/id> Layout(WebView)

2017年1月9日星期一

dytable

加一列

<script language="javascript">
function fun1()
{
var x=document.getElementById("tb1");
var y=x.insertRow(0);
for(var i=0;i<5;i++)
{
var z=y.insertCell(i);
z.innerHTML=(i+1);
}
}
</script>

<body onload="fun1()">
<table id="tb1" border="2" width="800">
</table>
</body>
==========================
加三列
function fun1()
{
var x=document.getElementById("tb1");

for(var j=0;j<3;j++)
{
var y=x.insertRow(j);
for(var i=0;i<5;i++)
{
var z=y.insertCell(i);
z.innerHTML=(i+":"+j);
}
}
}
</script>

<body onload="fun1()">
<table id="tb1" border="2" width="800">
</table>
</body>
======================================
刪除一列
function fun1()
{
var x=document.getElementById("tb1");

for(var j=0;j<3;j++)
{
var y=x.insertRow(j);
for(var i=0;i<5;i++)
{
var z=y.insertCell(i);
z.innerHTML=(i+":"+j);
}
var t=y.insertCell(5);
t.innerHTML="<a href='javascript:;' onclick='fun2(this)' >刪除</a>";
}
}
function fun2(x)
{
var t=x.parentNode.parentNode.rowIndex;
//alert(t);
document.getElementById("tb1").deleteRow(t);
}
</script>

<body onload="fun1()">
<table id="tb1" border="2" width="800">
</table>
==================
取值
<script language="javascript" src="jquery-3.1.1.min.js" ></script>
<script language="javascript">
function fun1()
{
var x=document.getElementById("tb1");

for(var j=0;j<3;j++)
{
var y=x.insertRow(j);
for(var i=0;i<5;i++)
{
var z=y.insertCell(i);
z.innerHTML=(i+":"+j);
}
var t=y.insertCell(5);
t.innerHTML="<a href='javascript:;' onclick='fun2(this)' >刪除</a>";
var t1=y.insertCell(6);
t1.innerHTML="<a id='"+j+"' href='javascript:;' onclick='fun3(this.id)' >修改</a>";
}
}
function fun2(x)
{
var t=x.parentNode.parentNode.rowIndex;
//alert(t);
document.getElementById("tb1").deleteRow(t);
}
function fun3(y)
{
var trow=$("#tb1 tr:eq('"+y+"') td").length-2;
alert(trow);
var data1=$("#tb1 tr:eq('"+y+"') td:eq(0)").text();
var data2=$("#tb1 tr:eq('"+y+"') td:eq(1)").text();
var data3=$("#tb1 tr:eq('"+y+"') td:eq(2)").text();
var data4=$("#tb1 tr:eq('"+y+"') td:eq(3)").text();
var data5=$("#tb1 tr:eq('"+y+"') td:eq(4)").text();
var alldata="data1:"+data1+" data2:"+data2+" data3:"+data3+" data4:"+data4+" data5:"+data5;
alert(alldata);
}
</script>

<body onload="fun1()">
<table id="tb1" border="2" width="800">
</table>
</body>
================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>
<script language="javascript">
var tb=1;
function fun1()
{
var id,na="";
var v3,v4,v5,v6,sm,ag=0;

id=document.getElementById("t1").value;
na=document.getElementById("t2").value;
v3=parseInt(document.getElementById("t3").value);
v4=parseInt(document.getElementById("t4").value);
v5=parseInt(document.getElementById("t5").value);
v6=parseInt(document.getElementById("t6").value);

sm=v3+v4+v5+v6;
ag=sm/4;

document.getElementById("t7").value=sm;
document.getElementById("t8").value=ag;

var x=document.getElementById("tb2");

var y=x.insertRow(tb);

var z1=y.insertCell(0);

z1.innerHTML=id;

var z2=y.insertCell(1);
z2.innerHTML=na;
var z3=y.insertCell(2);
;
z3.innerHTML=document.getElementById("t3").value;
var z4=y.insertCell(3);
z4.innerHTML=document.getElementById("t4").value;
var z5=y.insertCell(4);
z5.innerHTML=document.getElementById("t5").value;
var z6=y.insertCell(5);
z6.innerHTML=document.getElementById("t6").value;
var z7=y.insertCell(6);
z7.innerHTML=document.getElementById("t7").value;
var z8=y.insertCell(7);
z8.innerHTML=document.getElementById("t8").value;
tb=tb+1;

}
function fun2() {
document.getElementById("t1").value="";
document.getElementById("t2").value="";
document.getElementById("t3").value="";
document.getElementById("t4").value="";
document.getElementById("t5").value="";
document.getElementById("t6").value="";
document.getElementById("t7").value="";
document.getElementById("t8").value="";
}
</script>

<body>
<form id="f1" name="f1">
<table id="tb1" width="500">
<tr>
<td>學號：</td>
<td>
<input type="text" id="t1" name="t1" size="20" />
</td>
<td>姓名：</td>
<td>
<input type="text" id="t2" name="t2" size="20" />
</td>
</tr>
<tr>
<td>國文：</td>
<td>
<input type="text" id="t3" name="t3" size="20" />
</td>
<td>英文：</td>
<td>
<input type="text" id="t4" name="t4" size="20" />
</td>
</tr>
<tr>
<td>數學：</td>
<td>
<input type="text" id="t5" name="t5" size="20" />
</td>
<td>地理：</td>
<td>
<input type="text" id="t6" name="t6" size="20" />
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" id="bt1" name="bt1" value="計算" onclick="fun1()" />
</td>
<td colspan="2" align="center">
<input type="button" value="清除" onclick="fun2()" />
</td>
</tr>
<tr>
<td>總分：</td>
<td>
<input type="text" id="t7" name="t7" size="20" />
</td>
<td>平均：</td>
<td>
<input type="text" id="t8" name="t8" size="20" />
</td>
</tr>

</table>
<table id="tb2" width="500">
<tr>
<td>學號</td>
<td>姓名</td>
<td>國文</td>
<td>英文</td>
<td>數學</td>
<td>地理</td>
<td>總分</td>
<td>平均</td>
</tr>
</table>
</form>
</body>
</html>

產品展示

<!doctype html>
<head>
<meta charset="utf-8">
<title>產品展示</title>
</head>

<script language="javascript">
var data=[];
var rowevery;
for(var i=1;i<=32;i++)
{
data[i-1]="x"+i+".jpg";
}

function fun1()
{
var tlen=data.length;
//alert(tlen);
rowevery=6;
var k1=Math.ceil(tlen/rowevery);
var k2=tlen/rowevery;
var tp;
if(k2>k1)
{
tp=k1+1;
}
else
{
tp=Math.ceil(k2);
}
//alert(tp);

var kcode=document.getElementById("sp1");
for(var i=1;i<=tp;i++)
{
kcode.innerHTML+="<a class='ap' href='javascript:;' id='"+i+"' onclick='fun2(this.id)'>"+i+"</a>    ";
alert(kcode.innerHTML);
}

}

</script>
<body onload="fun1()">
<span id="sp1" name="sp1"></span>
</body>
</html>

訂閱：意見 (Atom)

2017年1月23日 星期一

2017年1月20日 星期五

2017年1月18日 星期三

2017年1月16日 星期一

2017年1月13日 星期五

2017年1月11日 星期三

2017年1月9日 星期一