MVC案例之新闻列表
作者：白宁超
2016年6月6日15:26:30
摘要：本文主要针对javaweb基本开发之MVC案例的简单操作，里面涉及mysql数据库及表的创建，以及jsp页面和servlet的操作，整个操作流程进行梳理。其中涉及的概念问题，不在一一详述。对于整个操作流程按照开发顺序创建。（本文原创，转载标明出处：MVC案例之新闻列表）。
实验准备：
1 win*系统，一般配置笔记本或者台式机
2 安装MyEclipse开发平台，本实验使用MyEclipse2015（点击下载 访问密码 eafa）
3 Mysql数据库，当然oracle或者sql server数据库也是一样的。由于作者采用win8系统，数据库采用低版本，本实验采用mysql-installer-community-5.6.14.0.msi（点击下载 访问密码 39bf），Mysql数据库分为两种，一种是开源的，一种提供安装部署的，效果都一样。
4 JDBC链接数据库的jar包，本实验采用mysql-connector-java-5.1.20.jar（点击下载 访问密码 8bb1）
一、需求分析阶段
1 要求使用mysql数据库去创建数据库test和表news（nid int，ntitle String，ntype String，nauthor String）
2 采用MVC开发，实现新闻的查询操作
二、数据库创建阶段
# 创建数据库test
create database test;
#使用数据库
use test;
#创建表
create table test.news(
nid varchar(45) default null,
ntitle varchar(450) not null,
ntype varchar(450) not null,
nauthor varchar(45) not null
) default charset=GB2312;
#插入数据
insert test.news(nid,ntitle,ntype,nauthor) values('1','2016年6月高考最新信息','教育新闻','新华社');
insert test.news(nid,ntitle,ntype,nauthor) values('2','反贪大老虎再落马小记','时政新闻','人民日报');
#查询数据
select * from test.news order by nid desc
三、MVC开发阶段
百度百科：MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。
注：详细MVC可以参照官方文档或者google
1 新建jsp页面命名AllNews.jsp
2 新建三个类文件AllNewsModel.java/AllNewsDao.java/AllNewsServlet.java
其中：
AllNewsModel.java：是对数据库中news表的字段实例化
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
|
package com.cuit.javaweb.mvc;public class AllNewsModel { private int nid; private String ntitle; private String ntype; private String nauthor; public AllNewsModel(int id,String title,String type,String author){ this.nid=id; this.ntitle=title; this.ntype=type; this.nauthor=author; } public int getNid() { return nid; } public void setNid(int nid) { this.nid = nid; } public String getNtitle() { return ntitle; } public void setNtitle(String ntitle) { this.ntitle = ntitle; } public String getNtype() { return ntype; } public void setNtype(String ntype) { this.ntype = ntype; } public String getNauthor() { return nauthor; } public void setNauthor(String nauthor) { this.nauthor = nauthor; }} |
AllNewsDao.java:进行数据库底层操作，注意此刻mysql-connector-java-5.1.20.jar放在/WebRoot/WEB-INF/lib中，即JDBC驱动
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
|
package com.cuit.javaweb.mvc;import java.sql.Connection;import java.sql.DriverManager;import java.sql.PreparedStatement;import java.sql.ResultSet;import java.sql.SQLException;import java.util.ArrayList;import java.util.List;public class AllNewsDao { public List<AllNewsModel> getAllNews(){ List<AllNewsModel> AllNews=new ArrayList<AllNewsModel>(); Connection conn=null; PreparedStatement preparedStatement=null; ResultSet resultSet=null; try{ String driverClass="com.mysql.jdbc.Driver"; String user="root"; String password="root"; Class.forName(driverClass); conn=DriverManager.getConnection(url,user,password); String sql="Select * from news"; preparedStatement=conn.prepareStatement(sql); resultSet=preparedStatement.executeQuery(); while(resultSet.next()){ int nid=resultSet.getInt(1); String ntitle=resultSet.getString(2); String ntype=resultSet.getString(3); String nauthor=resultSet.getString(4); AllNewsModel news=new AllNewsModel(nid,ntitle,ntype,nauthor); AllNews.add(news); } } catch(Exception ex){ ex.printStackTrace(); }finally{ try{ if(resultSet!=null){ resultSet.close(); } }catch(SQLException ex){ ex.printStackTrace(); } try{ if(preparedStatement!=null){ preparedStatement.close(); } }catch(SQLException ex){ ex.printStackTrace(); } try{ if(conn!=null){ conn.close(); } }catch(SQLException ex){ ex.printStackTrace(); } } return AllNews; }} |
AllNewsServlet.java:对数据操作层指定视图显示，起着业务逻辑控制的作用
|
1
2
3
4
5
6
7
8
|
public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { AllNewsDao allNewsDao=new AllNewsDao(); List<AllNewsModel> allNews=allNewsDao.getAllNews(); request.setAttribute("AllNews", allNews); request.getRequestDispatcher("/AllNews.jsp").forward(request, response);} |
AllNews.jsp：视图的功能用于显示数据
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
<body> <% List<AllNewsModel> allNews=(List<AllNewsModel>)request.getAttribute("AllNews"); %> <table> <tr> <th>新闻编号</th> <th>新闻题目</th> <th>新闻类别</th> <th>新闻作者</th> </tr> <% for(AllNewsModel news:allNews ){ %> <tr> <td><%=news.getNid() %></td> <td><%=news.getNtitle() %></td> <td><%=news.getNtype() %></td> <td><%=news.getNauthor() %></td> </tr> <% } %> </table></body> |
四、运行效果演示
如图所示：完成数据查询功能，其中运行根目录为http://localhost:8080/，项目名称day_03后面的allNewsServlet是创建servlet时候mappping出来的，即重定向技术。