【背景需求】

    绘制一个界面,界面包含姓名,工资,年龄以及提交按钮。

    将用户的基本信息填入后,按提交按钮,通过Servlet机制,将提交结果反馈给用户,同时将填入的用户信息写入到数据库中。

【基本环境】

    开发环境:myeclipse集成Tomcat

    OS:windows 7(64bit)

    数据库:mysql

【步骤】      

   1.创建数据库并建立用户表(emp)

    打开mysql用户界面,并登录进mysql后(需要使用root账户进入),做如下操作:

    1)创建数据库

    create database EMPDB default character set utf8;//设置为utf8为了方便插入汉字。

    2)创建表

    create table emp(id int primary key auto_increment,name varchar(50),salary double,age int);

    到此,数据已经建立完成,只等着用户将数据提交后,传入mysql中。

    

   2.利用myeclipse开发工具右键新建web Project(以下项目名为:web01):

    1)右键新建web Project项目,取名为web01。

      可以看到底下有几个文件:src,WebRoot(META-INF、WEB-INF(lib)、index.jsp)以及一堆的Libraries结尾的文件。

    2)在WebRoot目录下,新建一个名为addemp.html的html文件,用于用户填写用户信息。具体代码详细见附件。

    3)在WEB-INF底下创建一个web.xml用户通过页面的访问地址,可以映射到java文件中执行相应的内容(通过继承Servlet下来的Service机制进行处理)并处理。

    4)在src总创建一个包名为web,新建一个class类.类名为AddEmpServlet;里面内容具体详见附件。

    

   3.通过启动Tomcat后,访问地址:http://localhost:8080/web01/add

    为什么要访问这个地址,可以查看我上一篇的博文,以及查阅web.xml的相关设置,在TomCat的安装目录底下也有相应的案例(例如:apache-tomcat-7.0.6\webapps\examples\WEB-INF\web.xml)

    

   4.需要导入mysql的jar包。

    将包放入到上面新建项目的WebRoot(META-INF、WEB-INF(lib)这个lib文件夹底下,通过右键点击项目--->Properties--->Java Build Path-->Libraries--->点击右侧的Add jars...,将放入lib底下的jar包添加进去。

    本案例使用到的jar包为mysql-connector-java-5.1.7-bin.jar.


--------------------------------------最后-----------------------------------------------

当所有都做好之后,参照第3步所示的地址,可以打开http://localhost:8080/web01/addemp.html,这时呈现给大家的是一个需要用户输入基本信息的界面,填写完成后,按提交,则会将请求发送给java中的Servlet进行执行,Servlet收到用户的Request后,通过执行java文件相应的Service以及相应的数据库的连接和更新操作后,会进行判断,如果用户插入数据成功则显示用户刚刚成功插入的数据,如果用户操作不成功,则界面会提示插入数据不成功。

具体的源码在附件里面,将附件改为相应的格式即可使用。也可以照里面的代码进行写。