前言
这是一篇最初版本的mvc设计模式的demo。弄明白这其中的逻辑,对后面掌握ssh,ssm等框架大有裨益。
另外计算机系的同学们也要为毕设做准备了,希望可以帮你们迈出自己做毕设的第一步(微笑脸.jgp)。
特别提示:不要被文章篇幅吓到(再次微笑脸.jpg)。文中贴出了部分过程图片便于大家理解,并且代码部分未折叠,拿来即用!
补充:由于部分同学在根据说明搭建demo的过程中会遇到一些问题,所以我把代码在我的github上放了一份。大家可以先下载再看下面的搭建过程,也可以先自己动手搭建,遇到问题再对比异同,随意咯~
github地址:https://github.com/QubingHuo/javabean-jsp-servlet-jdbc
使用方法:
1.新建一个名为MyServlet的Dynamic Web Project,不论你使用的是idea,eclipse,还是STS,都可以
2.将github中的代码下载
3.分别用从github中下载的代码里面的src目录和webContent目录,替换你新建的MyServlet项目中的src目录和webContent目录
4.修改helper.DbHelper中连接数据库的用户名和密码
5.使用tomcat启动项目,并通过 http://localhost:8080/MyServlet/list访问项目
下面进入详细解说环节:
本篇采用javabean+jsp+servlet+jdbc,附源码。
M = JavaBean:用于传递数据,拥有与数据相关的逻辑处理
V = JSP:从Model接收数据并生成HTML
C = Servlet:接收HTTP请求并控制Model和View
环境:win7 64位,jdk1.8,tomcat7,mysql 5.5
工具:eclipse,Navicat premium
jar包:mysql-connector-java-5.1.13-bin.jar
一. 新建数据表
在mysql中新建一个名为my-db的数据库,并在其中新建一个user数据表,包含三个字段:id,name,age,如图
ps:在这里给各位同学安利一个叫做Navicat的数据库操作软件,功能十分强大。有了它,可以大幅减少在cmd中输入creat table...之类的命令数量,推荐Navicat Premium。
注意:将id设为自动递增,否则后面新增会出错。id设为自增,新增时就只需关注user的其它属性。
二. 新建web项目
1. eclipse新建一个名为MyServlet的Dynamic Web Project
修改class的默认输出目录为:WebContent/WEB-INF/classes
勾选自动生成web.xml
生成的项目在java EE透视图中的结构如下,
2. 将连接mysql的驱动jar包(mysql-connector-java-5.1.7-bin.jar)copy到WEB-INF下的lib目录下
3. 新建4个包,common存放实体类(User),dao存放数据库操作类(UserDao),servlet存放控制类(addServlet,updateServlet,deleteServlet,listServlet),helper存放开发帮助类(这里是数据库操作帮助类,封装了数据库连接部分代码,避免大量重复代码)