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>这个是一样的,