css mvc框架基本原理

html-css015

css mvc框架基本原理,第1张

MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用程序的模式:[1]

Model(模型)表示应用程序核心(比如数据库记录列表)。

View(视图)显示数据(数据库记录)。

Controller(控制器)处理输入(写入数据库记录)。

MVC 模式同时提供了对 HTML、CSS 和 JavaScript 的完全控制。

问题产生原因:

<url-pattern>/</url-pattern>这表示这个servlet 拦截了所有的请求,包括css,js等。所以出现上面描述的情况。

解决办法(以下全部根据网上资料整理而成):

解决方案1:

step1:在 webapp下建立static 文件夹,并在 static 文件夹里面建立css 文件夹,然后建立对应.css 文件

step2:修改 mvc-dispatcher-servlet.xml 文件(或者spring对应的配置文件,上图的配置文件为spring-mvc.xml)

添加配置:

<mvc:resources mapping="/static/**" location="/WEB-INF/static/"/>

解决方案2:

修改web.xml

修改

<servlet-mapping>

<servlet-name>mvc-dispatcher</servlet-name>

<url-pattern>*.do</url-pattern></servlet-mapping>

这样dispatchservlet 只拦截*.do 的url. 并不拦截css,js

解决方案3(推荐,亲测可用):

修改web.xml

添加

<servlet-mapping>

<servlet-name>default</servlet-name>

<url-pattern>/static/*</url-pattern>

</servlet-mapping>

<servlet-mapping>

<servlet-name>default</servlet-name>

<url-pattern>*.js</url-pattern>

</servlet-mapping>

<servlet-mapping>

<servlet-name>default</servlet-name>

<url-pattern>*.css</url-pattern>

</servlet-mapping>

在页面中加入:<link href="@Url.Content("~/***/***.css")" rel="stylesheet" type="text/css" />

其中***代表你文件的路径。你可以参考你项目下的_Layout.cshtml文件,有什么问题可以再问我

某个控件引用,就直接类似这样用:<div class="p">其中p就是***文件中已经写好的样式

另外,<button style=" background-color:Gray">dssa</button>这个是一样的,