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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 预览链接:预览 LeanCloud 简介 官网:LeanCloud 开发版:免费的针对开发阶段和个人项目解决方案,...
    黄同学2019阅读 1,699评论 2 0
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,204评论 25 708
  • 今天什么都不想写,一到这样的空间,我就无比愤怒,因为你已经被设定为一个角色,你需要别人帮助,很傻,别人的快乐就是你...
    普鲁斯特在书架阅读 94评论 0 0
  • 20160221第五章:如何做一个自我要求的读者 四个收获: 1、怎么样才能算理解。 把看上去简单的事情抽丝剥茧,...
    羽青阅读 239评论 0 0
  • 今天上午10点多,我觉得浑身无力、腰背酸痛;如果换成以前,我可能会吃大量垃圾食品来缓解这种感觉;但自从禅修以来,我...
    drunkfufu阅读 296评论 0 1