单文档与多文档应用程序有何区别？

单文档应用程序：单文档界面(SDI)应用程序

多文档应用程带察链序：多文档界面 (MDI) 应用程序

区别：

1、窗口数量不同

单文档界面(SDI)应没扰用程序：只有一个窗口

多文档界面 (MDI) 应用程序：有多个子窗口

2、同时处理多个窗体的方式不同

单文档界面(SDI)应用程序：不能同时处理多个窗体，要想同时处理多个窗体，需要打开应用程序的多个副本。需要不断的实例化多个Form,然后通过show()方法打开。

多文档界面 (MDI) 应用程序：可以同时显示多个文档，每个文档显示在各自的窗口中，MDI 应用程序中常有包含子菜单的“窗口”菜单项，用于在窗口或文档之间进行切换。

扩展资料

1、创建MDI父窗体

MDI 父窗体是包含 MDI 子窗口的窗体，子窗口是用户与 MDI 应用程序进行交互的副窗口，要将窗体指定为子窗口的 MDI 容器只需将窗体的IsMDIContainer 属性设置为 True，建议将 WindowState 属性设置为 Maximized，因为当父窗体最大化时 *** 作 MDI 子窗口最为容易。MDI 父窗体的边缘将采用系统颜色。

2、创建MDI子窗体

多文档界面 (MDI) 应用程序的基本元素是MDI 子窗体，因蠢孙为它们是用户交互的中心。

例如：创建子窗体的代码如下：

FormnewMDIChild = new Form()

// 设置该窗体的父窗体

newMDIChild.MdiParent= this

// 显示新建窗体

newMDIChild.Show()

参考资料：百度百科 - MDI

下面构建一个简单的 todo list 来展现多页

后台

后台只需要设计好以下数据接口，让前端可以访问

Get： http://127.0.0.1:3000/todos

Post： http://127.0.0.1:3000/todos

前端

前端直接使用 ajax 异步请求后台的接口请求数据后渲染页面

index.html （渲染 todo list）

add.html （输入 todo 点击保存后跳转 index.html）

上述例子可以看出来前端后台职责明确，但多页需要整个页面重新渲则余染

单页开发可以通过增加 hash 进行页面标识（类似锚点），通过 window.onhashchange 事件判断 hash 值改变，进而通过 window.location.hash 获取 hash 值渲染对应的局部页面。（本案孙哗滚例服务端接口同前）

index.html

myTodoList.html

add.html

通芦耐过上述方式可以实现单页，但是这种方式有缺陷，在 *** 作 DOM 元素进行渲染的过程中，不同页面的 DOM 元素很可能冲突，一旦页面多了同样难以维护，因此诞生了三大前端框架：

---