Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 国产精品视频第一区二区,亚洲欧美日韩精品,日本一级特黄毛片免费视频

          整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          WEB通用基礎-MVC架構

          VC作為WEB程序的通用架構深受廣大WEB程序員的擁護。 更是廣泛成為面試題、考試試題、答辯問題等題材進行使用。

          目前主流的語言框架及WEB系統大部分都是以MVC做為基礎架構進行編寫的。對于初學者而言理解MVC架構與熟悉業務邏輯的編寫能極大的縮短學習一門語言框架的時間。然而初學者僅通過教材或許很難真正的理解MVC的架構及用法,在學習的過程中也可通過分析理解一些經典的語言框架進行學習。(例如:JSP + servlet + javabean)

          初步認知

          MVC模型:作為一種架構型的模式,無法直接實現功能添加,其主要作用是幫助我們對開發結構進行分層,使得代碼結構更佳清晰合理化,將模型(model)、視圖(view)、控制器(controller)進行分離。

          將MVC通俗的理解可以想象成建筑一棟高樓大廈:

          • MVC:最終項目展示結果

          • 模型(Model):建筑材料、建筑工具的集合(WEB項目中的數據模型及函數方法模型)

          • 視圖(View):建筑設計圖紙、建筑展示效果圖(WEB項目中數據的展示形態,優化豐富控制器傳遞過來的數據并進行展示)

          • 控制器(Controller):建筑工程師、施工人員(WEB項目中通過調取對應數據模型及函數方法模型產生數據并傳遞給相關視圖層)

          施工人員(Controller)通過使用建筑工具(Model)將建筑材料(Model)按著設計圖紙(View)進行搭建填裝,最后組裝成一棟高樓大廈。

          深入理解

          模型(Model):模型層的重點在于模塊化,重點思路在于將可復用可集成的代碼封裝成函數方法集成在模型層中方便復用及代碼維護。(例如:用戶登錄驗證,這段代碼可能在多個不同的控制器中都需要使用,若將其封裝成方法寫入模型層,則控制器如果有需求只需導入對應的模型層并以傳參的方式進行調用既可省去大量重復代碼,并且在進行維護的時候也僅需對模型層中的封裝方法進行修改就能實現全局維護)

          視圖(View):視圖層的重點在于數據展示,視圖層的框架要便于數據展示,避免大量邏輯代碼的存在,盡量通過簡單的循環語句將控制層獲取的數據進行展示,所以的數據處理應盡量于控制層與模型層實現。(當然視圖層也可以適當使用模塊化的設計思路,例如:標準WEB網站中,大量網頁頭部及尾部代碼都是重復的,這些重復視圖層代碼可以通過MVC模式的思路封裝到一個單獨的HTML頁面,在需要時通過相關語句載入對應的頁面中,可以大量減少重復代碼。)

          控制器(Controller):控制層主要做為模型層與視圖層的控制中樞??刂破鲬苊庵貜鸵晥D層與模型層的工作,將數據的展示封裝至模型層,可復用的數據獲取與數據邏輯處理則在模型層中封裝成函數方法??刂茖討龅骄?。

          學編程技術,就到W3Cschool,如果你喜歡我們的文章,可以點擊右上角關注我們;如果你想看到更多IT界的資訊,可以加我們的公眾號。

          公眾號:w3cschoolcn

          章介紹了程序設計中最重要的MVC三層分層模型,與大家分享。

          編程語言種類繁多,無論采用哪種語言進行程序設計,都要遵循經典的軟件工程設計模式——MVC模式。

          MVC是Modeling、View、Controller的縮寫,代表軟件設計的分層理念:Modeling指數據模型,View指前端交互視圖,Controller指業務邏輯,MVC模式下的軟件分層結構如下圖所示。

          任何一套軟件系統運作的本質都是相同的:用戶在前端交互層操作后,系統通過業務邏輯層處理數據層的數據。不論是BS架構的系統(例如通過瀏覽器訪問的管理后臺),還是CS架構的系統(例如App應用),都會遵循MVC模式搭建程序結構。

          將一套軟件系統分為數據、業務邏輯處理、前端交互三層來設計、開發,可以非常有效地保證程序結構合理、邏輯清晰。

          MVC模式下的軟件分層結構

          我們來具體介紹一下MVC每一層的特點。

          一、前端交互層

          前端交互層負責繪制程序界面,完成前端程序和用戶的交互互動,并實現一些簡單的業務邏輯,例如數據校驗。常見的負責繪制界面的編程語言有JavaScript、HTML5(即H5,嚴格來講不能算編程語言,只是一種記號語言)、PHP等。

          前端方向是升級迭代非常快的技術方向,例如針對移動端,有JavaScript、Flex等前端語言;針對PC端,前端語言也從曾經的HTML + JS + CSS,到流行一時的富客戶端RIC(Rich Internet Client),再到ExtJS、Node.js等。前端工程師需要不斷地刷新自己的技能樹,來適應快速變化的前端需求。

          二、業務邏輯層

          業務邏輯層負責處理業務邏輯,例如在分銷運營管理后臺的門店列表頁,點擊“關聯賬號”按鈕,前端交互層把指令發送給業務邏輯層,業務邏輯層要判斷門店狀態是否能夠關聯賬號、是否有空閑賬號可以進行關聯等。

          開發人員應該盡量將復雜的校驗、判斷、業務規則都封裝在業務邏輯層,這樣可以讓前端交互層的負擔更輕,更容易擴展,因此業務邏輯層是MVC結構中最復雜的部分。

          例如,假設分銷運營管理后臺除了PC版本,還打算做一套H5移動版本,以方便審核人員操作。如果業務邏輯層代碼和接口設計良好,則只需要前端工程師實現H5代碼即可;但如果之前的前端交互層和業務邏輯層耦合緊密,那么實現H5版本就需要前后端工程師一起調整代碼,非常麻煩。

          業務邏輯層常用的編程語言有Java、C++、C#、PHP等。

          三、數據層

          數據層代表底層的數據存儲。數據包括結構化數據和非結構化數據,既可以存儲在數據庫中,也可以存儲在文本文件中。數據存儲操作一般由程序來完成,例如通過程序對關系型數據庫的數據進行增刪改查處理。

          在早期的軟件開發工作中,工程師既要開發前端,也要開發后端,還要設計并管理數據庫,可以說是真正的全棧工程師。除此以外,工程師還要承擔產品經理的工作,與業務方聊需求、掌控項目進度……

          現如今,互聯網公司對工作內容的劃分非常細致,會將前后端的開發分離。下圖所示為前后端分離的MVC模式,不論是CS架構還是BS架構,前端部分統稱為客戶端,業務邏輯層和數據層統稱為服務端。

          前端工程師負責客戶端開發,后端工程師負責服務端開發,客戶端和服務端之間完全通過接口交互。這樣便實現了專業化分工,兩端的工程師都聚焦于自己的技術領域,讓工作更精細專業。

          MVC模式下的前后端分離結構

          現在,你是否更加理解程序設計的分層模型,以及前后端分離的原因了呢?希望本文能夠幫到你。

          #專欄作家#

          楊堃,公眾號:PM楊堃(ID:pmYangKun)。人人都是產品經理專欄作家,《決勝B端》作者,11年互聯網研發、產品設計經驗,曾就職于傳統外資保險公司、百度,現就職于VIPKID。

          本文原創發布于人人都是產品經理。未經作者許可,禁止轉載。

          題圖來自Unsplash,基于CC0協議。

          做 Java Web 開發的你,一定聽說過SpringMVC的大名,作為現在運用最廣泛的Java框架,它到目前為止依然保持著強大的活力和廣泛的用戶群。

          本文介紹如何用eclipse一步一步搭建SpringMVC的最小系統,所謂最小系統,就是足以使項目在SpringMVC框架下成功跑起來,并且能夠做一些簡單的事情(比如訪問頁面)的系統。

          話不多說,讓我們開始吧。所有的源代碼和jar包都會在最后給出。

          其他環境:

          操作系統:Windos 10

          Tomcat : v7.0

          JDK : 1.7

          正文

          1. 新建一個項目

          我們用eclipse新建項目,選擇Dynamic Web Project(動態的Web項目)。

          點擊Next

          Project name里面寫上 springmvc,這就是我們項目的名稱,其他不用改,直接點擊Finish 。

          OK,項目就建好了。

          接下來一定要將項目的字符集改為UTF-8

          右鍵項目——properties

          改為UTF-8,點擊OK。

          2. 編寫 web.xml

          當我們打開WebContent/WEB-INF目錄的時候,發現里面只有一個lib目錄,這是存放各種jar包的地方。我們知道一個web項目必須要有一個web.xml文件才行。

          既然沒有,我們自己寫一個咯。

          右鍵WEB-INF——new——file,新建一個web.xml文件。

          點擊Finish

          將以下內容填進去即可。

          <?xml version="1.0" encoding="UTF-8"?>
          <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
           xmlns="http://xmlns.jcp.org/xml/ns/javaee" 
           xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" 
           id="WebApp_ID">
           
          <!-- 這是項目的名稱 -->
          <display-name>springmvc</display-name>
          </web-app>
          

          這樣就完成了基本的配置,我的意思是說,現在這個項目就已經是一個標準的web項目了。

          3. 驗證web項目是否搭建成功

          為了驗證到目前為止的正確性,我們在WebContent目錄下面新建一個jsp文件。

          名字就叫index.jsp

          內容如下:

          <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
          <html>
           <head>
           <meta charset="UTF-8" />
           </head>
           <body>
           恭喜,web項目已經成功搭建!
           </body>
          </html>
          

          我們現在就將這個項目部署到Tomcat,來驗證是否可以跑起來。

          在項目上右鍵——Debug As——Debug on Server

          直接點擊Finish

          經過一段時間,控制臺開始打印日志信息,當我們看到這些信息的時候,說明Tomcat已經啟動完畢了。

          讓我們打開瀏覽器,在地址欄輸入以下信息

          http://localhost:8088/springmvc/index.jsp

          我電腦上Tomcat配置的端口號是8088,具體情況視你自己的Tomcat決定,可能是8080等。

          可見,能夠成功訪問頁面了,這說明我們到目前為止的操作是正確的。

          3. 集成SpringMVC

          我們在web.xml文件里面添加下面的配置

          3.1 配置監聽器

          <listener>
           <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
          </listener>
          <listener>
           <listener-class>org.springframework.web.util.IntrospectorCleanupListener</listener-class>
          </listener>
          

          3.2 配置過濾器,解決POST亂碼問題

          <filter>
           <filter-name>encoding</filter-name>
           <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
           <init-param>
           <param-name>encoding</param-name>
           <param-value>UTF-8</param-value>
           </init-param>
          </filter>
          <filter-mapping>
           <filter-name>encoding</filter-name>
           <url-pattern>/*</url-pattern>
          </filter-mapping>
          

          3.3 配置SpringMVC分發器,攔截所有請求

          <servlet>
           <servlet-name>springmvc</servlet-name>
           <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
           <init-param>
           <param-name>namespace</param-name>
           <param-value>dispatcher-servlet</param-value>
           </init-param>
          </servlet>
          <servlet-mapping>
           <servlet-name>springmvc</servlet-name>
           <url-pattern>/</url-pattern>
           </servlet-mapping>
          

          在這個配置中,我們規定了 DispatcherServlet 的關聯 XML 文件名稱叫做 dispatcher-servlet

          注意,這里的路徑是相對于web.xml來說的,也就是說,這個文件也在WEB-INF的根目錄下。

          所以,我們需要在WEB-INF的根目錄下新建一個dispatcher-servlet.xml文件。

          至此,web.xml文件的編寫就告一段落了。

          3.4 編寫dispatcher-servlet.xml

          dispatcher-servlet.xml 的作用就是配置SpringMVC分發器。

          配置如下:

          <?xml version="1.0" encoding="UTF-8" ?>
          <beans xmlns="http://www.springframework.org/schema/beans"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
           xmlns:p="http://www.springframework.org/schema/p"
           xmlns:context="http://www.springframework.org/schema/context"
           xmlns:util="http://www.springframework.org/schema/util" 
           xmlns:mvc="http://www.springframework.org/schema/mvc"
           xsi:schemaLocation="http://www.springframework.org/schema/beans
           http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
           http://www.springframework.org/schema/context 
           http://www.springframework.org/schema/context/spring-context-3.0.xsd
           http://www.springframework.org/schema/util 
           http://www.springframework.org/schema/util/spring-util-3.0.xsd 
           http://www.springframework.org/schema/mvc 
           http://www.springframework.org/schema/mvc/spring-mvc.xsd
           ">
           
           <!-- 開啟注解模式驅動 --> 
           <mvc:annotation-driven></mvc:annotation-driven>
           <!-- 掃包 -->
           <context:component-scan base-package="com.springmvc.*"></context:component-scan>
           <!-- 靜態資源過濾 -->
           <mvc:resources location="/resources/" mapping="/resources/**"/>
           
           
           <!-- 視圖渲染 jsp/freemaker/velocity-->
           <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
           <!-- 制定頁面存放的路徑 -->
           <property name="prefix" value="/WEB-INF/pages"></property>
           <!-- 文件的后綴 -->
           <property name="suffix" value=".jsp"></property>
           </bean> 
           
          </beans>
          

          根據配置,有三個需要注意的地方。

          1. 它會掃描 com.springmvc 包下所有的Java類,但凡是遇到有注解的,比如@Controller , @Service , @Autowired ,就會將它們加入到Spring的bean工廠里面去。
          2. 所有的靜態資源文件,比如說 js , css , images 都需要放在/resources目錄下,這個目錄現在我們還沒有建。
          3. 所有的展示頁面,比如jsp文件,都需要放置在/WEB-INF/pages目錄下,這個目錄現在我們也沒有建。

          OK,我們把對應的目錄加上。

          首先是Java文件的目錄。

          我們在這個地方右鍵,新建一個 com 包,再在里面建一個 springmvc 包,或者用 . 的方式一起建。

          點擊Finish

          根據SpringMVC的分層,我們在springmvc 包下面建三個包,分別是controller , service , dao

          這樣的話, 當我們項目一旦啟動,springmvc就會掃描這三個包,將里面但凡是有注解的類都提取起來,放進Spring容器(或者說Spring的bean工廠),借由Spring容器來統一管理。這也就是你從來沒有去new一個Controller的原因。

          接下來,我們來建靜態資源的目錄。

          在WebContent目錄下新建一個resources文件夾。

          然后順便把js,css,img的文件夾都建一下,這里就存放我們的靜態資源文件。

          最后,我們在WEB-INF目錄下建一個pages文件夾,作為展示頁面的存放目錄。

          將之前的index.jsp拷貝進來。

          這樣就配置的差不多了。

          5. 導包和驗證

          我們將jar包放到lib目錄:

          然后啟動項目,驗證一下到目前為止的構建是否正確。

          打開Servers視圖,點擊如圖像是甲蟲一樣的圖標。

          發現報錯了,錯誤信息如下:

          錯誤:

          Could not open ServletContext resource [/WEB-INF/applicationContext.xml]

          它說我們在WEB-INF下面少了一個applicationContext.xml 這個文件,原來,我們少了對SpringBean工廠的配置,它的意思就是說,我們要規定一下,在Spring容器啟動的時候,需要自動加載哪些東西?

          于是,我們把 applicationContext.xml 加上。

          <?xml version="1.0" encoding="UTF-8"?>
          <beans xmlns="http://www.springframework.org/schema/beans"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:aop="http://www.springframework.org/schema/aop"
           xmlns:context="http://www.springframework.org/schema/context" xmlns:tx="http://www.springframework.org/schema/tx"
           xmlns:util="http://www.springframework.org/schema/util" xmlns:p="http://www.springframework.org/schema/p"
           xsi:schemaLocation="http://www.springframework.org/schema/beans 
           http://www.springframework.org/schema/beans/spring-beans.xsd 
           http://www.springframework.org/schema/aop 
           http://www.springframework.org/schema/aop/spring-aop-4.0.xsd
           http://www.springframework.org/schema/tx 
           http://www.springframework.org/schema/tx/spring-tx-4.0.xsd
           http://www.springframework.org/schema/context 
           http://www.springframework.org/schema/context/spring-context-4.0.xsd
           http://www.springframework.org/schema/util 
           http://www.springframework.org/schema/util/spring-util-4.0.xsd
           ">
           
          </beans>
          

          里面我們啥也不配置,再次啟動Tomcat。

          這回不報錯了。

          5. 配置ViewController

          我們知道,WEB-INF目錄下的任何資源都是無法直接通過瀏覽器的url地址去訪問的,保證了安全性。這也是我們為什么把頁面都放在該目錄下的原因。

          為了有所區分,我們還單獨建立了一個pages文件夾,將這些頁面保存起來。

          現在,為了訪問這個頁面,我們需要用到SpringMVC的頁面跳轉機制。

          我們在Controller包下新建一個ViewController

          點擊Finish

          ViewController 代碼:

          package com.springmvc.controller;
          import javax.servlet.http.HttpServletRequest;
          import org.springframework.stereotype.Controller;
          import org.springframework.web.bind.annotation.RequestMapping;
          import org.springframework.web.servlet.ModelAndView;
          @Controller
          public class ViewController {
           
           @RequestMapping("/view")
           public ModelAndView view(HttpServletRequest request){
           String path = request.getParameter("path") + "";
           ModelAndView mav = new ModelAndView();
           mav.setViewName(path);
           return mav;
           }
          }
          

          我只需要將想要訪問的頁面放在path里面,通過url傳進來就行了。

          因為添加了java類,因此我們重新啟動Tomcat。

          啟動完成后,在地址欄輸入:

          http://localhost:8088/springmvc/view?path=index

          結果:

          沒關系,我們看他報什么錯。

          message /springmvc/WEB-INF/pagesindex.jsp

          pagesindex.jsp是什么鬼??

          原來,在dispatcher-servlet.xml中,我們少寫了一個 "/"

          添上去就行了。

          保存后,因為修改了XML配置文件,因此我們還是需要重新啟動Tomcat。

          啟動完成后,繼續!

          成功了。

          6. 引入靜態資源

          比如,我在resources/img目錄下放了一張圖片,怎么引入到index.jsp呢?

          Paste_Image.png

          background : url(http://localhost:8088/springmvc/resources/img/bg.jpg);
          background-size : 100% 100%;
          

          的確,這是一種方式。可是,它有一個缺點就是根路徑寫死了,我們肯定不希望這樣的。

          其實,我們可以在viewController里面拿到項目根路徑,然后傳遞到jsp頁面就OK了。

          我們把調試信息 “恭喜,web項目已經成功搭建!” 刪掉。

          <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
          <html>
           <head>
           <meta charset="UTF-8" />
           </head>
           
           <style>
           body {
           background : url(${contextPath}/resources/img/bg.jpg);
           background-size : 100% 100%;
           }
           </style>
           <body>
           
           </body>
          </html>
          

          ${contextPath} 可以取到Controller傳過來的contextPath值。

          成功了!


          主站蜘蛛池模板: 国产精品无码亚洲一区二区三区| 国产高清不卡一区二区| 久久一区不卡中文字幕| 日韩A无码AV一区二区三区 | 国产精久久一区二区三区| 一本一道波多野结衣AV一区 | 午夜在线视频一区二区三区| 亚洲av无码不卡一区二区三区 | 亚洲午夜精品一区二区麻豆| 国产suv精品一区二区33| 99精品久久精品一区二区| 一区二区三区亚洲视频| 欲色影视天天一区二区三区色香欲| 亚洲av日韩综合一区久热| 无码福利一区二区三区| 精品国产乱子伦一区二区三区| 一区二区在线电影| 久久精品国产第一区二区三区| 久久久久99人妻一区二区三区| 97精品国产福利一区二区三区| 无码日韩人妻AV一区免费l| 国产精品亚洲综合一区| 国产av福利一区二区三巨| 久久精品一区二区影院| 精品一区二区三区中文字幕| 亚洲AV日韩AV天堂一区二区三区| 久久99国产精一区二区三区| 无码国产精品一区二区免费vr| 亚洲视频一区调教| 国产主播福利一区二区| 国产福利一区视频| 国产精品亚洲高清一区二区| 国产人妖视频一区二区| 亚洲区精品久久一区二区三区| 在线欧美精品一区二区三区 | 波多野结衣高清一区二区三区| 国产一在线精品一区在线观看| 久久se精品一区精品二区| 精品国产a∨无码一区二区三区| 亚洲一区二区三区成人网站| 视频精品一区二区三区|