前言:

最近一直在做WEB开发,现总结一下这一段时间的体会和感触。

切记,web开发重点在于前台数据交互,页面美化而不要太沉溺于底层数据。

浏览器时代来到,向我们召唤出更炫、更简洁、更方便、更大气的网站。

这篇博客目的在于为大家解决web开发中最基础的数据传递操作,让大家有一个好的起点,在web开放中更加游刃有余


背景:

目前业界很流行的WVC(model-view-control)开发模式,具体暂可理解为

模型是javaBean,

视图是JSP,

控制是servlet。

web的运行机制:

数据首先在jsp上被展示出来,用户看到页面后触发一些事件,并可能传递数据,这些数据和请求被控制器接收到,然后开始处理(往往会需要有一些数据库的操作(查询,修改数据库数据)),当这些处理结束后,我们就需要将数据反馈到JSP上显示给用户看,完成一次完整的交互过程。

正文:

根据背景所述的顺序,我们依次介绍----如何从JSP传数据到servlet并接收、如何在servlet里面获得数据库数据并处理、如何将servlet内的数据传递给jsp并显示在网页上。


(一)从JSP到servlet

1、发信息

表单提交

Html代码 【JSP、servlet、SQL】JSP、servlet、SQL三者之间的数据传递_web开发【JSP、servlet、SQL】JSP、servlet、SQL三者之间的数据传递_json_02


  1. <</font>form action="相对地址URL" name="表单名字" method="提交方式(post(推荐)、get)">

  2. <</font>input type="text" name="文本框名字" />

  3. </</font>form>



定义一个函数来处理表单文本框检查非空并提交表单事件

Html代码 【JSP、servlet、SQL】JSP、servlet、SQL三者之间的数据传递_web开发【JSP、servlet、SQL】JSP、servlet、SQL三者之间的数据传递_json_02


  1. <</font>script>
  2. $(document).ready(function(){
  3. $("#被单击按钮的ID").click(function(){
  4. if(document.all.文本框名字.value.length==0){
  5. ;
  6. return false;
  7. }
  8. document.all.表单名字submit();
  9. return true;});
  10. });
  11. </</font>script>



2、收信息来到表单提交时URL所指向的servlet文件,获取传递过来的参数值

Java代码 【JSP、servlet、SQL】JSP、servlet、SQL三者之间的数据传递_web开发【JSP、servlet、SQL】JSP、servlet、SQL三者之间的数据传递_json_02


  1. String search = ;
  2. System.out.println("在search的servlet中接收到的search参数为-->"+search);


String search = ; System.out.println("在search的servlet中接收到的search参数为-->"+search);


ok,完成


(二)从servlet到数据库

1、获得数据(MySql为例)

①创建数据库连接池

创建一个配置文件,如图