MAC
MVC:是一种设计思想,便于维护管理。
- M:Model,数据模型
- V:View,视图层
- C:Controller,逻辑控制层
创建一个MVC文件(也就是自己设计一个模块):
创建一个router.js文件和controller.js文件,将一些必用的代码写在里面,在index.js文件中引入,这样方便index.js文件可以少写一些代码,是代码看起来更加明了,便于维护管理.
index.js文件:
router.js文件:
controller.js文件:
注意:
- 1.用cmd.exe创建一个package.json文件,必不可少.
- 2.创建一个src文件,用来托管前端项目.
案例
用AJAX技术和MVC模块写一个项目:
流程:
1. 创建后端项目:index.js
引入router.js
自动帮我们托管了src目录,或者自己托管router.static(自己要托管的目录)
后端有两种:静态资源网址、数据资源网址
注册数据网址,写业务
2. 前端写静态网站html、css、js
3. 写局部刷新数据(也就是使用AJAX)
- 创建xhr -配置网络相关
- 发送请求
- 监听网络状态
- 取出数据
4. 把JSON数据写成UI页面
- DOM增删改查
代码:
index.js文件:
index.html文件:
router.js文件:
controller.js文件:
文件夹: