一个简单的javaweb前后台交互实例

许多朋友在学完javaweb的基础知识，搭配javaweb环境，Servlet框架，javaweb用jdbc连接数据库，开发工具的安装，jsp相关的知识之后，想做一个简单的javaweb前后台交互实例，来证明一下自己的学习成果，今天呢，我们就简单做一个javaweb前后台交互实例。

首先我们来看一下项目的大致结构图：

做项目之前，我们需要把数据库的表建好，大家还记得数据库建表的SQL语句吗，可以根据自己学习的SQL语句进行创建，今天呢，我们创建了一个简单的数据库表，表名是user，字段有int类型的id（记得id设置为主键）、varchar类型的username和password。

在新建的javaweb项目中创建一个名为test.jsp的文件，在WebContent文件夹下创建即可，右键WebContent--new--jsp file--输入test.jsp--finish就行了。下图是test.jsp的代码：

然后就到后台的创建了，首先在src下创建一个demo的包，右键src--new--package--输入demo--finish即可。在demo包下创建一个DBConnection.java的文件，右键demo--new--class--输入DBConnection--finish即可，下图是DBConnection.java的代码：

这个类是需要通过数据库名、用户名、密码连接数据库。

根据上面的步骤创建testServlet.java文件，下图是testServlet.java的代码：

这个类主要的功能是获取前端页面用户输入的用户名和密码 然后调用testSuccess方法进行用户名和密码与数据库中数据进行匹配并进行跳转，如果用户名和密码正确，就会跳转到test_success.jsp页面，如果用户名和密码错误，就会跳转到test_failed.jsp页面。

根据上面的步骤创建LoginSuccess.class文件，下图是LoginSuccess.class的代码：

这个类是进行调用数据库的，进行用户名和密码的查询、判断。

然后我们就开始搭建jsp和Servlet的桥梁了，也就是配置web.xml文件，在WEB-INF文件夹下进行创建，右键WEB-INF--new--XML file--输入web.xml--finish即可，web.xml的代码如下：

这个xml文件是让test.jsp连接后台的testServlet.class文件，让他们互通的。

然后test_failed.jsp和test_success.jsp随便写点东西就行，能够区分运行是进入哪个页面就可以了。还有记得导入jar包，Mysql数据库需要用到的jar包，即mysql-connector-java-5.1.25-bin.jar。

以上就是我们今天为大家做的一个简单javaweb前后台交互实例，大家赶紧动手做起来吧。