資訊專欄INFORMATION COLUMN
摘要：擁有登錄注冊(cè)手機(jī)驗(yàn)證碼功能收費(fèi)存儲(chǔ)任意信息讀取任意信息搜索任意信息刪除任意信息更新任意信息等功能。
使用leancloud給簡(jiǎn)歷加數(shù)據(jù)庫(kù),實(shí)現(xiàn)留言功能
這篇博客的源代碼是我的正在寫的在線簡(jiǎn)歷
完整代碼(項(xiàng)目暫未完成)
預(yù)覽地址
在本地預(yù)覽項(xiàng)目的時(shí)候用的http-server
前端的兩大塊:
操縱DOM:DOM API/jQuery
Ajax:http請(qǐng)求和響應(yīng)/XMLHttpRequest的API
但是無(wú)法存儲(chǔ)數(shù)據(jù)!
買個(gè)服務(wù)器,帶數(shù)據(jù)庫(kù)數(shù)據(jù)必須存在服務(wù)器上,這樣任何設(shè)備訪問(wèn)服務(wù)器都可以得到數(shù)據(jù),如果存在客戶端的本地,那么其他客戶端設(shè)備無(wú)法讀取到.所以數(shù)據(jù)必須存儲(chǔ)在服務(wù)器的數(shù)據(jù)庫(kù)上
我們必須買一個(gè)服務(wù)器,在上面安裝數(shù)據(jù)庫(kù).
打開阿里云服務(wù)器,最低配置且?guī)捵钚〉姆?wù)器每月30人民幣.
如果給簡(jiǎn)歷加留言功能,我們可以使用一個(gè)簡(jiǎn)易的服務(wù)器
使用leancloud使用leancloud,提供簡(jiǎn)易有廉價(jià)的服務(wù)器服務(wù).
這個(gè)leancloud服務(wù)會(huì)提供給你api,調(diào)用API可以簡(jiǎn)單操作后臺(tái),包括數(shù)據(jù)庫(kù)和服務(wù)器.但是,只能用他的api.不能自己寫后端代碼.不需要在服務(wù)器部署數(shù)據(jù)庫(kù),省去在服務(wù)器上創(chuàng)建表等一切繁瑣的后臺(tái)操作.直接調(diào)用API就可以操縱數(shù)據(jù)庫(kù).
用它提供的的API可以非常簡(jiǎn)單得創(chuàng)建表,保存數(shù)據(jù)等等,操作如后臺(tái)一樣.只是數(shù)據(jù)庫(kù)和服務(wù)器都是這個(gè)平臺(tái)幫你設(shè)置好的,你可以在前臺(tái)直接發(fā)請(qǐng)求,操縱他的數(shù)據(jù)庫(kù).
只要會(huì)基本的js語(yǔ)法,了解http.使用他提供的API,就可以操作它提供的服務(wù)器了.是一個(gè)非常適用前端人員練習(xí)的產(chǎn)品
缺點(diǎn):不安全!!!只能當(dāng)練手用.前臺(tái)就可以修改數(shù)據(jù)庫(kù)代碼.而且知道id之后,任何人任何地方都可以修改數(shù)據(jù)庫(kù)
PS:我們學(xué)習(xí)js就是為了能看懂別人(大神)的代碼和文檔,然后使用他的功能.LeanCloud 介紹用CRM(拷貝,運(yùn)行,修改)套路去學(xué)習(xí)任何你沒(méi)有學(xué)習(xí)的前端知識(shí).
面試造飛機(jī),工作擰螺絲是正確的面試方法.只有你懂了如何得到的這個(gè)文檔,你就能看懂文檔,然后就能熟練使用文檔寫的功能.
leancloud
一個(gè)自帶數(shù)據(jù)庫(kù)和增刪改查（CRUD）功能的后臺(tái)系統(tǒng)。
擁有：
登錄注冊(cè)、手機(jī)驗(yàn)證碼功能（收費(fèi)）
存儲(chǔ)任意信息
讀取任意信息
搜索任意信息
刪除任意信息
更新任意信息
等功能。
基本的增刪改查功能
使用LeanCloud請(qǐng)看下面兩個(gè)官方的文檔:
1.JavaScript SDK 安裝指南
2.數(shù)據(jù)存儲(chǔ)入門教程 · JavaScript
我在此演示一下基本的使用.
下面演示如何使用 LeanCloud 存一個(gè) Hello World到他的后臺(tái)數(shù)據(jù)庫(kù)上.
分為下面幾步:
創(chuàng)建一個(gè)應(yīng)用 resume
引入 av-min.js，得到 window.AV
初始化 AV 對(duì)象（代碼直接拷）
新建一條數(shù)據(jù)來(lái)測(cè)試（代碼直接拷,測(cè)試）
演示詳細(xì)截圖預(yù)與演示:
下面這幾步都是看1.JavaScript SDK 安裝指南這個(gè)文檔
第一步:首先創(chuàng)建一個(gè)應(yīng)用
進(jìn)入后
界面的基礎(chǔ)用途如圖所示
注意創(chuàng)建的應(yīng)用要等幾分鐘才能部署好,等幾分鐘,刷新頁(yè)面知道應(yīng)用出現(xiàn)在進(jìn)行下面的步驟
第二步:引入 av-min.js，得到 window.AV對(duì)象
如圖:
引入存儲(chǔ)服務(wù)的SDK
第三步:
拷貝初始化的代碼
這里的id和key每個(gè)應(yīng)用都不一樣.是專屬的.
第四步:
測(cè)試,看看是否能夠成功存儲(chǔ)到服務(wù)器中的數(shù)據(jù)庫(kù).這一步仍然拷貝文檔中的代碼,按照文檔中的提示做
Hello Word!就是在數(shù)據(jù)庫(kù)中新插入的數(shù)據(jù)
CRM學(xué)習(xí)代碼法中C(拷貝)和R(運(yùn)行)完畢,接下來(lái)實(shí)行M(修改),修改代碼
下面用我的項(xiàng)目再重新看一下整個(gè)過(guò)程:
首先引入SDK,再引入一個(gè)message.js模塊用來(lái)寫添加數(shù)據(jù)到數(shù)據(jù)庫(kù)的代碼
接著按照文檔中的要求拷貝代碼,然后稍加修改
代碼的解釋都在注釋里
刷新頁(yè)面后會(huì)自動(dòng)發(fā)送一個(gè)請(qǐng)求,然后把save({})里的對(duì)象里的屬性添加到數(shù)據(jù)庫(kù)的表中.
結(jié)果:
發(fā)送了兩個(gè)請(qǐng)求:
不要管請(qǐng)求是什么
下面查看數(shù)據(jù)庫(kù),看看數(shù)據(jù)是否添加成功
table2表中多了一條記錄,記錄中的兩個(gè)字段正是測(cè)試的兩個(gè)字段
以上就是LeanCloud的基本使用過(guò)程
下面用LeanCloud完成留言功能
兩個(gè)功能:
用戶可以添加留言
留言可以顯示
批量獲取對(duì)象的API(一個(gè)對(duì)象在這里就是數(shù)據(jù)庫(kù)一個(gè)表中的一條記錄)
完整代碼:
結(jié)果
注意:
要監(jiān)聽(tīng)form表單的submit事件,不要監(jiān)聽(tīng)提交按鈕的點(diǎn)擊事件.因?yàn)槿绻脩糨斎肓诵畔?點(diǎn)擊回車,那么用戶的意愿還是提交,但是他并沒(méi)有點(diǎn)擊按鈕,所以不會(huì)觸發(fā)提交事件.
這個(gè)form表單的submit事件包含submit按鈕被點(diǎn)擊和在任意input打回車.用戶提交有可能打回車,有可能點(diǎn)按鈕
阻止提交的默認(rèn)事件,因?yàn)辄c(diǎn)了提交按鈕就會(huì)刷新當(dāng)前頁(yè)
注意map()和forEach()的使用
注意promise中
例如
query.find().then(fn1,fn2) .then(fn3.fn4)
含義是:
如果成功執(zhí)行回調(diào)函數(shù)fn1,如果失敗執(zhí)行回調(diào)函數(shù)fn2.
如果fn1和fn2都沒(méi)有報(bào)錯(cuò),那么執(zhí)行fn3,如果fn1 和fn2中有一個(gè)報(bào)錯(cuò),那么執(zhí)行fn4
使用bootstrop美化留言板,并且無(wú)刷新添加留言代碼較多,不粘貼在此,請(qǐng)去git版本庫(kù)查看完整代碼
實(shí)現(xiàn)效果:
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/96901.html
摘要：中間的一層，就是控制層，它負(fù)責(zé)根據(jù)用戶從視圖層輸入的指令，選取數(shù)據(jù)層中的數(shù)據(jù)，然后對(duì)其進(jìn)行相應(yīng)的操作，產(chǎn)生最終結(jié)果。這三層之間緊密聯(lián)系，又互相獨(dú)立，每層內(nèi)部的變化不影響其他層。用做簡(jiǎn)歷學(xué)習(xí)了思想后，用思想做了簡(jiǎn)歷的留言板。 模塊化 什么是模塊化？就是把一個(gè)東西分成幾個(gè)塊（模塊），塊與塊之間互相獨(dú)立。 在臺(tái)式機(jī)時(shí)代，很多人都自己主裝過(guò)電腦，選購(gòu)自己喜歡的顯示器，鼠標(biāo)，鍵盤，主機(jī)，配備性能...
摘要：今天的主角是如何搭建一個(gè)公眾號(hào)自動(dòng)回復(fù)功能。對(duì)于大網(wǎng)站或者項(xiàng)目來(lái)說(shuō)，找一家如阿里云騰訊云等云服務(wù)平臺(tái)，但對(duì)于個(gè)人只是想簡(jiǎn)單的搭建一個(gè)公眾號(hào)管理自動(dòng)回復(fù)功能，終究有些大材小用了結(jié)合使用相得映彰，而且可以根據(jù)需要升級(jí)擴(kuò)展。 程序員愛(ài)炫技，寫個(gè)公眾號(hào)文章，都想拿點(diǎn)技術(shù)整整【自動(dòng)回復(fù)】；程序員愛(ài)偷懶，什么都想做個(gè)【自動(dòng)化】，最好所有事情系統(tǒng)都給做了，點(diǎn)點(diǎn)手指頭就能達(dá)到目標(biāo)。 今天的主角是如何搭...
摘要：云函數(shù)是萬(wàn)金油為實(shí)現(xiàn)用戶游戲數(shù)據(jù)存儲(chǔ)和每日任務(wù)分發(fā)，我們最先用了存儲(chǔ)服務(wù)和云引擎。不過(guò)我們并沒(méi)有用提供的來(lái)直接調(diào)用存儲(chǔ)服務(wù)，而是選擇用調(diào)用云引擎里面的云函數(shù)，然后通過(guò)云函數(shù)調(diào)用存儲(chǔ)服務(wù)來(lái)實(shí)現(xiàn)相應(yīng)的邏輯。 【 玩轉(zhuǎn) LeanCloud 】開發(fā)者投稿分享： 作者：趙天澤 作為一個(gè)通過(guò) LeanCloud 入門后端開發(fā)的小白，一年多的開發(fā)歷程讓我收獲滿滿。多個(gè)項(xiàng)目也在 LeanCloud 可...
摘要：我們的產(chǎn)品覆蓋了和，目前項(xiàng)目全都架在的云引擎之上。我們的方案是把業(yè)務(wù)代碼從中抽出來(lái)了，做成了移動(dòng)端，這樣業(yè)務(wù)能在和中共用，移動(dòng)端是基于的云引擎環(huán)境下開發(fā)的。在這個(gè)過(guò)程中，云引擎和都發(fā)揮了重要作用。 【玩轉(zhuǎn) LeanCloud 】活動(dòng)開發(fā)經(jīng)驗(yàn)分享： 作者：黃濤 大家好，我是 htoooth，在一家電商公司做 Node.js 開發(fā)，愛(ài)折騰，喜歡追新語(yǔ)言，像 golang、elixir、cl...
摘要：總共大概花費(fèi)分鐘的時(shí)間，平均算下來(lái)差不多一份簡(jiǎn)歷只有。哪怕里面的內(nèi)容不是非常吸引人，但相比來(lái)說(shuō)這樣的簡(jiǎn)歷會(huì)比其他多花上一些閱讀時(shí)間，自然印象就更加深刻。首先是少用精通的字眼，真的精通也就算了，不然一定會(huì)被仔細(xì)詢問(wèn)。 showImg(https://segmentfault.com/img/remote/1460000016085004?w=1880&h=1254); 前言 從去年校招開...
閱讀 605·2023-04-25 14:26
閱讀 1381·2021-11-25 09:43
閱讀 3546·2021-09-22 15:25
閱讀 1509·2019-08-30 15:54
閱讀 615·2019-08-30 12:57
閱讀 835·2019-08-29 17:24
閱讀 3218·2019-08-28 18:13
閱讀 2780·2019-08-28 17:52
