第三天学习后端——MVC

257 阅读1分钟

MAC

MVC:是一种设计思想,便于维护管理。

  • M:Model,数据模型
  • V:View,视图层
  • C:Controller,逻辑控制层

创建一个MVC文件(也就是自己设计一个模块):

创建一个router.js文件和controller.js文件,将一些必用的代码写在里面,在index.js文件中引入,这样方便index.js文件可以少写一些代码,是代码看起来更加明了,便于维护管理.

index.js文件:

image.png

router.js文件:

image.png

controller.js文件:

image.png

注意:

  • 1.用cmd.exe创建一个package.json文件,必不可少.
  • 2.创建一个src文件,用来托管前端项目.

image.png

案例

用AJAX技术和MVC模块写一个项目:

流程:

1. 创建后端项目:index.js

引入router.js

自动帮我们托管了src目录,或者自己托管router.static(自己要托管的目录)

后端有两种:静态资源网址、数据资源网址

注册数据网址,写业务

2. 前端写静态网站html、css、js

3. 写局部刷新数据(也就是使用AJAX)

  • 创建xhr -配置网络相关
  • 发送请求
  • 监听网络状态
  • 取出数据

4. 把JSON数据写成UI页面

  • DOM增删改查

代码:

index.js文件:

image.png

index.html文件:

image.png

router.js文件:

image.png

controller.js文件:

image.png

文件夹:

image.png

代码运行结果:

image.png