# :-: 華圣物流信息系統
>[danger][點擊此處進行源碼下載](http://kt.yiniuedu.com/web/material/details.html?id=12)
## 1.創建一個動態web項目
## 2.解壓縮模板，然后拷貝到項目的WebContent里面
## 3.把html頁面改成jsp頁面，從html頁面中抽取出共同的頭部導航和底部導航。
### 頭部導航head.jsp修改為如下代碼：
### 底部導航foot.jsp修改為如下代碼：
### 首頁index.jsp修改為如下代碼
```
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%
String title = "華圣物流信息科技有限公司";
String mobile = "18605395651";
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title><%=title %></title>
<meta name="keywords" content="<%=title %>" />
<meta name="description" content="<%=title %>" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.bxslider.css" rel="stylesheet" />
<script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/hover-dropdown.js"></script>
<script type="text/javascript" src="js/jquery.bxslider.js"></script>
<script>
$(function(){
$(".close").click(function(){
$("#address").attr("value","");
})
})
</script>
</head>
<body>
<div class="top hidden-xs">
<div class="container">
<div class="top-fl">Hi，歡迎來到<%=title %>！</div>
<div class="top-fr">客服熱線：<%=mobile %></div>
</div>
</div>
<header class="header-frontend">
<div class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img src="images/logo.png"/></a>
</div>
<div class="navbar-collapse collapse" style="height: 1px;">
<!-- 頁面導航 start -->
<%@ include file="head.jsp" %>
<!-- <ul class="nav navbar-nav">
<li class="active"><a href="index.html">首頁</a></li>
<li><a href="about.html">關于我們</a></li>
<li class="dropdown">
<a href="news.html" class="dropdown-toggle " data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">新聞中心 <b class=" icon-angle-down"></b></a>
<ul class="dropdown-menu">
<li><a href="news.html">行業資訊</a></li>
<li><a href="news.html">公司新聞</a></li>
</ul>
</li>
<li><a href="portfolio.html">項目管理及實施</a></li>
<li><a href="product.html">產品中心</a></li>
<li><a href="server.html">服務支持</a></li>
<li><a href="contact.html">聯系我們</a></li>
<li><a href="talent.html">人才招聘</a></li>
</ul>
-->
<!-- 頁面導航 end -->
</div>
</div>
</div>
</header>
<!--圖片輪播-->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="images/banner.png" alt="<%=title %>">
</div>
<div class="item">
<img src="images/banner.png" alt="<%=title %>">
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="container">
<div class="biaoti">
<h2>項目管理及實施</h2>
<p>致力于數字化、網絡化弱電系統解決方案</p>
<div class="english"><span>PROJECT</span></div>
</div>
</div>
<div class="line"></div>
<div class="container mt">
<div class="row">
<div class="col-lg-4 col-sm-4">
<section>
<a href="">
<div class="f-box">
<i class="iconfont"></i>
<h2>弱電系統工程</h2>
<p class="yw">system engineering</p>
<u></u>
<p class="f-text">致力于弱電智能工程和服務，努力成為業內一級的弱電工程商和服務提供商</p>
</div>
</a>
</section>
</div>
<div class="col-lg-4 col-sm-4">
<section>
<a href="">
<div class="f-box">
<i class="iconfont"></i>
<h2>行業解決方案</h2>
<p class="yw">Industry solutions</p>
<u></u>
<p class="f-text">致力于弱電智能工程和服務，努力成為業內一級的弱電工程商和服務提供商</p>
</div>
</a>
</section>
</div>
<div class="col-lg-4 col-sm-4">
<section>
<a href="">
<div class="f-box">
<i class="iconfont"></i>
<h2>項目案例</h2>
<p class="yw">PROJECT CASE</p>
<u></u>
<p class="f-text">致力于弱電智能工程和服務，努力成為業內一級的弱電工程商和服務提供商</p>
</div>
</a>
</section>
</div>
</div>
</div>
<div class="container">
<div class="biaoti">
<h2>項目案例</h2>
<p>系統集成和運維外包在內的整體服務方案</p>
<div class="english"><span>CASE</span></div>
</div>
</div>
<div class="line"></div>
<!--電腦產品中心-->
<div class="container hidden-xs mt">
<div class="row">
<!--item-->
<div class="col-xs-12 col-sm-4 col-md-4 ">
<div class="recent-work-wrap">
<a href="">
<img class="img-responsive" src="images/item1.jpg" alt="">
<div class="overlay">
<div class="recent-work-inner">
<h3>福隆超市連鎖</h3>
<p> 用連鎖形式經營多家超市，實行統一進貨、統一配送、統一管理。采用網狀型分布的經營策略，遍布汕頭各大村鎮的大街小巷，其中包括夏桂埔、辛厝寮、陳厝合、廣興村、金砂鄉等，全市連鎖超市管理系統、超市收銀軟件、監控系統、防盜報警系統</p>
<!--<a class="preview" href="" rel="prettyPhoto" title=""><i class="fa fa-search"></i></a> -->
</div>
</div>
</a>
</div>
</div>
<!--item-->
<!--item-->
<div class="col-xs-12 col-sm-4 col-md-4 ">
<div class="recent-work-wrap">
<a href="">
<img class="img-responsive" src="images/item1.jpg" alt="">
<div class="overlay">
<div class="recent-work-inner">
<h3>福隆超市連鎖</h3>
<p> 用連鎖形式經營多家超市，實行統一進貨、統一配送、統一管理。采用網狀型分布的經營策略，遍布汕頭各大村鎮的大街小巷，其中包括夏桂埔、辛厝寮、陳厝合、廣興村、金砂鄉等，全市連鎖超市管理系統、超市收銀軟件、監控系統、防盜報警系統</p>
<!--<a class="preview" href="" rel="prettyPhoto" title=""><i class="fa fa-search"></i></a> -->
</div>
</div>
</a>
</div>
</div>
<!--item-->
<!--item-->
<div class="col-xs-12 col-sm-4 col-md-4 ">
<div class="recent-work-wrap">
<a href="">
<img class="img-responsive" src="images/item1.jpg" alt="">
<div class="overlay">
<div class="recent-work-inner">
<h3>福隆超市連鎖</h3>
<p> 用連鎖形式經營多家超市，實行統一進貨、統一配送、統一管理。采用網狀型分布的經營策略，遍布汕頭各大村鎮的大街小巷，其中包括夏桂埔、辛厝寮、陳厝合、廣興村、金砂鄉等，全市連鎖超市管理系統、超市收銀軟件、監控系統、防盜報警系統</p>
<!--<a class="preview" href="" rel="prettyPhoto" title=""><i class="fa fa-search"></i></a> -->
</div>
</div>
</a>
</div>
</div>
<!--item-->
<!--item-->
<div class="col-xs-12 col-sm-4 col-md-4 ">
<div class="recent-work-wrap">
<a href="">
<img class="img-responsive" src="images/item1.jpg" alt="">
<div class="overlay">
<div class="recent-work-inner">
<h3>福隆超市連鎖</h3>
<p> 用連鎖形式經營多家超市，實行統一進貨、統一配送、統一管理。采用網狀型分布的經營策略，遍布汕頭各大村鎮的大街小巷，其中包括夏桂埔、辛厝寮、陳厝合、廣興村、金砂鄉等，全市連鎖超市管理系統、超市收銀軟件、監控系統、防盜報警系統</p>
<!--<a class="preview" href="" rel="prettyPhoto" title=""><i class="fa fa-search"></i></a> -->
</div>
</div>
</a>
</div>
</div>
<!--item-->
<!--item-->
<div class="col-xs-12 col-sm-4 col-md-4 ">
<div class="recent-work-wrap">
<a href="">
<img class="img-responsive" src="images/item1.jpg" alt="">
<div class="overlay">
<div class="recent-work-inner">
<h3>福隆超市連鎖</h3>
<p> 用連鎖形式經營多家超市，實行統一進貨、統一配送、統一管理。采用網狀型分布的經營策略，遍布汕頭各大村鎮的大街小巷，其中包括夏桂埔、辛厝寮、陳厝合、廣興村、金砂鄉等，全市連鎖超市管理系統、超市收銀軟件、監控系統、防盜報警系統</p>
<!--<a class="preview" href="" rel="prettyPhoto" title=""><i class="fa fa-search"></i></a> -->
</div>
</div>
</a>
</div>
</div>
<!--item-->
<!--item-->
<div class="col-xs-12 col-sm-4 col-md-4 ">
<div class="recent-work-wrap">
<a href="">
<img class="img-responsive" src="images/item1.jpg" alt="">
<div class="overlay">
<div class="recent-work-inner">
<h3>福隆超市連鎖</h3>
<p> 用連鎖形式經營多家超市，實行統一進貨、統一配送、統一管理。采用網狀型分布的經營策略，遍布汕頭各大村鎮的大街小巷，其中包括夏桂埔、辛厝寮、陳厝合、廣興村、金砂鄉等，全市連鎖超市管理系統、超市收銀軟件、監控系統、防盜報警系統</p>
<!--<a class="preview" href="" rel="prettyPhoto" title=""><i class="fa fa-search"></i></a> -->
</div>
</div>
</a>
</div>
</div>
<!--item-->
</div>
<a href="" class="more">查看更多</a>
</div>
<div class="row product hidden-lg" style=" margin: 0; padding-top: 20px;">
<div class="col-lg-12">
<ul class="bxslider">
<li>
<a href="">
<div class="element item view view-tenth" data-zlname="reverse-effect">
<img src="images/item1.jpg" alt="" />
<div class="mask">
<a data-zl-popup="link" href="javascript:;">
<i class="icon-link"></i>
</a>
<a data-zl-popup="link2" class="fancybox" rel="group" href="images/img1.jpg">
<i class="icon-search"></i>
</a>
</div>
</div>
</a>
</li>
<li>
<a href="">
<div class="element item view view-tenth" data-zlname="reverse-effect">
<img src="images/item1.jpg" alt="" />
<div class="mask">
<a data-zl-popup="link" href="javascript:;">
<i class="icon-link"></i>
</a>
<a data-zl-popup="link2" class="fancybox" rel="group" href="images/img1.jpg">
<i class="icon-search"></i>
</a>
</div>
</div>
</a>
</li>
<li>
<a href="">
<div class="element item view view-tenth" data-zlname="reverse-effect">
<img src="images/item1.jpg" alt="" />
<div class="mask">
<a data-zl-popup="link" href="javascript:;">
<i class="icon-link"></i>
</a>
<a data-zl-popup="link2" class="fancybox" rel="group" href="images/img1.jpg">
<i class="icon-search"></i>
</a>
</div>
</div>
</a>
</li>
<li>
<a href="">
<div class="element item view view-tenth" data-zlname="reverse-effect">
<img src="images/item1.jpg" alt="" />
<div class="mask">
<a data-zl-popup="link" href="javascript:;">
<i class="icon-link"></i>
</a>
<a data-zl-popup="link2" class="fancybox" rel="group" href="images/img1.jpg">
<i class="icon-search"></i>
</a>
</div>
</div>
</a>
</li>
<li>
<a href="">
<div class="element item view view-tenth" data-zlname="reverse-effect">
<img src="images/item1.jpg" alt="" />
<div class="mask">
<a data-zl-popup="link" href="javascript:;">
<i class="icon-link"></i>
</a>
<a data-zl-popup="link2" class="fancybox" rel="group" href="images/img1.jpg">
<i class="icon-search"></i>
</a>
</div>
</div>
</a>
</li>
<li>
<a href="">
<div class="element item view view-tenth" data-zlname="reverse-effect">
<img src="images/item1.jpg" alt="" />
<div class="mask">
<a data-zl-popup="link" href="javascript:;">
<i class="icon-link"></i>
</a>
<a data-zl-popup="link2" class="fancybox" rel="group" href="images/img1.jpg">
<i class="icon-search"></i>
</a>
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
<div class="news mt">
<div class="container">
<div class="row">
<div class="newtit">
<h2>新聞中心</h2>
<span>new center</span>
</div>
<p class="newstext">讓您第一時間內掌握最新動態</p>
<!-- Nav tabs -->
<ul class="nav nav-tabs col-lg-offset-4 col-md-offset-4 col-xs-offset-1" role="tablist">
<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">行業資訊</a></li>
<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">公司新聞</a></li>
<li role="presentation"><a href="">查看更多</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="home">
<div class="container">
<div class="row">
<div class="col-lg-4 col-lg-offset-2 hidden-xs hidden-md img"><img src="images/adv.png"/></div>
<div class="col-lg-4 col-xs-12">
<ul class="newslist">
<li><a href=""><i>網絡視頻監控備受青睞 高清化發展是主流 高清化發展是主流</i><span>2016-7-12</span></a></li>
<li><a href=""><i>網絡視頻監控備受青睞 高清化發展是主流</i><span>2016-7-12</span></a></li>
<li><a href=""><i>網絡視頻監控備受青睞 高清化發展是主流</i><span>2016-7-12</span></a></li>
<li><a href=""><i>網絡視頻監控備受青睞 高清化發展是主流</i><span>2016-7-12</span></a></li>
<li><a href=""><i>網絡視頻監控備受青睞 高清化發展是主流</i><span>2016-7-12</span></a></li>
<li><a href=""><i>網絡視頻監控備受青睞 高清化發展是主流 高清化發展是主流</i><span>2016-7-12</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="profile">
<div class="container">
<div class="row">
<div class="col-lg-4 col-lg-offset-2 hidden-xs hidden-md img"><img src="images/adv.png"/></div>
<div class="col-lg-4 col-xs-12 col-md-12">
<ul class="newslist">
<li><a href=""><i>網絡視頻監控備受青睞 高清化發展是主流</i><span>2016-7-12</span></a></li>
<li><a href=""><i>網絡視頻監控備受青睞 高清化發展是主流</i><span>2016-7-12</span></a></li>
<li><a href=""><i>網絡視頻監控備受青睞 高清化發展是主流</i><span>2016-7-12</span></a></li>
<li><a href=""><i>網絡視頻監控備受青睞 高清化發展是主流</i><span>2016-7-12</span></a></li>
<li><a href=""><i>網絡視頻監控備受青睞 高清化發展是主流</i><span>2016-7-12</span></a></li>
<li><a href=""><i>網絡視頻監控備受青睞 高清化發展是主流 高清化發展是主流</i><span>2016-7-12</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container mt">
<div class="biaoti">
<h2>合作伙伴</h2>
<p>價值創新，創造雙贏</p>
<div class="english"><span>Partner</span></div>
</div>
</div>
<div class="container partner mt">
<div class="row">
<div class="col-lg-2 col-md-2 col-xs-4"><a href=""><img src="images/1_03.png"/></a></div>
<div class="col-lg-2 col-md-2 col-xs-4"><a href=""><img src="images/1_03-03.png"/></a></div>
<div class="col-lg-2 col-md-2 col-xs-4"><a href=""><img src="images/1_09.png"/></a></div>
<div class="col-lg-2 col-md-2 col-xs-4"><a href=""><img src="images/1_11.png"/></a></div>
<div class="col-lg-2 col-md-2 col-xs-4"><a href=""><img src="images/1_13.png"/></a></div>
<div class="col-lg-2 col-md-2 col-xs-4"><a href=""><img src="images/1_05.png"/></a></div>
</div>
</div>
<div class="add mt">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-3 col-xs-12">
<h2>我們的地址：</h2>
<p>日照市龍湖區科技中路高新 創業大廈一期358</p>
<h2 class="contact">聯系方式：</h2>
<p> 電話：<%=mobile%> </p>
<p>傳真：<%=mobile%> </p>
<p> 郵箱：demo@163.com</p>
<p>聯系人：柏先生</p>
</div>
<div class="col-lg-4 col-md-3 col-xs-12"><img src="images/map.png"/></div>
<div class="col-lg-4 col-md-3 col-xs-12">
<h2>留言板</h2>
<form>
<div class="form-group">
<label for="exampleInputEmail1">*姓名</label>
<input type="text" class="form-control" placeholder="">
</div>
<div class="form-group">
<label for="exampleInputPassword1">*電話</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="">
</div>
<label for="exampleInputPassword1">*給我們留言</label>
<textarea class="form-control" rows="3"></textarea>
<button type="submit" class="btn btn-default">提交留言</button>
</form>
</div>
</div>
</div>
</div>
<%@ include file="foot.jsp" %>
<!--
<div class="copyright hidden-md hidden-xs">
<div class="container">
<div class="row">
<div class="copy-left">
<img src="images/dilogo.png" />
<p><i class="iconfont"></i>0754-88480026</p>
<p style="font-size: 13px;">周一至周五9:00-21:00</p>
<a href="" class="kf">在線客服</a>
</div>
<ul class="copy-mid">
<li>
<h2>關于我們</h2>
<dl>
<dt><a href="">公司簡介</a></dt>
<dt><a href="">經營范圍</a></dt>
<dt><a href="">企業文化</a></dt>
<dt><a href="">人才體系</a></dt>
</dl>
</li>
<li>
<h2>新聞中心</h2>
<dl>
<dt><a href="">行業資訊</a></dt>
<dt><a href="">公司新聞</a></dt>
</dl>
</li>
<li>
<h2>項目管理及實施</h2>
<dl>
<dt><a href="">弱電系統工程</a></dt>
<dt><a href="">行業解決方案</a></dt>
<dt><a href="">項目案例</a></dt>
</dl>
</li>
<li>
<h2>服務支持</h2>
<dl>
<dt><a href="">測評信息</a></dt>
<dt><a href="">技術支持</a></dt>
<dt><a href="">增值服務</a></dt>
<dt><a href="">下載中心</a></dt>
</dl>
</li>
</ul>
<div class="copy-right">
<p>微信號</p>
<img src="images/weixin.png" />
</div>
</div>
</div>
</div>
<div class="copy hidden-md hidden-xs"><%=title %>版權所有 ICP備案號：粵ICP備字123456號</div>
<div class="copy hidden-lg">
<p><%=title %>版權所有</p>
<p>ICP備案號：粵ICP備字123456號</p>
</div>
-->
<script src="js/common-scripts.js"></script>
<script src="js/jquery.bxslider.js"></script>
<script>
RevSlide.initRevolutionSlider();
$(window).load(function() {
$('[data-zlname = reverse-effect]').mateHover({
position: 'y-reverse',
overlayStyle: 'rolling',
overlayBg: '#fff',
overlayOpacity: 0.7,
overlayEasing: 'easeOutCirc',
rollingPosition: 'top',
popupEasing: 'easeOutBack',
popup2Easing: 'easeOutBack'
});
});
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
start: function(slider) {
$('body').removeClass('loading');
}
});
});
jQuery(".fancybox").fancybox();
</script>
</body>
</html>
```
- Java Web項目開發學習手冊
- 一、B/S開發環境搭建
- 1.1 tomcat服務器目錄結構及作用
- 1.2 在IDE開發工具上配置tomcat服務器
- 1.3 簡單web項目在tomcat服務器上運行的方法
- 1.4 開發工具設置
- 1.5 總結
- 二、Servlet技術應用
- 2.1 HttpServlet中的主要方法及應用
- 2.1.1 基于Eclipse完成一個JavaWeb項目
- 2.2 HttpRequest，HttpResponse的應用
- 2.2.1客戶端請求
- 2.2.2服務器響應
- 2.2.3Servlet HTTP 狀態碼
- 2.2.4圖片驗證碼類
- 2.2.5注冊模擬實現（帶驗證碼）
- 2.3 ServletConfig對象和ServletContext對象的概念
- 2.4 總結
- 三、JSP技術應用
- 3.1 JSP基本語法
- 3.2 JSP標簽和指令
- 3.3 JSP中的隱式對象
- 3.4 常用應用操作
- 3.4.1 JSP客戶端請求
- 3.4.2 JSP服務器響應
- 3.4.3 HTTP狀態碼
- 3.4.4 表單處理
- 3.4.5 過濾器
- 3.4.6 Cookie處理
- 3.4.7 Session處理
- 3.4.8 文件上傳
- 3.4.9 日期處理
- 3.4.10 頁面重定向
- 3.4.11 點擊量統計
- 3.4.12 自動刷新
- 3.4.13 發送郵件
- 3.5 JSP高級應用
- 3.5.1 JSP標準標簽庫（JSTL）
- 3.5.2 JSP連接數據庫
- 3.5.3 JSP XML數據處理
- 3.5.4 JSP JavaBean
- 3.5.5 自定義標簽
- 3.5.6 表達式語言
- 3.5.7 異常處理
- 3.5.8 調試
- 3.5.9 JSP國際化
- 3.6 實踐代碼
- 3.6.1 實踐代碼
- 3.6.2 項目實戰
- 3.7 總結
- 四、MVC思想的理解和搭建MVC
- 4.1 MVC設計模式的思想
- 4.2 MVC設計模式的實現步驟
- 4.3 項目實踐
- 4.4 總結
- 五、EL表達式和JSTL技術
- 5.1 EL表達式及其應用
- 5.2 常用的JSTL標簽的應用
- 5.3 項目實踐
- 5.4 總結
- 六、Cookie和Session
- 6.1 cookie對象的概念和應用
- 6.2 session對象的概念和應用
- 6.3 項目實踐
- 6.4 總結
- 七、過濾器技術應用
- 7.1 Filter的概念及應用
- 7.2 Filter、FilterChain、FilterConfig 介紹
- 7.3 用戶登錄過濾案例
- 7.4 項目實戰
- 7.5總結
- 八、異步請求技術
- 8.1 JSON數據格式
- 8.2 使用AJAX實現異步請求
- 8.3 用戶名校驗案例
- 8.4小結
- 綜合項目技術實訓
- 1.BS項目開發項目實戰
- 2.項目需求分析和系統設計
- 2.1需求分析
- 2.2類型模型設計
- 2.3原型設計
- 3.項目數據庫分析和系統設計
- 4.BS項目編程實現
- 4.1搭建框架和命名規約
- 4.2實現步驟
- 4.2.1創建實體類
- 4.2.2創建過濾器類
- 4.2.3創建工具類
- 4.2.4創建DAO接口及其實現類
- 4.2.5創建Service接口及其實現類
- 4.2.6創建測試類
- 4.2.7創建控制器類
- 5.企業開發流程規范
- 6.總結
- 九、練習題及答案
- 企業開發常用技術
- 1.Maven技術
- Java命名規范解讀
- 參考資料
- 開發中常用的應用服務器和Web服務器