前后端交互之MVC模式初探
来源:互联网 发布:qt交叉编译ubuntu下 编辑:程序博客网 时间:2024/06/06 09:30
作为一个前端的初学者,一直想弄明白的就是前后端究竟是如何交互的呢,对于AJAX也有了一定的了解。明白了Express可以写后台,于是就想理解经典的MVC模式究竟是什么。
所谓MVC:
- C(控制器 Controller)- 负责转发请求,对请求进行处理。
- V(视图 View) - 界面设计人员进行图形界面设计。
- M(模型Model) - 程序员编写程序应有的功能(实现算法等等)、数据库专家进行数据管理和数据库设计(可以实现具体的功能)。
先说一下前端的一个标准写法:
这是index.html
<!DOCTYPE html><html lang="Zh-cn"><head> <meta charset="utf-8"> <title>迎春贺卡</title> <link rel="stylesheet" type="text/css" href="css/style.css"> <script type="text/javascript" src="js/script.js"></script></head><body> <div class="music"> <img src="images/music_pointer.png"> <img id="music" class="play" src="images/music_disc.png"> </div> <div class="page" id="page1"> <div class="bg"></div> <div class="p1_lantern">点击屏幕<br>开启好运2016</div> <div class="p1_imooc"></div> <div class="p1_words">2016年新年特献</div> </div> <div class="page" id="page2"> <div class="bg p2_bg_loading"></div> <div class="bg"></div> <div class="p2_circle" id="p2_circle"></div> <div class="p2_2016"></div> </div> <div class="page" id="page3"> <div class="bg"></div> <div class="p3_logo"></div> <div class="p3_tittle"></div> <div class="p3_couplet_second couplet"></div> <div class="p3_couplet_first couplet"></div> <div class="p3_blessing"></div> </div> <audio autoplay="true"> <source src="music/m1.mp3" true="audio/mpeg"> </audio></body></html>
可以看到这里什么都没有写,都是一些空的标签,仅仅是定义了class和id。
另外我想说class一般用于写css,id用于写js。
所以我为什么要说这一段呢,就是想举一个例子,说明css用于页面的静态渲染,js用于页面的动态交互。这样分工明确,也便于后期的修改处理。
其实这个跟mvc没啥关系,但是我还是想写在这里。这是最近看慕课网上一位老师写的代码风格,虽然很简单,但是有一个好的逻辑,这样也会提高以后写代码检查代码的效率。
node中的MVC应该就是express了吧
express主要是写路由的,所谓路由就是控制层c
然后与数据库相关的在m层
然后与前端的渲染相关的叫view层,可以用jade,ejs渲染
(待续。。。。)
好久没有写博客了,居然不知道从何写起,发现访问量超过500呢,好激动,给了我动力
接下来可能会细细研究Ajax、HTTP、以及MVC
0 0
- 前后端交互之MVC模式初探
- 前后端交互之ajax
- NEJ & Spring MVC 前后端数据交互
- Spring MVC前后端数据交互总结
- Spring mvc 前后端传值交互
- Spring mvc中前后端数据交互的方式
- ReactJS +Spring MVC前后端分离 RESTful 交互
- cocos2dx 前后端交互
- 前后端交互方式
- PHP前后端交互
- saiku前后端交互
- 前后端交互指南
- angular前后端交互
- vuejs-前后端交互
- 类Flask实现前后端交互之代码聊天室
- 前后端交互之解决跨域问题!!!!
- 前后端数据交互之前端传值到后台
- xen网络前后端交互
- 【转载】gcov 用法 --用于统计代码覆盖率
- [经典]Linux内核中ioremap映射的透彻理解
- 正则表达式总结
- Android M 6.0以上 需要运行时申请的权限
- 解决:XP系统sfc /scannow RPC不可用 错误 0x000006ba
- 前后端交互之MVC模式初探
- mysql之加锁处理分析
- 理想互联网金融p2p平台特性
- DataGridView中添加行号
- 目录
- 分布式系统的事务处理经典问题及模型
- iOS APP开发集成Apple Pay与银联SDK开发教程(附示例代码)
- java.sql.Date 日期 加减天数的实现
- 在Windows下安装pinpoint并关联自己的服务(tomcat)