框架中Web容器套路,对于框架的一点理解

最新推荐文章于 2022-04-13 21:24:50 发布
最新推荐文章于 2022-04-13 21:24:50 发布
阅读量477 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 容器 框架 文章标签： 框架 web容器 spring struts
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u011299745/article/details/53140179
本文对比了传统JSP+Servlet的MVC模式与Struts、Spring等框架的应用方式，介绍了控制层、视图层和模型层的具体职责，并阐述了框架如何简化MVC的实现。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

框架中的Web容器都有大同小异的地方，像struts、spring这些。

传统的Jsp+Servlet（MVC）
  1. JSP是视图层，展示从后台中获取的数据，jsp中请求url是servlet地址
  2. Servlet是控制层，从请求中获得参数，然后去实例化模型层的类，然后调用相应的方法得到想要的数据，完成控制层的作用
  3. Model模型层包括Bean和一些Bean、数据库基础上的方法等
框架（struts\spring）
  1. 大概是在web.xml中配置servlet或者拦截器之类的，将特定url请求用自己的这一套规范来做
  2. 控制层的很多功能由控制层类配合框架（xml配置或者注解等）来实现，前台请求直接传给控制层类方法，根据方法结果进行下一步跳转，例如struts的actionServlet，spring的controller
  3. 框架可以轻松的分离出MVC，还可以帮你管理其他地方，例如spring的IOC，帮你管理所有的Bean。
  4. 框架自带的高级功能，Spring的AOP
Web前端框架的路由与状态管理
shejizuopin的博客
04-09 860
技巧描述示例代码片段懒加载路由通过动态导入组件，减少初始加载时间嵌套路由在父路由组件中渲染子路由组件（Vue）或<Switch>内的<Route>（React）路由守卫在路由切换前执行某些逻辑，如权限验证（Vue）或自定义组件（React）技巧描述示例代码片段模块化状态将状态分割成多个模块，便于管理modules（Vuex）或（Redux）异步操作使用中间件处理异步逻辑，如API请求actions（Vuex）或redux-saga（Redux）持久化状态。
前端领域前端框架的路由系统详解
最新发布
小白菜的博客
05-11 719
本文旨在全面解析现代前端框架中的路由系统，帮助开发者深入理解路由的工作原理、实现方式以及在主流框架中的应用。前端路由的基本概念和发展历史路由系统的核心原理和实现方式React和Vue等主流框架的路由实现路由的高级特性和最佳实践性能优化和安全考虑首先介绍前端路由的基本概念和背景然后详细解析路由系统的核心原理接着分析主流框架的具体实现提供实际项目中的应用案例最后探讨未来发展趋势和挑战前端路由(Front-end Routing)
spring框架容器详解
04-07
主要介绍spring的IOC、AOP特性以及与其他框架的整合
Spring 理解一：框架、spring框架、servlet容器、web容器、spring容器、springmvc容器
weixin_43370380的博客
09-23 567
框架是什么？ 框架是一个半成品，已经对基础的代码进行了封装并提供相应的API，开发者在使用框架是直接调用封装好的api可以省去很多代码编写，从而提高工作效率和开发速度。 比如说不用写jdbc源代码，直接调用接口 spring框架是什么？ java界乃由五大传统框架：1.核心业务层框架（地位不可动摇）spring,2.控制层框架：spring MVC与struts2, 持久层框架：Mybatis，h...
Web 容器比较
Veket的专栏
09-10 852
   1. Tomcat是Apache鼎力支持的Java Web应用服务器，由于它优秀的稳定性以及丰富的文档资料，广泛的使用人群，从而在开源领域受到最广泛的青睐。­2. Jboss作为Java EE应用服务器，它不但是Servlet容器，而且是EJB容器，从而受到企业级开发人员的欢迎，从而弥补了Tomcat只是一个Servlet容器的缺憾。­3. Resin也仅仅是一个Servlet容
若依框架发布web页面
1m82
01-26 1888
1.在webstorm下的Terminal窗口输入命令：npm runbuild:prod 标题 2.待创建完成后，会在dist路径下生成新的文件 3.用filezilla软件连接至服务器，centos连接的默认端口为22 4.将本地dist文件夹下的左右文件上传至服务器的html文件夹内，完全覆盖，完成。 ...
跟我动手搭框架三之Web容器实现
西魏陶渊明的博客
12-20 486
本篇主要对Web的实现做说明,在参考文章的同事,可以把code clone下来,看,代码中有很多需要优化的地址,我已经用TODO标记处理啊,小编会不断的进行优化和分析,演示SmileBootDemo也可以git clone,debug学习 Smile源码地址 SmileBootDemo 目录 核心描述类介绍 Smile启动核心实现 Http请求多线程异步实现 ...
Web前端框架应用：第5章 Vue路由-嵌套路由.pptx
06-07
是否是嵌套路由主要是由页面结构来决定的，实际项目中的应用界面，通常由多层嵌套的组件组合而成。简而言之，嵌套路由就是在路由里面嵌套它的子路由。 5.5 嵌套路由 什么是嵌套路由 嵌套子路由的关键属性是children...
5分钟带你快速了解微服务框架的前世今生
华科硕士，大厂打工中。编程问题咨询，请私我
05-19 1734
原始时代 1969年11月，为了便于高校间共享资源，美国国防部高级研究计划管理局建立一个名为阿帕网络ARPAnet，起初只有四个节点。 阿帕网起源 一年后阿帕网的节点数量增至15个，此后平均每隔二十天就有一台大型计算机接入。 随着网络在世界范围不断扩大，不同国家不同地区各自形成了一个网络，操着不同方言彼此间互不相通，诸侯割据格局已经形成。 隔离的阿帕网 这个时候机器与机器之间通信是靠彼此约定的方式进行。 计算机靠方言通信 机器需要自行处理网络通信过程中遇到的丢包、乱序、重试等问题。 青..
【Delphi Web进阶之道】：TMS框架的深入解析与前沿应用
本文详细探讨了Delphi与Web开发的融合旅程，特别是TMS Web框架的理论基石及其在实战演练中的应用。文中首先介绍了TMS框架的核心概念、架构设计及其设计模式的应用，然后深入到框架的中间件和扩展性，展示了如何通过...
Python web与web服务器是兄弟还是同行？
Python6886的博客
11-02 328
Python 作为一门强大的语言，被广泛用于 web 应用程序的开发中。 那么问题来了：一个请求从浏览器发出到数据返回都经历过哪些过程？ 要回答这个问题，首先你需要了解 HTTP 协议、web框架、服务器等底层知识，同时需要对 web 框架和服务器之间的关联有一定的了解。 下面这张图上面详细标明它们之间的联系。 首先我们先顺着图片里面的顺序一步一步来搞懂里面的概念，理清关系。 一、web 框架 在 Python 有很多 web 框架，其中常见的像 Django、Flask、Tornado 、
【渗透测试基础-2】Web框架简介及Web系统相关概念
m0_64378913的博客
04-13 1416
目录1 Web框架简介2 Web工作机制2.1 Web系统结构示意图2.2 Web系统相关概念2.2.1 网页、网站2.2.2 Web容器2.2.3 静态网页2.2.4 中间件服务器2.2.4 数据库的出现2.3 浏览器访问网站时，数据包流向 1 Web框架简介 web框架是用来进行Web应用开发的一个软件架构。大多数的web框架提供了一套开发和部署网站的方式。为web行为提供了一套支持的方法。使用web框架，很多业务逻辑外的功能不需要自己再取完善，而使用框架已有的功能就可以。 主要用于
Web容器（一）：Web容器简介
hzk1562110692的专栏
06-30 1万+
本文参照：极客时间-《深入拆解 Tomcat & Jetty》-开篇词 | Java程序员如何快速成长 + 01_Web容器学习路径 Web容器 Web技术的发展史 早期的Web应用主要用于浏览新闻等静态页面，HTTP服务器（比如Apache、Nginx）向浏览器返回静态HTML，浏览器负责解析HTML，将结果呈现给用户。 随着互联网的发展，我们已经不满足于仅仅浏览静态页面，还希望通过一些...
几种常见web 容器比较 （tomcat、 jboss 、resin、 weblogic、 websphere、 glassfish）
热门推荐
liuyinghui523的专栏
08-17 2万+
web 容器比较 tomcat jboss resin weblogic websphere glassfish 1. Tomcat是Apache鼎力支持的Java Web应用服务器，由于它优秀的稳定性以及丰富的文档资料，广泛的使用人群，从而在开源领域受到最广泛的青睐。- 2. Jboss作为Java EE应用服务器，它不但是Servlet容器，而且是EJB容器，从而受到企业级开发人员的欢
Web容器的理解？
神奇女侠666的博客
07-18 9435
什么是Web容器？ Web容器是一种服务程序，给处于其中的应用程序组件提供环境，使其直接跟容器中的环境变量交互，不必关注其它系统问题。主要由应用服务器来实现，如Tomcat、JBoss、Weblogic、WebSphere等。 Web应用程序需要部署到Web容器中才能运行，两者都必须符合J2EE规范。Web应用程序规范如下： 1）目录结构：Web应用程序的所有文件都包含在一个文件夹中，该文件...
Web容器启动Spring
熊猫小白的博客
02-01 4575
Web工程启动涉及到的内容: 1.当Tomcat启动的时候,通过BootStrap的main方法启动,加载tomcat包下的类,读取包下的配置文件,读取Web.xml配置文件,创建ServletConfig对象,从而创建ServletContext对象,整个web容器的上下文对象,可以初始化参数等 2.配置在web.xml中的监听器ContextLoaderListene...
web服务器和web框架的作用及其关系
m15511023218的博客
10-15 7900
web服务器和web框架的作用及其关系 1.web服务器作用： 1）解析请求报文,调用框架程序处理请求。 2）组织响应报文,返回内容给客户端。 2.web框架程序的作用： 1）路由分发(根据url找到对应的处理函数) 。 2）在处理函数中进行业务的处理。 服务器和客户端之间的连接靠web服务器来维持，web服务器接收到请求后，将请求以及相关的参数传递给web框架，由框架负责生成内容，并将生成的内容...
vue 页面布局框架推荐
03-26
<think>好的，用户现在需要寻找适合Vue的页面布局框架或UI库。首先，我需要根据他们提供的引用内容来分析可用的选项。引用[1]提到选择Vue UI框架时要考虑项目需求、设计规范、技术支持等因素，并列举了一些主流框架。引用[2]和[3]则提到了Semantic-UI与Vue的集成以及Bootstrap的UI组件库。 用户可能是在开发一个Vue项目，需要快速搭建页面布局，所以需要推荐一些成熟的UI库。根据引用[1]，主流的框架包括Element Plus、Ant Design Vue、Vuetify、Quasar、Naive UI、View UI等。这些框架各有特点，比如Element Plus适合中后台，Vuetify遵循Material Design，而Quasar支持多平台。 接下来要考虑用户的具体需求。他们可能关心设计风格是否匹配，比如是否偏好Material Design或者Ant Design。另外，技术支持也很重要，比如文档是否完善，社区是否活跃。比如Element Plus和Ant Design Vue都有良好的社区支持，适合需要稳定性的项目。 用户提到的页面布局框架，可能需要响应式布局的组件。Quasar和Vuetify都提供了强大的布局系统，适合需要复杂布局的情况。View UI（现为IView）也提供企业级组件，适合中后台管理系统。 还需要考虑兼容性和性能优化。例如，引用[1]提到按需加载和轻量化设计，Naive UI支持按需引入，适合对性能要求高的项目。Quasar内置优化工具，可能对多平台应用有帮助。 用户可能没有明确说明项目类型，比如是Web、移动端还是桌面应用。这时候需要推荐覆盖多平台的选项，比如Quasar，或者针对特定平台的框架。另外，如果用户需要高度定制，Naive UI和Element Plus的自定义主题能力可能更合适。 最后，结合引用[3]，Bootstrap的Vue集成也是一个选项，比如BootstrapVue，适合熟悉Bootstrap的团队。不过要确认是否支持Vue 3，因为有些库可能还在适配中。 总结下来，应该分点推荐几个主流框架，简要说明各自的特点和适用场景，帮助用户根据项目需求做出选择。同时提醒他们考虑设计规范、技术支持和性能等因素，确保选择合适的框架。</think>根据项目需求和设计风格，以下是适用于Vue.js的页面布局框架和UI库推荐： ### 一、主流Vue UI框架推荐 1. **Element Plus** - 特点：基于Vue 3的组件库，提供表格、表单、弹窗等中后台常用组件 - 适用场景：企业级管理系统、数据密集型的Web应用 - 优势：支持暗黑主题、TypeScript友好、按需加载[^1] 2. **Ant Design Vue** - 设计体系：遵循Ant Design规范 - 布局方案：内置24栅格系统、响应式布局组件 - 特色功能：ProLayout高级布局模板，支持嵌套路由菜单[^1] 3. **Vuetify** - 风格：Material Design实现 - 布局组件：提供`v-container`/`v-row`/`v-col`网格系统 - 亮点：内置8种预设布局模板，支持响应式断点配置 4. **Quasar Framework** - 跨平台：支持SPA/PWA/SSR/移动端/Electron应用 - 布局系统：`q-layout`容器配合`q-header`/`q-drawer`/`q-page-container` - 特色：自带屏幕适配解决方案，内置动画过渡效果 ### 二、轻量级解决方案 1. **Naive UI** - 优势：无依赖、TypeScript编写、主题可定制 - 布局：提供`n-grid`栅格系统和`n-layout`基础布局组件 2. **PrimeVue** - 功能：包含90+组件，提供灵活的主题系统 - 布局特性：`PrimeFlex`CSS工具库支持响应式布局 ### 三、专业布局框架 1. **View UI（现iView）** - 特色：提供Admin模板和可视化布局工具 - 布局组件：`Layout`/`Header`/`Sider`/`Content`/`Footer`组合 2. **BootstrapVue** - 兼容性：实现Bootstrap v4组件 - 布局方案：完整Bootstrap栅格系统集成 - 适合场景：快速原型开发[^3] ### 四、选择建议 1. **优先考虑因素**： - 使用Vue 2还是Vue 3（如Element Plus仅支持Vue 3） - 是否需要SSR支持（Quasar在这方面表现突出） - 设计规范匹配度（如项目要求Material Design首选Vuetify） 2. **性能优化方案**： ```javascript // 按需加载示例（以Element Plus为例） import { createApp } from 'vue' import { ElButton, ElInput } from 'element-plus' const app = createApp() app.use(ElButton).use(ElInput) ``` 建议通过官方文档验证框架与当前Vue版本的兼容性，对于复杂布局项目，可结合CSS Grid/Flexbox进行深度定制。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值