2019年10月2日 星期三
Firebase 寫入資料教學
<!DOCTYPE html>
<!-- Website template by freewebsitetemplates.com -->
<html>
<head>
<meta charset="UTF-8">
<title>公司資訊</title>
<script src="https://www.gstatic.com/firebasejs/6.6.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.6.1/firebase-firestore.js"></script>
//^上面這2行程式一定要打^
<script>
// 把語法從Firebase專案設定裡面 複製過來
var firebaseConfig = {
apiKey: "",
authDomain: "",
databaseURL: "",
projectId: "",
storageBucket: "",
messagingSenderId: "",
appId: " "
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
// Firebase 專案設定開始
var db = firebase.firestore();
function storedata(cpname,cpaddress,phone1,phone2,phone3) //把onclick的值傳過來
{
db.collection("NTUNHS").doc("Company").set({
name: cpname,
address: cpaddress,
phone: [phone1, phone2, phone3]
});
}
</script>
</head>
<body>
<span style="font-family:DFKai-sb; font-size:50px; " >請輸入公司資訊</span>
公司名稱<input type="text" name="name" id="text1" /> <br /><br />
公司住址<input type="text" name="address" id="address" /> <br /><br />
公司電話1<input type="text" name="phone1" id="phone1" /> <br /><br />
公司電話2<input type="text" name="phone2" id="phone2"> <br /><br />
公司電話3<input type="text" name="phone3" id="phone3"> <br /><br />
<button onclick="storedata
(text1.value,address.value,phone1.value,phone2.value,phone3.value)">GO</button>
//當按下button後,把<input id 的值傳到function storedata 裡面 ~
<form action="1001_2.php" method="POST" >
<input type="submit" value="前往查詢頁面">
</form>
</body>
</html>
訂閱:
張貼留言 (Atom)
沒有留言:
張貼留言
喜歡我的文章嗎? 喜歡的話可以留言回應我喔! ^^