功能主要分为以下几个流程:
引入LeanCloud
获取留言内容(网页中写入的留言内容)
保存留言内容到后台服务器
创建历史留言,获取到服务器保存的所有留言内容,读取并写入网页中
封装代码 MVC
LeanCloud 介绍
一个自带数据库和增删改查(CRUD)功能的后台系统。
拥有:
1.登录注册、手机验证码功能(收费)
2.存储任意信息
3.读取任意信息
4.搜索任意信息
5.删除任意信息
6.更新任意信息
等功能。
实现过程
引入LeanCloud
通过接入一个服务器,这里用到的是leancloud,一个免费的服务器网站
在html中创建留言板相关的表单,以及留言列表
- 新建一个message.js文件,引入leanCloud服务器,用于存储历史留言内容. . 初次使用的时候需要做一些配置工作, 主要流程包括:
注册账号→创建应用→产看帮助文档→安装与引用SDK→初始化代码→写入调试代码
前面4个步骤比较简单,根据网站上的提示就可以完成. 网站提供的初始化代码之后的工作比较花费时间,需要将初始代码放到自己的项目中并且添加调试代码. 以下是调试代码:
var TestObject = AV.Object.extend(‘TestObject’);
var testObject = new TestObject();
testObject.save({
words: ‘Hello World!’
}).then(function(object) {
alert(‘LeanCloud Rocks!’);
})
执行这一段代码之后,就可以在服务器后台看到以下信息:
留言