【JavaWeb】MVC案例之新闻列表

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 url= "jdbc:mysql:///test" ;
             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出来的,即重定向技术。

http://www.cnblogs.com/baiboy
分类:  Java, web design
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值