EasyMall 项目记录-环境搭建

（1）修改hosts文件

更改：C:\Windows\System32\drivers\etc目录下hosts文件

添加：127.0.0.1 www.easymall.com

EasyMall 项目记录-环境搭建

（2）配置虚拟主机

在tomcat的conf/server.xml中配置一个新的虚拟主机

添加：<Host name="www.easymall.com"appBase="E:\web\www.easymall.com"></Host>

EasyMall 项目记录-环境搭建

（3）映射虚拟路径

在E盘下创建一个www.easymall.com文件夹，文件夹是空的，但是必须创建，如果不配置，那么访问的就是默认的webapps目录。

EasyMall 项目记录-环境搭建

（4）在eclipse中创建EasyMall项目

EasyMall 项目记录-环境搭建

（5）虚拟主机关联EasyMall这个Web应用

先把工程部署到tomcat服务器上，tomcat文件夹里面会自动生成一个www.easymall.com文件夹，在文件夹里面创建ROOT.xml文件

创建：D:\Jave-Web\课前资料\tomcat\tomcat-7\conf\Catalina\www.easymall.com\ROOT.xml

添加：<Context docBase="D:\workspace-web\myeclipse\EasyMall\WebRoot" />

EasyMall 项目记录-环境搭建

docBase指向的路径为D:\workspace-web\myeclipse\EasyMall\WebRoot

EasyMall 项目记录-环境搭建

ROOT.xml可以将EasyMall配置成www.easymall.com虚拟主机的默认web应用

这种配置的情况下，在MyEclipse中不再需要发布EasyMall项目

因为发布项目默认是将EasyMall项目中的WebRoot文件夹发送到tomcat的webapps文件夹下，相当于为localhost配置一个web应用

二、将项目的页面导入，变成jsp页面

（1）导入资源

将这四个文件里面的文件复制到EasyMall工程里面

EasyMall 项目记录-环境搭建

复制完成之后

EasyMall 项目记录-环境搭建

（2）创建jsp文件

创建_foot.jsp, _head.jsp, regist.jsp三个文件，并将_foot.html, _head.html, regist.html文件中的内容对应的复制进去，并把index.html文件中的内容复制到index.jsp里面

然后删除所有html文件，只保留jsp文件

EasyMall 项目记录-环境搭建

此时四个文件里面的内容

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" href="css/index.css"/>
        <title>欢迎光临EasyMall</title>
    </head>
    <body>
        <div >
            <div >
                <img src="img/index/banner_big.jpg"/>
            </div>
            <div >
                <img />
                <img />
                <img />
            </div>
            <div >
                <img />
                <img />
                <div >
                    <img />
                    <img />
                </div>
            </div>
            <div >
                <img src="img/index/217.jpg"/>
            </div>
            <div >
                <span >
                    <img src="img/index/icon_g1.png"/>&nbsp;&nbsp;500强企业 品质保证
                </span>
                <span >
                    <img src="img/index/icon_g2.png"/>&nbsp;&nbsp;7天退货 15天换货 
                </span>
                <span >
                    <img src="img/index/icon_g3.png"/>&nbsp;&nbsp;100元起免运费 
                </span>
                <span >
                    <img src="img/index/icon_g4.png"/>&nbsp;&nbsp;448家维修网点 全国联保 
                </span>
            </div>
        </div>
    </body>
</html>

index.jsp