2018-02-18 给简历加个数据库及MVC的M思想

JS两大主要功能：DOM操作和AJAX
进入leancloud用个服务器
申请一个开发版的服务器

image.png

image.png

image.png

image.png

用npm不成功用yarn
多了一个node_modules，太多了，直接用cdn吧

image.png

image.png

会有一个AV对象
接下里要做初始化

image.png

image.png

接下来验证下

image.png

image.png

编写测试代码

image.png

image.png

点击进入数据库，会看到多了一个东西

image.png

1、创建一个应用resume-2018
2、引用av-min.js，得到window.AV
3、初始化AV对象（代码直接拷）
4、新建一条数据（代码直接拷）

增加留言功能
如何监听用户点的提交呢?
正确答案是监听form而不是监听submit

image.png

image.png

image.png

需求：把所有用户存过的信息展示到页面上

问题：为什么不监听button而监听form
原因：假设用户填了内容没有点击button，而是按了回车按钮怎么办（这个时候需要监听2个，一个是submit按钮，一个是内容的回车）？也应该提交表单啊

image.png

https://leancloud.cn/docs/leanstorage_guide-js.html#hash1025913543
找到获取对象的用法
批量操作的代码

历史留言展示
帮用户刷新页面
window.location.reload()

加CSS让留言好看点

需求：新内容不刷新页面，直接精确添加新内容
提交成功，我直接增加li

MVC里的model，只要与数据有关的，都要用model

view告诉我代码长什么样子，代码在页面哪一块
model告诉我你的数据有哪些操作
controller是控制器，控制其他所有代码

image.png