【原创】三分钟教你学会MVC框架——基于java web开发(1)

MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用于组织代码用一种业务逻辑和数据显示分离的方法。

                                                                                                                                                                                        ——《百度百科》

      记得我第一次接触jsp的时候是学校里面要求我们做课程设计,我和我的小伙伴们就打算模仿一个外卖网站做一个web项目。那时候啥都不懂,什么HTML啊CSS啊统统不会,更别说JSP了。用jsp的时候也是把几乎所有的逻辑控件都放到一个jsp里面,页面里充斥着各式各样的代码,纷繁杂乱,最后项目修改起来也相当麻烦,结果如何可想而知。

      后来买了本书,在这里也推荐一下,是台湾林信良老师的《Servlet&JSP学习笔记》。里面讲解深入浅出,通俗易懂的同时也不会像一些所谓实战的书籍那样流于表面,从中,我第一次了解到MVC框架,并且在之后的项目中派上用场。

      闲话少说,下面开始手把手教大家如何搭建MVC框架,作为例子,展示的是一个最简单的登录流程。

第一步:创建项目

     创建项目的工具我推荐MyEclipse,因为不用我们配置Tomcat之类的东西,可以省去不少的功夫,把精力集中到MVC框架的学习当中。创建项目完毕之后,我们可以立刻启动项目。

启动项目完毕之后,MyEclipse自带的浏览器会向我们展示这么一个简单到不能再简单的页面

 

    大家可能会想,为什么项目启动后会展示这么一个页面呢?这个页面又保存在哪里呢?现在,让我给大家一一揭晓。(知道个中原因的读者请跳过,写这么一段是为了让初学者更容易理解,见谅!)

    看到项目的文件结构,不难在WebRoot文件夹下找到名为index.jsp这一文件。浏览器所展示的页面,就是此文件经过处理过后的结果。点开之后,修改<body></body>之间的内容,例如改成This is My MVC project.。重新启动项目后,告诉我你看到了什么。

    好了,解决完页面来源问题之后,接下来就是解答为什么会展示这么一个页面的问题了。我们点WebRoot文件夹节点,再点击WEB-INF文件夹节点,找到web.xml文件并且双击打开,然后看看里面的内容——

 1 <?xml version="1.0" encoding="UTF-8"?>
 2 <web-app version="2.5" 
 3     xmlns="http://java.sun.com/xml/ns/javaee" 
 4     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
 5     xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
 6     http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
 7 <!--以上内容暂时不需要理解,如果不明白可跳过-->
 8 
 9     
10   <welcome-file-list>     <!--welcome-file-list开头-->
11     <welcome-file>index.jsp</welcome-file>   <!--设置欢迎页面,也就是项目启动后浏览器展示的第一个页面-->
12   </welcome-file-list>    <!--welcome-file-list结尾-->
13  
14 </web-app>

     看到第11行的代码中的index.jsp,是不是觉得似曾相识呢?没错,它就是我们刚才一直在讨论的那个页面。这里设置的就是项目启动后浏览器展示的第一个页面,读者可以试着再WebRoot目录下添加一个HTML文件或JSP文件,然后将这里的index.jsp改成所添加的文件名,重新启动项目,你就会发现有什么东西不一样了。web.xml文件,用处还不止一点,后面再讨论。

 

posted @ 2013-08-30 10:23  LevenYes  阅读(7393)  评论(9编辑  收藏  举报