LeanCloud-数据库使用

最新推荐文章于 2025-08-29 16:56:53 发布

原创

最新推荐文章于 2025-08-29 16:56:53 发布 · 1.1k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#数据库

本文记录了使用LeanCloud作为后台系统，为个人网页添加留言功能的详细过程。包括在JS中引入官方库，HTML中添加留言板，以及遵循JavaScript思路实现数据的增删改查。通过CDN引入SDK，并验证其成功安装。最后，遵循MVC思想，实现了从数据库获取并显示留言，以及保存新留言到数据库的功能。

记录给自己网页添加留言功能的过程。

使用工具：LeanCloud，一个自带数据库和增删改查（CRUD）功能的后台系统。

在JS中引入`LeanCloud`官方库

在LeanCloud注册并添加应用的步骤： 进入leanCloud官方网站——注册（校验邮箱）——创建应用（不用选什么直接点创建，当然有钱也可以点商用的，随便花，反正我没钱）
安装SKD
在页面的右上角处点击 帮助——快速入门

选择开发语言或平台——选择 LeanCloud 应用后根据下文的文档根据实际情况安装SKD即可

我选择的是CDN方式，直接在HTML中通过 script 标签引入SDK
验证SKD是否安装成功
如果安装成功，在chrome的console输入AV，能打印出一串对象，如下图：
初始化SKD
在JS中加入如下代码初始化SKD
验证是可以访问 LeanCloud 服务器及添加测试代码
验证是可以访问 LeanCloud 服务器及添加测试代码，可看图操作：

添加了测试代码后，打开LeanCloud如果看到，Class多了一个项目，项目里内容是Hello World!，即表示测试成功，搬运结束，现在可以去自己的代码中去添加留言区啦。

在HTML中添加留言板

用HTML在页面布置留言板

<section class="message">
    <h2>留言</h2>
    <form id="postMessage" class="postMessage" >
        <span>name:</span>
        <input type="text"  class="name" name="name">
        <input type="text"  class="content" name="content">
        <input type