使用leancloud給簡歷加數據庫,實現留言功能

susheng 發布于2019-08-23 11:00 / 2931人閱讀

摘要：擁有登錄注冊手機驗證碼功能收費存儲任意信息讀取任意信息搜索任意信息刪除任意信息更新任意信息等功能。

使用leancloud給簡歷加數據庫,實現留言功能

這篇博客的源代碼是我的正在寫的在線簡歷
完整代碼(項目暫未完成)
預覽地址

在本地預覽項目的時候用的http-server

前端的兩大塊:

操縱DOM:DOM API/jQuery

Ajax:http請求和響應/XMLHttpRequest的API

但是無法存儲數據!

買個服務器,帶數據庫

數據必須存在服務器上,這樣任何設備訪問服務器都可以得到數據,如果存在客戶端的本地,那么其他客戶端設備無法讀取到.所以數據必須存儲在服務器的數據庫上

我們必須買一個服務器,在上面安裝數據庫.

打開阿里云服務器,最低配置且帶寬最小的服務器每月30人民幣.

如果給簡歷加留言功能,我們可以使用一個簡易的服務器

使用leancloud

使用leancloud,提供簡易有廉價的服務器服務.

這個leancloud服務會提供給你api,調用API可以簡單操作后臺,包括數據庫和服務器.但是,只能用他的api.不能自己寫后端代碼.不需要在服務器部署數據庫,省去在服務器上創建表等一切繁瑣的后臺操作.直接調用API就可以操縱數據庫.
用它提供的的API可以非常簡單得創建表,保存數據等等,操作如后臺一樣.只是數據庫和服務器都是這個平臺幫你設置好的,你可以在前臺直接發請求,操縱他的數據庫.

只要會基本的js語法,了解http.使用他提供的API,就可以操作它提供的服務器了.是一個非常適用前端人員練習的產品
缺點:不安全!!!只能當練手用.前臺就可以修改數據庫代碼.而且知道id之后,任何人任何地方都可以修改數據庫

PS:我們學習js就是為了能看懂別人(大神)的代碼和文檔,然后使用他的功能.

用CRM(拷貝,運行,修改)套路去學習任何你沒有學習的前端知識.
面試造飛機,工作擰螺絲是正確的面試方法.只有你懂了如何得到的這個文檔,你就能看懂文檔,然后就能熟練使用文檔寫的功能.

LeanCloud 介紹

leancloud
一個自帶數據庫和增刪改查（CRUD）功能的后臺系統。

擁有：

登錄注冊、手機驗證碼功能（收費）
存儲任意信息
讀取任意信息
搜索任意信息
刪除任意信息
更新任意信息
等功能。

基本的增刪改查功能

使用LeanCloud

請看下面兩個官方的文檔:
1.JavaScript SDK 安裝指南
2.數據存儲入門教程 · JavaScript

基本使用

我在此演示一下基本的使用.
下面演示如何使用 LeanCloud 存一個 Hello World到他的后臺數據庫上.
分為下面幾步:

創建一個應用 resume

引入 av-min.js，得到 window.AV

初始化 AV 對象（代碼直接拷）

新建一條數據來測試（代碼直接拷,測試）

演示

詳細截圖預與演示:
下面這幾步都是看1.JavaScript SDK 安裝指南這個文檔
第一步:首先創建一個應用

進入后

界面的基礎用途如圖所示
注意創建的應用要等幾分鐘才能部署好,等幾分鐘,刷新頁面知道應用出現在進行下面的步驟

第二步:引入 av-min.js，得到 window.AV對象

如圖:

引入存儲服務的SDK

第三步:
拷貝初始化的代碼

這里的id和key每個應用都不一樣.是專屬的.

第四步:
測試,看看是否能夠成功存儲到服務器中的數據庫.這一步仍然拷貝文檔中的代碼,按照文檔中的提示做

Hello Word!就是在數據庫中新插入的數據

測試代碼的詳細解讀

CRM學習代碼法中C(拷貝)和R(運行)完畢,接下來實行M(修改),修改代碼

下面用我的項目再重新看一下整個過程:
首先引入SDK,再引入一個message.js模塊用來寫添加數據到數據庫的代碼

接著按照文檔中的要求拷貝代碼,然后稍加修改

代碼的解釋都在注釋里

刷新頁面后會自動發送一個請求,然后把save({})里的對象里的屬性添加到數據庫的表中.

結果:

發送了兩個請求:

不要管請求是什么

下面查看數據庫,看看數據是否添加成功

table2表中多了一條記錄,記錄中的兩個字段正是測試的兩個字段

以上就是LeanCloud的基本使用過程
下面用LeanCloud完成留言功能

用LeanCloud完成簡歷的留言功能

兩個功能:

用戶可以添加留言

留言可以顯示

批量獲取對象的API(一個對象在這里就是數據庫一個表中的一條記錄)

完整代碼:

結果

注意:

要監聽form表單的submit事件,不要監聽提交按鈕的點擊事件.因為如果用戶輸入了信息,點擊回車,那么用戶的意愿還是提交,但是他并沒有點擊按鈕,所以不會觸發提交事件.

這個form表單的submit事件包含submit按鈕被點擊和在任意input打回車.用戶提交有可能打回車,有可能點按鈕

阻止提交的默認事件,因為點了提交按鈕就會刷新當前頁

注意map()和forEach()的使用

注意promise中

例如

query.find().then(fn1,fn2)
.then(fn3.fn4)

含義是:

如果成功執行回調函數fn1,如果失敗執行回調函數fn2.

如果fn1和fn2都沒有報錯,那么執行fn3,如果fn1 和fn2中有一個報錯,那么執行fn4

使用bootstrop美化留言板,并且無刷新添加留言

代碼較多,不粘貼在此,請去git版本庫查看完整代碼

實現效果:

云內存存儲UMem Redis 云數據庫MySQL JS留言功能實現留言功能php jq如何給動態數據加js 微信公眾號留言功能

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/96901.html

MVC 學習使用及總結

摘要：中間的一層，就是控制層，它負責根據用戶從視圖層輸入的指令，選取數據層中的數據，然后對其進行相應的操作，產生最終結果。這三層之間緊密聯系，又互相獨立，每層內部的變化不影響其他層。用做簡歷學習了思想后，用思想做了簡歷的留言板。模塊化什么是模塊化？就是把一個東西分成幾個塊（模塊），塊與塊之間互相獨立。在臺式機時代，很多人都自己主裝過電腦，選購自己喜歡的顯示器，鼠標，鍵盤，主機，配備性能...

djfml 2019-08-26 12:15 評論0 收藏0
搭建公眾號自動回復功能

摘要：今天的主角是如何搭建一個公眾號自動回復功能。對于大網站或者項目來說，找一家如阿里云騰訊云等云服務平臺，但對于個人只是想簡單的搭建一個公眾號管理自動回復功能，終究有些大材小用了結合使用相得映彰，而且可以根據需要升級擴展。程序員愛炫技，寫個公眾號文章，都想拿點技術整整【自動回復】；程序員愛偷懶，什么都想做個【自動化】，最好所有事情系統都給做了，點點手指頭就能達到目標。今天的主角是如何搭...

MobService 2019-08-20 18:15 評論0 收藏0
手游開發如何選擇后端服務

摘要：云函數是萬金油為實現用戶游戲數據存儲和每日任務分發，我們最先用了存儲服務和云引擎。不過我們并沒有用提供的來直接調用存儲服務，而是選擇用調用云引擎里面的云函數，然后通過云函數調用存儲服務來實現相應的邏輯。【玩轉 LeanCloud 】開發者投稿分享：作者：趙天澤作為一個通過 LeanCloud 入門后端開發的小白，一年多的開發歷程讓我收獲滿滿。多個項目也在 LeanCloud 可...

codecook 2019-08-21 17:53 評論0 收藏0
3年，從工程師到創始人

摘要：我們的產品覆蓋了和，目前項目全都架在的云引擎之上。我們的方案是把業務代碼從中抽出來了，做成了移動端，這樣業務能在和中共用，移動端是基于的云引擎環境下開發的。在這個過程中，云引擎和都發揮了重要作用。【玩轉 LeanCloud 】活動開發經驗分享：作者：黃濤大家好，我是 htoooth，在一家電商公司做 Node.js 開發，愛折騰，喜歡追新語言，像 golang、elixir、cl...

AlienZHOU 2019-06-26 18:18 評論0 收藏0
什么樣的簡歷不會被丟進回收站

摘要：總共大概花費分鐘的時間，平均算下來差不多一份簡歷只有。哪怕里面的內容不是非常吸引人，但相比來說這樣的簡歷會比其他多花上一些閱讀時間，自然印象就更加深刻。首先是少用精通的字眼，真的精通也就算了，不然一定會被仔細詢問。 showImg(https://segmentfault.com/img/remote/1460000016085004?w=1880&h=1254); 前言從去年校招開...

zzzmh 2019-08-19 10:59 評論0 收藏0