javaweb 与jsp页面的交互流程 (初次接触时写)

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页面接收到后台返回的结果

  1. 如果采用表单提交的方式的话,可以在jsp页面写上 类型 ${msg}的表达式,然后通过servlet的重定向到某个jsp页面,在jsp页面可以通过 JSTL标签及el表达式将返回结果渲染出来
  2. 如果是 ajax 方式提交的话,就可以在ajax的回调函数中直接利用js/jquery修改html的dom节点或者跳转页面

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Android 研究

OkHttp源码解析(十) OKHTTP中连接与请求及总结

主要看下ConnectInterceptor()方法,里面代码已经很简单了,受限了通过streamAllocation的newStream方法获取一个流(Htt...

20940
来自专栏Java帮帮-微信公众号-技术文章全总结

Web-第八天 Servlet学习【悟空教程】

在网站的首页上,登录的链接,点击登录的链接,可以跳转到登录的页面.在登录的页面中输入用户名和密码点击登录的案例.完成登录的功能.

16110
来自专栏Java帮帮-微信公众号-技术文章全总结

Web-第十五天 Ajax学习【悟空教程】

在实际开发中,完成注册功能前,如果用户填写用户信息,准备填写其他信息时,将提示当前用户的用户名是否可用。效果图如下:

14230
来自专栏积累沉淀

Filter过滤器

web.xml中元素执行的顺序listener->filter->struts拦截器->servlet。 1.过滤器的概念 Java中的Filter 并不是一个...

20350
来自专栏jeremy的技术点滴

获取后台任务进度的另类办法

64260
来自专栏Java3y

Servlet第三篇【request和response简介、response的常见应用】

response、request对象 Tomcat收到客户端的http请求,会针对每一次请求,分别创建一个代表请求的request对象、和代表响应的respon...

449110
来自专栏Vamei实验室

Java网络03 Servlet沙拉

Servlet开胃酒中介绍了Servlet的基本流程和设置方式。这里,我们将看一些Servlet实例。这些实例都是HTTP通信(参考HTTP协议)中的常见问题。...

21080
来自专栏Java后端生活

JavaWeb(五)Servlet-2

22160
来自专栏扎心了老铁

redis的sentinel主从切换(failover)与Jedis线程池自动重连

本文介绍如何通过sentinel监控redis主从集群,并通过jedis自动切换ip和端口。 1、配置redis主从实例 10.93.21.21:6379 10...

53160
来自专栏王金龙的专栏

Jedis与Redisson选型对比

50740

扫码关注云+社区

领取腾讯云代金券