15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 编程-前端jsp页面开发

编程-前端jsp页面开发

时间:2023-09-25 20:06:01 | 来源:网站运营

时间:2023-09-25 20:06:01 来源:网站运营

编程-前端jsp页面开发:在 【编程培训】基础增删改查训练 - 后端篇 的学习中大家了解了java后端基础的增删改查开发过程,下面的内容将会对大家介绍前端jsp页面开发的过程。

1. Ajax的应用

前端调用后端restful风格的controller时建议大家使用Ajax。

首先引入jquery文件,在system-study-web目录下找到main --> webapp目录,新建文件夹js/jquery文件夹




将下面的jQuery文件下载并解压,放入jquery目录下

2. 新建初始页面index.jsp

在eclipse左上角点击file,在弹出的下拉框中选择 new --> other

在弹出框中输入jsp ,选中JSP File点击next

在新页面中选中 system-study-web目录下的 src --> main --> webapp -->views ,并且在file name中修改文件名为index.jsp ,点击finish完成。

注:任何JSP页面均在此目录下创建,这是由框架配置决定的

3. 修改index.jsp文件内的编码规则

打开index.jsp 将其中默认的 "ISO-8859-1" 修改为 "UTF-8" ,如果不修改在传输中文的时候会出现乱码问题。

修改后

4.开发页面跳转控制器

在 system-study-java 模块下的 src --> main --> java --> com --> saiWeiSi --> controller 目录下新建 IndexController.java 类。

注:任何controller均在此目录下创建,这是由框架配置决定的

在类声明(public class IndexController )之前加入控制器的注解

//Controller 指示这是一个控制器//RequestMapping 指示将这个控制器于映射到哪个URL,即访问改URL就会访问这个控制器@Controller@RequestMapping("/")public class IndexController {5. 加入注解之后我们开始开发跳转功能

在IndexController.java 类中新建index方法,并且加上注解。

此处需要注意三点:

//这里的RequestMapping指示这个方法被映射到哪个URL,且指定什么方式访问 //@RequestMapping如果不配置任何参数,访问系统根目录时会自动调用此方法 @RequestMapping public String index(Map<String, Object> map,HttpServletRequest request){ //为防止在不同服务器环境中会出现相对路径不同而找不到文件,此处将系统根目录存入"ctx"参数中,避免出现路径不同导致找不到文件 map.put("ctx", request.getContextPath()); //返回参数"index"时,springMVC会自动访问/WEB-INF/views/下的index.jsp文件 return "index"; }此时可以启动程序测试前端index.jsp页面是否能访问了

启动程序之后,在浏览器中输入http://localhost:8080/study















关键词:

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭