javaweb 与jsp页面的交互流程 (初次接触时写)
2017-12-20 15:56
483 查看
javaweb 与jsp页面的交互流程
javaweb项目目录
1. javaweb项目的一般目录:
2. jsp 页面一般情况下放在 top(前台页面) back(后台页面)
3. 后台代码 放在src下面,分为:
1. dao层(与数据库相关)
2. domain层(实体层)
3. service层 (服务层)
4. servlet层
前台 jsp使用表单或者使用js/jquery发送ajax请求
1. jsp通过form表单向servlet发送请求 ``` <form action="${pageContext.request.contextPath }/LoginServlet" method="post" class="list"> <div class="login_title">密码登录</div> ${msg } <input type="text" class="name" name="phone" placeholder="手机号"> <input type="password" name="password" class="password"> <input type="submit" class="submit"> </form> ``` 注意到 action里面的路径是一个servlet的路径 2. jsp通过jquery 的 ajax往servlet发送请求 这个和html中使用ajax往php发送请求类似 例: ``` var $value = this.value; var $uid = $("#uid").val(); var _url = "${pageContext.request.contextPath }/CheckPassword"; var _param = {"id": $uid,"password":$value}; $.post(_url, _param,function(data){ if(data == 0){ $("#s1").html("<font color='red'>原密码输入错误,请重新输入</font>"); $("#regBut").prop("disabled",true); }else if(data == 1){ $("#s1").html("<font color='green'>原密码输入正确</font>"); $("#regBut").prop("disabled",false); } }); ```
后台java先通过 servlet接收请求
1. servlet 层首先接收请求 然后收集数据,利用收集到的数据实例化成实体对象 最后new一个service对象,调用service的某个方法将所实例化的对象传到service层的某个方法 /** * 修改密码 */ public class ChangePasswordServlet extends HttpServlet { private static final long serialVersionUID = 1L; /** * @see HttpServlet#HttpServlet() */ public ChangePasswordServlet() { super(); // TODO Auto-generated constructor stub } /** * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) */ protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //收集数据 String newPassword = request.getParameter("newPassword"); String id = request.getParameter("id"); //封装数据 User user = new User(); user.setId(id); user.setPassword(newPassword); //处理数据 UserService userService = new UserService(); try { userService.ChangePassword(user); //调整页面 request.setAttribute("msg", "密码修改成功"); request.getRequestDispatcher("/top/success.jsp").forward(request, response); } catch (SQLException e) { e.printStackTrace(); } } /** * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) */ protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub doGet(request, response); } } 2. service层的某个方法接收到对象后直接new一个dao层的对象,将得到的对象传给层的某个方法 public class UserService { /** * 注册的方法 * @param user * @throws SQLException */ public void ChangePassword(User user) throws SQLException { UserDao userDao = new UserDao(); userDao.ChangePassword(user); } } 3. dao层的某个方法得到对象后,进行数据库操作,然后将结果封装成一个或多个实体,返回给上一层(根据情况,如果需要返回的结果的话就将执行结果返回,如果不需要返回的话,可以不返回,默认是操作成功) public class UserDao { public void ChangePassword(User user) throws SQLException { QueryRunner queryRunner = new QueryRunner(JDBCUtils.getDataSource());//和数据库建立链接 String sql = "update user set password = ? where id = ? "; Object[] params = {user.getPassword(),user.getId()}; queryRunner.update(sql, params); } } 4. 如果需要就结果的话,结果就一层一层返回,至于需不需要将结果实例化成视图还需要根据具体情况,到servlet层的话建议返回json的数据格式,一般包含 code,msg及result三部分, 对于form提交的方式:servlet层一般使用request.setAttribute("msg","你好");类似的方法返回,当涉及到登录的时候,要使用request.getSession().setAttribute("user",user);然后再重定向 对于ajax提交请求的方式:servlet层一般用 response.getWriter().write("0"); 返回数据,ajax中得到的回调函数中得到的data就是返回的数据
jsp页面接收到后台返回的结果
如果采用表单提交的方式的话,可以在jsp页面写上 类型 ${msg}的表达式,然后通过servlet的重定向到某个jsp页面,在jsp页面可以通过 JSTL标签及el表达式将返回结果渲染出来如果是 ajax 方式提交的话,就可以在ajax的回调函数中直接利用js/jquery修改html的dom节点或者跳转页面
相关文章推荐
- Eclipse编写JavaWeb中JSP页面运行时汉字乱码问题
- java web 自定义错误页面 完整jsp错误页面代码(同时写错误日志) error.jsp
- 关于JAVA EE项目在WEB-INF目录下的jsp页面如何访问WebRoot中的CSS和JS文件(转)
- Java web中jsp页面支持EL表达式配置
- java web 错误页面和jsp跳转
- JavaWeb--jsp页面的介绍
- java web程序升级jsp页面缓存无法显示最新的内容
- JSP+Servlet制作Java Web登录功能的全流程解析
- <java EE 项目:petstore> 从一个简单项目看 java web 如何在本jsp页面上对用户输入的格式进行限制与验证
- 关于JAVA EE项目在WEB-INF目录下的jsp页面如何访问WebRoot中的CSS和JS文件
- 在java中怎么访问web-inf 目录下的jsp页面。
- 关于JAVA EE项目在WEB-INF目录下的jsp页面如何访问WebRoot中的CSS和JS文件
- 关于JAVA EE项目在WEB-INF目录下的jsp页面如何访问WebRoot中的CSS和JS文件
- 关于JAVA EE项目在WEB-INF目录下的jsp页面如何访问WebRoot中的CSS和JS文件
- JSP web页面登陆注册 表单数据封装 流程总结(简单却容易在细节失误,所以需要严格的流程规范)
- CMS内容管理系统开发- Java Web开发及发布实例(2)—使用JSP实现动态数据交互
- web项目中,Java Resoures连接数据库测试通过,但JSP页面连接操作数据库失败的解决方案
- 关于JAVA EE项目在WEB-INF目录下的jsp页面如何访问WebRoot中的CSS和JS文件
- Java动态web--jsp页面调用servlet(doPost)
- Java Web 开发中如何将JSP页面放到WEB-INF目录下