记录给自己网页添加留言功能的过程。
使用工具: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">