一、引入LeanCloud
仅仅是前端并不能存储数据,浏览器可以临时存储,但是刷新或是在另一台设备打开时就不存在了,那么怎么将数据有效的保存,以便随时随地可以获取???
上图:
简单使用LeanCloud:
- 创建一个应用(比如:resume_2018_10)
- 根据SDK指南引入 av-min.js ,得到全局对象window.AV
- 初始化AV对象(拷代码)
- 新建一条数据(直接拷代码)
根据指南完成LeanCloud的引入以及测试成功后,
开始下一步,修改copy的代码完成留言功能;
此处用到一个事件------onsubmit;
.onsubmit------------当form 表单中的(<input type="submit"/>)按钮被点击时或者使用回车键触发提交时就会触发该事件,可以用来判断用户提交动作。注意submit事件只能作用于form元素,不能作用于button或者<input type="submit">为什么???
复习点:
- form表单,
- input标签,
- document.querySelector/element.querySelector,
---文档对象模型Document
引用的**querySelector()**
方法返回文档中与指定选择器或选择器组匹配的第一个 html元素Element
。 如果找不到匹配项,则返回null
。
语法
element = document.querySelector(selectors);
参数
selectors
包含一个或多个要匹配的选择器的 DOM字符串DOMString
。 该字符串必须是有效的CSS选择器字符串;</dd>
例:
二、从数据库获取历史留言
三、数据库是什么鬼
四、数据库是什么鬼
五、数据库是什么鬼
六、数据库是什么鬼
- 111
- 222
①. 111
②. 222
③. 333