资源下载地址：https://download.csdn.net/download/sheziqiong/85811299
资源下载地址：https://download.csdn.net/download/sheziqiong/85811299
目录
摘 要 1
summary 2
1． 绪论 1 3
2. 需求分析 2 3
3. 系统设计 7 3
3.1 数据库设计 7 3
1． 绪论 1
1.1 设计背景 1
1.2 设计意义 1
1.3 设计思路 2
2. 需求分析 2
2.1 需求描述 3
2.2 用例建模 3
2.3 用例描述 4
2.3.1 用户管理用例描述 4
2.3.2 部门管理用例描述 5
2.3.3 职位管理用例描述 5
2.3.4 员工管理用例描述 6
2.3.5 公告管理用例描述 7
3. 系统设计 7
3.1 数据库设计 7
3.1.1 概念模型 8
3.1.2 逻辑模型 8
3.1.3 数据库脚本 9
3.2 系统架构设计 11
3.3 模块设计 11
3.3.1 项目执行流程 11
4. 产品实现 11
4.1 部门管理模块实现 11
4.1.1 界面设计 11
4.1.2 功能实现 12
4.2 职位管理模块实现 15
4.2.1 界面设计 15
4.2.2 功能实现 16
4.3 员工管理模块实现 19
4.3.1 界面设计 19
4.3.2 功能实现 20
4.4 公告管理模块实现 24
4.4.1 界面设计 24
4.4.2 功能实现 25
4.5 用户管理模块实现 27
4.5.1 界面设计 27
4.5.2 功能实现 28
5. 结论 30
5.1 毕业设计成果特点 30
5.2 不足之处或遗留未予解决的问题 31
致谢 32
1.3 设计思路
能够录入人事的基本资料,在操作上能够完成诸如添加、修改、删除、查询、新用 户的设置及密码修改等方面的工作,基本满足人事日常业务的需要。
人事管理信息系统主要包含员工基本信息,工作情况,学历,职位情况等各方面信息, 内容比较简单。同时还综合了其他系统的功能,总结归纳出所需现有的功能。主要是为 人事信息进行服务,对职位的变动、员工资料查询,公告信息查看等功能。总体上说具有 编辑,查询,员工管理等功能。
在如今的社会中如果再用手工管理这样一个庞大的业务,那不仅对人的脑、身体都 带来很多的不便,所以我们现在是很需要这样的一个系统来管理,我的这个设计是最基 本的管理。提高系统开发水平和应用的目的。
本系统采用模块化程序设计方法,既便于系统功能的各种组合和修改,又便于未参 与开发的技术维护人员补充、维护。
本系统应具备数据库维护功能,及时根据用户需求进行数据的添加、删除、修改、 备份等操作。
总之,在人事管理系统的开发过程中,我们应该充分考虑这些基本原则,这样,我们 做的系统才能够具有一定的生命周期
- 需求分析
基于其他企业人事管理软件的不足,要求能够制作一个可以方便、快捷的对员工信 息进行添加、修改、删除的操作,为了能够更好的存储职工的信息,可以将职工的信息添 加到 Word 文档,这样,不但便于保存,还可以通过 Word 文档进行打印。 根据企业对人事管理的要求,指定企业人事管理系统目标如下:
①操作简单方便、界面简洁美观
②在查看员工信息时,可以对当前员工的家庭情况等进行添加、修改、删除操作
③方便快捷的全方位查询所有数据
④可以将员工信息以表格的形式插入到 Word 文档中
⑤实现数据库的备份、还原及清空操作
⑥由于该系统使用对象较多,要有较好的权限管理
⑦能够在当前运行的系统中重新进行登录
⑧系统能够运行稳定、安全可靠
2.1 需求描述
管理员进入主界面，软件开始运行，提供用户登录功能，不同的用户登录操作的功 能不同，非管理员用户登录只能查看一些公告信息等，而管理员登录后，可以进行用户 管理丶部门管理、职位管理、员工管理、公告管理等功能。管理员可以通过点击部门管 理进入里面，可以添加部门、查看部门信息、删除部门等操作。在主界面，管理员可以 随意选择自己的操作达到最终的目的。
人事管理系统的主要作用就是为用户管理不同部门的员工,能够有效的完成人事管 理的日常工作;将零散的、杂乱无章的人员信息进行一些整理,方便用户的查询、汇总以 及分析。一个完整的人事管理系统应实现以下基本功能。
部门管理:能够维护体现部门间的组织关系,反映部门的基本信息,能够进行部门的 增加撤消,以及部门信息(如部门名称、负责人名称等)的修改。
职位管理： 用户管理:能够对系统用户进行编辑、增加或删除,并指定用户的权限。 员工信息的管理:维护员工的基本信息,用户可以进行员工档案信息的录入及更改,
其中包括员工的基本信息,要求这些员上档案信息可以进行新增、删除、修改操作,同时 可以进行浏览和查询的操作。
公告管理：可以查询所有公告或根据公告名称，公告内容进行模糊查询。
2.2 用例建模
用户进行登录后，可以进行部门管理丶岗位管理丶员工管理丶公告管理和用户管理 的增、删、改查操作，不同的用户具有不同的角色，分配的功能也不相同。如图：
图 2.1 人事管理系统用例模型
主页代码如下：
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>创世科技无限财团</title>
<link rel="icon" href="images/logo.png"/>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
<link href='css/aos.css' rel='stylesheet prefetch' type="text/css" media="all" />
<link href="css/jQuery.lightninBox.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/pogo-slider.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/zhustyle.css" rel="stylesheet" type="text/css" media="all"/>
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
<script type="text/javascript">
if(window.parent.length>0){
window.parent.location.href="index.jsp";
}
</script>
<!-- /css -->
</head>
<body>
<audio src="music/马克西姆.姆尔维察 - Exodus.mp3" loop="loop" autoplay="autoplay"></audio>
<!-- banner -->
<section class="banner-w3ls">
<div class="navbar-wrapper">
<div class="container">
<nav class="navbar navbar-inverse navbar-static-top">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" ><img src="images/logo.png"/></a>
</div>
<div id="navbar" class="navbar-collapse collapse" >
<ul class="nav navbar-nav navbar-right cl-effect-21">
<li><a href="index.jsp" class="page-scroll">主页<span></span></a></li>
<li><a href="#about" class="page-scroll">关于我们</a></li>
<li><a href="#services" class="page-scroll">服务</a></li>
<li><a href="#menu" class="page-scroll">菜单</a></li>
<li><a href="#test" class="page-scroll">公司公关</a></li>
<li><a href="#contact" class="page-scroll">联系我们</a></li>
<li><a href="login.jsp" class="page-scroll" >登录</a></li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div class="slider">
<ul class="slider-main" >
<li>
<img src="images/paodao.jpg" alt="w3layouts">
<div class="banner-w3layouts1">
<h3 >创世-用心</h3>
<p>你所不惜的现在是再也回不去的曾经</p>
</div>
</li>
<li>
<img src="images/wutai.jpg" alt="w3layouts">
<div class="banner-w3layouts1">
<h3 >创世-让明天更美好</h3>
<p>白日依山尽，黄河入海流</p>
</div>
</li>
<li>
<img src="images/chengshi.jpg" alt="w3layouts">
<div class="banner-w3layouts1">
<h3 >创世-每个人心中的伊甸园</h3>
<p>长太息以掩涕兮，哀民生之多艰</p>
</div>
</li>
<li>
<img src="images/diqiu.jpg" alt="w3layouts">
<div class="banner-w3layouts1">
<h3 >创世-心中独一无二的宇宙</h3>
<p>昨夜西风凋碧树，望尽天涯路</p>
</div>
</li>
<li>
<img src="images/jihe.jpg" alt="w3layouts">
<div class="banner-w3layouts1">
<h3 >创世-珍惜现在</h3>
<p>与你同在</p>
</div>
</li>
</ul>
</div>
</section>
<!-- /banner -->
<!-- deals -->
<section class="bestdeals-w3ls">
<div class="container-fluid">
<div class="col-lg-1 col-md-1 col-md-push-5 deal-agileits3" data-aos="zoom-in">
<h3 class="deal-agile1">项目一览</h3>
</div>
<div class="col-lg-5 col-md-5 col-md-pull-1 deal-agileits1" data-aos="zoom-in">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>排名</th>
<th>项目</th>
<th>聚资(亿美元)</th>
<th>发售(限量)</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>歼星舰</td>
<td>25746.491</td>
<td>100</td>
</tr>
<tr>
<td>2</td>
<td>原力按摩椅</td>
<td>15642.345</td>
<td>100</td>
</tr>
<tr>
<td>3</td>
<td>切菜刀-阿波菲斯</td>
<td>1221</td>
<td>1000</td>
</tr>
<tr>
<td>4</td>
<td>任意门</td>
<td>952</td>
<td>1000</td>
</tr>
<tr>
<td>5</td>
<td>空中花园</td>
<td>0.1</td>
<td>10</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-lg-1 col-md-1 deal-agileits3" data-aos="zoom-in">
<h3 class="deal-agile2">位置分布</h3>
</div>
<div class="col-lg-5 col-md-5 deal-agileits2" data-aos="zoom-in">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>位置</th>
<th>规模(千)</th>
<th>数量(座)</th>
<th>任务</th>
</tr>
</thead>
<tbody>
<tr>
<td>北京总部</td>
<td>30</td>
<td>6</td>
<td>超高纯度雾霾立体防护系统</td>
</tr>
<tr>
<td>迦勒底分部</td>
<td>10</td>
<td>4</td>
<td>与英灵一起夺回未来！</td>
</tr>
<tr>
<td>火星分部</td>
<td>1</td>
<td>1</td>
<td>恢复被M78星云生物所破坏的地表</td>
</tr>
<tr>
<td>太阳分部</td>
<td>1</td>
<td>1</td>
<td>实现夜晚登录太阳不热的构想</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="clearfix"></div>
</div>
</section>
<!-- /deals -->
<!-- about section -->
<section class="about-w3l" id="about">
<div class="container-fluid">
<div class="col-lg-6 col-md-6 col-sm-6 about-agileinfo1" data-aos="flip-right">
<div class="pogoSlider" id="js-main-slider">
<div class="pogoSlider-slide" data-transition="shrinkReveal" data-duration="1000" style="background-image:url(images/kai.jpg);background-position:center;"></div>
<div class="pogoSlider-slide" data-transition="shrinkReveal" data-duration="1000" style="background-image:url(images/shu.jpg);background-position:center;"></div>
<div class="pogoSlider-slide" data-transition="shrinkReveal" data-duration="1000" style="background-image:url(images/shou.jpg);background-position:center;"></div>
</div><!-- .pogoSlider -->
</div>
<div class="col-lg-6 col-md-6 col-sm-6 about-agileinfo2" data-aos="flip-left">
<div class="aboutinfo">
<h2>关于我们</h2>
<p>创世无限财团成立于公元前221年，当年秦始皇一统天下，我们便是隶属于始皇帝陛下的一个隐蔽的神秘组织，负责一些暗杀活动，例如大汉奸汪精卫就是我们暗杀的，我们手下的荆轲，爱因斯坦，马化腾等精英干将</p>
<p>怎奈家道中落，荆轲叛变，组织被始皇帝追杀，算了，编不下去了</p>
</div>
</div>
<div class="clearfix"></div>
</div>
</section>
<!-- /about section -->
<!-- services section -->
<section class="services-w3l" id="services">
<div class="container">
<h3 class="text-center" data-aos="flip-up">我们的服务</h3>
<div class="col-lg-4 col-md-4 col-sm-4 w3-agile">
<div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5d" data-aos="flip-up">
<i class="hi-icon fa fa-car" aria-hidden="true"><a href="#0"></a></i>
</div>
<h4 data-aos="flip-up">人才培训</h4>
<p data-aos="flip-up">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis dui at sem.</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 w3-agile">
<div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5d" data-aos="flip-up">
<i class="hi-icon fa fa-birthday-cake" aria-hidden="true"><a href="#0"></a></i>
</div>
<h4 data-aos="flip-up">电子行业</h4>
<p data-aos="flip-up">Sit amet ultrices ex consectetur. Nunc iaculis eros in mauris accumsan, quis dapibus arcu.</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 w3-agile">
<div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5d" data-aos="flip-up">
<i class="hi-icon fa fa-archive" aria-hidden="true"><a href="#0"></a></i>
</div>
<h4 data-aos="flip-up">金融行业</h4>
<p data-aos="flip-up">Nulla commodo a nibh at mattis. Curabitur vel odio et nulla vulputate lobortis. Nunc iaculis.</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 w3-agile">
<div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5d" data-aos="flip-up">
<i class="hi-icon fa fa-credit-card" aria-hidden="true"><a href="#0"></a></i>
</div>
<h4 data-aos="flip-up">航天行业</h4>
<p data-aos="flip-up">Aenean aliquet risus aliquam nulla blandit blandit vel at nulla. Maecenas mollis dui at sem.</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 w3-agile">
<div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5d" data-aos="flip-up">
<i class="hi-icon fa fa-coffee" aria-hidden="true"><a href="#0"></a></i>
</div>
<h4 data-aos="flip-up">游戏代练</h4>
<p data-aos="flip-up">Donec et sem vel sapien mollis suscipit et ac ipsum. Nunc eget sapien lacus. Aenean.</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 w3-agile">
<div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5d" data-aos="flip-up">
<i class="hi-icon fa fa-cutlery" aria-hidden="true"><a href="#0"></a></i>
</div>
<h4 data-aos="flip-up">用户反馈</h4>
<p data-aos="flip-up">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</div>
<div class="clearfix"></div>
</div>
</section>
<!-- /services section -->
<!-- testimonial section -->
<section class="testimonial-wthree jarallax" id="test">
<div class="container">
<h3 class="text-center" data-aos="flip-up">公司公关</h3>
<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="3000" data-pause="false">
<!-- Indicators
-->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="images/k.jpg" alt="w3layouts" class="img-responsive" data-aos="zoom-in">
<h4 class="text-center" data-aos="flip-up">悟吉塔</h4>
<p class="text-center" data-aos="flip-up">代表《龙珠系列》发来贺电</p>
</div>
<div class="item">
<img src="images/g.png" alt="w3layouts" class="img-responsive" data-aos="flip-up">
<h4 class="text-center" data-aos="flip-up">怪盗基德</h4>
<p class="text-center" data-aos="flip-up">代表《名侦探柯南死神小学》发来贺电</p>
</div>
<div class="item">
<img src="images/l.jpg" alt="w3layouts" class="img-responsive" data-aos="flip-up">
<h4 class="text-center" data-aos="flip-up">路飞</h4>
<p class="text-center" data-aos="flip-up">代表《海贼王》发来贺电</p>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<img src="images/prev2.png" style="margin-top: 150px;"/>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<img src="images/next2.png" style="margin-top: 150px;"/>
</a>
</div>
</div>
</section>
<!-- /testimonial section -->
<!-- menu section -->
<section class="menu-wthree" id="menu">
<h3 class="text-center">公司美食</h3>
<div class="container-fluid">
<div class="col-lg-7 col-md-7 menu-w3-agile1" data-aos="zoom-in">
<div class="grid">
<figure class="effect-duke" data-aos="flip-left">
<img src="images/menu1.jpg" alt="w3layouts" class="img-responsive" id="menuimg1">
<figcaption>
<p class="p1">查看详情</p>
<a href="images/menu1.jpg" class="lightninBox link1" data-lb-group="1">View more</a>
</figcaption>
</figure>
</div>
</div>
<div class="col-lg-5 col-md-5 menu-w3-agile2" data-aos="zoom-in">
<div class="col-lg-12 col-md-12 col-sm-6 menu-w3-agileits1">
<div class="grid" data-aos="flip-right">
<figure class="effect-duke">
<img src="images/menu1-1.jpg" alt="w3layouts" class="img-responsive">
<figcaption>
<p class="p2">查看详情</p>
<a href="images/menu1-1.jpg" class="lightninBox link1" data-lb-group="1">View more</a>
</figcaption>
</figure>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-6 menu-w3-agileits2">
<div class="grid" data-aos="flip-right">
<figure class="effect-duke">
<img src="images/menu1-2.jpg" alt="w3layouts" class="img-responsive">
<figcaption>
<p class="p2">查看详情</p>
<a href="images/menu1-2.jpg" class="lightninBox link1" data-lb-group="1">View more</a>
</figcaption>
</figure>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
<div class="col-lg-7 col-md-7 col-md-push-5 menu-w3-agile1" data-aos="zoom-in">
<div class="grid" data-aos="flip-right">
<figure class="effect-duke">
<img src="images/menu2.jpg" alt="w3layouts" class="img-responsive" id="menuimg2">
<figcaption>
<p class="p1">查看详情</p>
<a href="images/menu2.jpg" class="lightninBox link1" data-lb-group="1">View more</a>
</figcaption>
</figure>
</div>
</div>
<div class="col-lg-5 col-md-5 col-md-pull-7 menu-w3-agile2" data-aos="zoom-in">
<div class="col-lg-12 col-md-12 col-sm-6 menu-w3-agileits1">
<div class="grid" data-aos="flip-left">
<figure class="effect-duke">
<img src="images/menu2-1.jpg" alt="w3layouts" class="img-responsive">
<figcaption>
<p class="p2">查看详情</p>
<a href="images/menu2-1.jpg" class="lightninBox link1" data-lb-group="1">View more</a>
</figcaption>
</figure>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-6 menu-w3-agileits2">
<div class="grid" data-aos="flip-left">
<figure class="effect-duke">
<img src="images/menu2-2.jpg" alt="w3layouts" class="img-responsive">
<figcaption>
<p class="p2">查看详情</p>
<a href="images/menu2-2.jpg" class="lightninBox link1" data-lb-group="1">View more</a>
</figcaption>
</figure>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</section>
<!-- /menu section -->
<!-- team section -->
<section class="team-w3l">
<div class="container">
<h3 class="text-center" data-aos="flip-up">我们的团队</h3>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 team-agile" data-aos="zoom-in">
<div class="view view-third">
<img src="images/5.jpg" alt="w3layouts" class="img-responsive"/>
<div class="mask">
<h4>熊国超</h4>
<ul class="social-icons1">
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-google" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
</ul>
<p class="info">组长</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 team-agile" data-aos="zoom-in">
<div class="view view-third">
<img src="images/3.jpg" alt="w3layouts" class="img-responsive"/>
<div class="mask">
<h4>余本领</h4>
<ul class="social-icons1">
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-google" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
</ul>
<p class="info">技术组长</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 team-agile" data-aos="zoom-in">
<div class="view view-third">
<img src="images/2.jpg" alt="w3layouts" class="img-responsive"/>
<div class="mask">
<h4>薛新宇</h4>
<ul class="social-icons1">
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-google" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
</ul>
<p class="info">总经理</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 team-agile" data-aos="zoom-in">
<div class="view view-third">
<img src="images/1.jpg" alt="w3layouts" class="img-responsive"/>
<div class="mask">
<h4>祝文华</h4>
<ul class="social-icons1">
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-google" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
</ul>
<p class="info">总裁</p>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</section>
<!-- /team section -->
<!-- comments -->
<section class="comment-w3l jarallax">
<div class="container">
<h3 class="text-center" data-aos="flip-up">你的信息</h3>
<div class="col-lg-6 col-md-6 col-sm-6 comment-agile1" data-aos="flip-left">
<form action="#" method="post" name="sentMessage" id="contactForm" novalidate>
<div class="control-group form-group">
<div class="controls">
<label>昵称:</label>
<input type="text" class="form-control" id="name" required data-validation-required-message="Please enter your name.">
<p class="help-block"></p>
</div>
</div>
<div class="control-group form-group">
<div class="controls">
<label>电子邮件:</label>
<input type="email" class="form-control" id="email" required data-validation-required-message="Please enter your email address.">
</div>
</div>
<div class="control-group form-group">
<div class="controls">
<label>信息:</label>
<textarea rows="10" cols="100" class="form-control" id="message" required data-validation-required-message="Please enter your message" maxlength="999" style="resize:none"></textarea>
</div>
</div>
<div id="success"></div>
<!-- For success/fail messages -->
<button type="submit" class="btn btn-primary">确定</button>
</form>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 comment-agile2" data-aos="flip-right">
<h4>假装有图片</h4>
<p class="comment-w3"></p>
</div>
<div class="clearfix"></div>
</div>
</section>
<!-- /comments -->
<!-- map -->
<!---<div class="map-agileits-w3layouts" data-aos="zoom-in">
<iframe class="googlemaps" src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d380510.6741687111!2d-88.01234121699822!3d41.83390417061058!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1455598377120" style="border:0" allowfullscreen></iframe>
</div>--->
<!-- /map -->
<!-- footer -->
<section class="footer-agileits-w3layouts" id="contact">
<div class="container">
<div class="col-lg-3 col-md-3 col-sm-6 footer-w3-agile1" data-aos="flip-left">
<h4>Links</h4>
<ul class="links-w3ls">
<li><a href="index.html"><i class="fa fa-home" aria-hidden="true"></i> 主页</a></li>
<li><a href="#about" class="page-scroll"><i class="fa fa-universal-access" aria-hidden="true"></i> 关于</a></li>
<li><a href="#services" class="page-scroll"><i class="fa fa-handshake-o" aria-hidden="true"></i> 服务</a></li>
<li><a href="#menu" class="page-scroll"><i class="fa fa-cutlery" aria-hidden="true"></i> 业务</a></li>
<li><a href="#test" class="page-scroll"><i class="fa fa-users" aria-hidden="true"></i> 联系我们</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 footer-w3-agile2" data-aos="flip-right">
<h4>最后的福利</h4>
<ul class="latest-pics">
<li><a href="images/pic1.jpg" class="lightninBox pic-w3ls" data-lb-group="2"><img src="images/pic1.jpg" alt="" class="img-responsive"/></a></li>
<li><a href="images/pic2.jpg" class="lightninBox pic-w3ls" data-lb-group="2"><img src="images/pic2.jpg" alt="" class="img-responsive"/></a></li>
<li><a href="images/pic3.jpg" class="lightninBox pic-w3ls" data-lb-group="2"><img src="images/pic3.jpg" alt="" class="img-responsive"/></a></li>
<li><a href="images/pic4.jpg" class="lightninBox pic-w3ls" data-lb-group="2"><img src="images/pic4.jpg" alt="" class="img-responsive"/></a></li>
<li><a href="images/pic5.jpg" class="lightninBox pic-w3ls" data-lb-group="2"><img src="images/pic5.jpg" alt="" class="img-responsive"/></a></li>
<li><a href="images/pic6.jpg" class="lightninBox pic-w3ls" data-lb-group="2"><img src="images/pic6.jpg" alt="" class="img-responsive"/></a></li>
<li><a href="images/pic7.jpg" class="lightninBox pic-w3ls" data-lb-group="2"><img src="images/pic7.jpg" alt="" class="img-responsive"/></a></li>
<li><a href="images/pic8.jpg" class="lightninBox pic-w3ls" data-lb-group="2"><img src="images/pic8.jpg" alt="" class="img-responsive"/></a></li>
<li><a href="images/pic9.jpg" class="lightninBox pic-w3ls" data-lb-group="2"><img src="images/pic9.jpg" alt="" class="img-responsive"/></a></li>
</ul>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 footer-w3-agile3" data-aos="flip-left">
<h4>联系我们</h4>
<p class="address-w3ls">经海路京东大厦科创十三街旁边稍微拐两个弯就倒了</p>
<p class="address-w3ls">联系人：熊经理</p>
<p class="address-w3ls">来啊~快活啊~</p>
<ul class="contact-info">
<li><p><i class="fa fa-phone" aria-hidden="true"></i> +123456789</p></li>
<li><p><i class="fa fa-fax" aria-hidden="true"></i> +123456789</p></li>
<li><p><a href="mailto:[email protected]"><i class="fa fa-envelope-o" aria-hidden="true"></i> [email protected]</a></p></li>
</ul>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 footer-w3-agile4" data-aos="flip-right">
<h4>最后一句</h4>
<p class="subs-w3ls">简直无情</p>
<div class="subscribe">
<form action="#" method="post">
<div class="form-group1 slideanim">
<input class="form-control" id="email1" name="email1" placeholder="填写你的Email地址" type="email" required>
</div>
<div class="form-group2 slideanim">
<button class="btn btn-outline btn-lg" type="submit">提交</button>
</div>
<div class="clearfix"></div>
</form>
</div>
</div>
<div class="clearfix"></div>
</div>
</section>
<!-- /footer -->
<!-- last section -->
<div class="copyright-w3-agile">
<p>创世财团无限公司</p>
</div>
<!-- /last section -->
<!-- back to top -->
<a href="#0" class="cd-top">顶部</a>
<!-- /back to top -->
<!-- js files -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/SmoothScroll.min.js"></script>
<script src="js/modernizr.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/grayscale.js"></script>
<script src="js/top.js"></script>
<script src="js/jarallax.js"></script>
<script type="text/javascript">
/* init Jarallax */
$('.jarallax').jarallax({
speed: 0.5,
imgWidth: 1366,
imgHeight: 768
})
</script>
<script src='js/aos.js'></script>
<script src="js/aos2.js"></script>
<!-- contact section -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
<!-- /contact section -->
<!-- menu section -->
<script src="js/jQuery.lightninBox.js"></script>
<script type="text/javascript">
$(".lightninBox").lightninBox();
</script>
<!-- /menu section -->
<!-- about section -->
<script src="js/jquery.pogo-slider.min.js"></script>
<script src="js/main.js"></script>
<!-- /about section -->
<!-- banner section -->
<script src="js/osSlider.js"></script>
<script type="text/javascript">
var slider = new osSlider({
pNode:'.slider',
cNode:'.slider-main li',
speed:3000,
autoPlay:true
});
</script>
<!-- /banner section -->
<!-- /js files -->
</body>
</html>
资源下载地址：https://download.csdn.net/download/sheziqiong/85811299
资源下载地址：https://download.csdn.net/download/sheziqiong/85811299