spring mvc怎么导入js

spring mvc怎么导入js,第1张

在web.xml中的配置:

[html] view plain copy

<servlet>

<servlet-name>springmvc</servlet-name>

<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>

<init-param>

<param-name>contextConfigLocation</param-name>

<param-value>classpath:springmvc-servlet.xml</param-value>

</init-param>

<load-on-startup>1</load-on-startup>

</servlet>

<servlet-mapping>

<servlet-name>springmvc</servlet-name>

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

</servlet-mapping>

在springmvc-servlet.xml中的配置:

[html] view plain copy

<mvc:annotation-driven/>

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

项目的目录结构:

如果index.vm中想要引入js目录下的jquery.min.js文件,则需这样写路经:

[html] view plain copy

<head>

<meta charset="UTF-8"/>

<meta charset="r.yuzhua.com"/>

<script type="text/javascript" src="../js/jquery.min.js"></script>

</head>

这样,就能正常引入了。

当然可以,在cshtml代码里面,你可以插入js代码,jquery代码(需要引用jquery文件),你可以完全把他当成html代码写

唯一的小差别就是可以前后台交互,前台数据可以传给后台,后台的数据也可以传到前台,不过这就需要用mvc框架的语法还写了

.net中提供的母版页大大的方便了制作网页时候使得页面共有元素统一化,给维护和修改提供了相当的便利。但是有一个让人很恼火的缺点就是母版页中才能有<head元素,使得很多情况下子页面引用css或者js就不那么方便。当然,你可以把css和js的引用全部放到母版页中,但是这样的做法会使得<head非常臃肿,是相当不理想的做法。这里介绍两种简单的方法,希望可以给碰到这个问题的朋友一点帮助,当然,如果您有更方便的做法,希望您可以告诉我,非常感谢呵呵。。。

第一种方法:使用<asp:ScriptManagerProxy元素

直接看代码段:

<%-- 这种方法是利用了ScriptManagerProxy控件中Scripts来引用js --%

<asp:ScriptManagerProxy ID="aa" runat="server"

<Scripts

<asp:ScriptReference Path="My97DatePicker/WdatePicker.js" /

</Scripts

</asp:ScriptManagerProxy

这里之所以要使用ScriptManagerProxy是因为使用母版页时候要保证ScriptManager元素只有唯一一个,具体的就不多说了,MSDN查一下就明白了。

这种方法我个人觉得要稍微麻烦点(要敲多点代码),而且只能引用js,css无效。

---------------------------------------------我是华丽的分割线-------------------------------------

第二种方法:使用<asp:ContentPlaceHolder元素

母版页中代码段:

<head runat="server"

<titleTechMan</title

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" /

<meta name="keywords" content="$页面关键字$" /

<meta name="description" content="$页面描述$" /

<asp:ContentPlaceHolder ID="cphHead" runat="server"</asp:ContentPlaceHolder</head

内容页中代码段:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11584037.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存