⑴ 誰給個用HTML編寫的簡歷的源碼!!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="Description" content="Design by :Donkey" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>人才招聘</title>
<link href="/zh-cn/images/style.css" rel="stylesheet" type="text/css" />
<script language="javaScript" src="/zh-cn/images/js.js" type="text/javascript"></script>
<style type="text/css">
<!--
body{
font-size:12px;
background:#FFFFFF url(http://www.gzsp.com/zh-cn/images/bks.gif);
}
input{ background:#FFFFFF}
textarea{ background:#FFFFFF}
select{ background:#FFFFFF}
.STYLE1 {color: #FF0000}
/*================================提交按鈕==========================*/
.buttonArea{ text-align:right; padding:0 10px 0 10px;}
.btn_mouseout
{
width:80px;height:40px;
border: #ffffff 1px solid;
padding:1px;
font-size: 12px;
cursor: pointer;
color: #666;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#BECCDA);
}
.btn_mouseover
{
width:80px;height:40px;
border: #ffffff 1px solid;
padding: 1px;
font-size: 12px;
cursor: pointer;
color: #f60;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA);
}
.btn_mousedown
{
width:80px;height:40px;
border: #dfe6ef 1px solid;
padding: 1px;
font-size: 12px;
cursor: pointer;
color: #f60;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
}
.btn_mouseup
{
width:80px;height:40px;
border:#ffffff 1px solid;
padding: 1px;
font-size: 12px;
cursor: pointer;
color:#f60;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
/****************
js製作阿蒙
*****************/
var itemArray = new Array("xm","sfzhm","xm2","hj","tel","xzz","byyx","by_year","xm222","textarea","jyzk");//把需要輸入的輸入框id放到這個數組里
var labelArray = new Array("用戶名","身份證號碼","出生日期","戶籍","聯系電話","住址","畢業院校","畢業時間","所學專業","計算機水平","受教育情況");//把對應的輸入框名字放在這里
function funsubmit(){
var len = itemArray.length;
for(i=0;i<len;i++){
if(eval("document.all."+itemArray[i]+".value") == ""){
alert(labelArray[i]+" 不能為空!");
eval("document.all."+itemArray[i]+".focus()");
eval("document.all."+itemArray[i]+".style.backgroundColor='#FFECEC'");
return false;
}
}
}
function blank(obj){
if(obj.value.length != 0){
obj.style.backgroundColor="";
}
}
//-->
</script>
</head>
<body>
<div class="content3">
<form name="frmdemo" method="post" action="http://cmp.gzsp.com:8090/zp/spzp.php" id="sqd1" onSubmit="return funsubmit();">
<div align="center"><strong>請填寫你的簡歷</strong>(注意星號項目必須填寫)
</div>
<table width="690" border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#CCCCCC">
<tr>
<td><div align="center" style="padding-top:5px"><strong>個人簡歷</strong></div></td>
</tr>
</table>
<table width="690" border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#FFFFFF" class="f12">
<tbody>
<tr>
<td width="75" align="middle" bgcolor="#ebebeb">姓 名</td>
<td width="214"><input onPropertyChange="blank(this)" class="alcatel" maxlength="18" size="18" value="" name="xm" />
<font color="#ff0000">*</font></td>
<td width="92" align="middle" bgcolor="#ebebeb">性 別</td>
<td width="291">
<select class="alcatel" name="xb">
<option selected="selected">男</option>
<option>女</option>
</select>
</td>
</tr>
<tr>
<td align="middle">身份證號</td>
<td><input onPropertyChange="blank(this)" class="alcatel" maxlength="18" size="18" name="sfzhm" />
<font color="#ff0000">*</font></td>
<td align="middle">出生日期</td>
<td><input onPropertyChange="blank(this)" class="alcatel" size="18" value="" name="xm2" />
<span class="STYLE1">*</span></td>
</tr>
<tr>
<td align="middle" bgcolor="#ebebeb">政治面貌</td>
<td><select class="alcatel" name="zzmm">
<option
selected="selected">群眾</option>
<option>團員</option>
<option>黨員</option>
<option>民主人士</option>
</select> </td>
<td align="middle" bgcolor="#ebebeb">戶 籍</td>
<td><input onPropertyChange="blank(this)" name="hj" class="alcatel" value="" size="18" />
<font
color="#ff0000">*</font></td>
</tr>
<tr>
<td align="middle">婚姻狀況</td>
<td><select class="alcatel" name="hyzk">
<option selected="selected">未婚</option>
<option>已婚</option>
</select></td>
<td align="middle">視力狀況</td>
<td><input onPropertyChange="blank(this)" class="alcatel" maxlength="4" size="4" name="slzk" /></td>
</tr>
<tr>
<td align="middle" bgcolor="#ebebeb">身高/厘米</td>
<td><input onPropertyChange="blank(this)" class="alcatel" maxlength="3" size="3" value="" name="sg" /></td>
<td align="middle" bgcolor="#ebebeb">體重/公斤</td>
<td><input onPropertyChange="blank(this)" class="alcatel" maxlength="3" size="3" name="tz" /></td>
</tr>
<tr>
<td align="middle">民 族</td>
<td><select class="alcatel" name="mz">
<option
selected="selected">漢族</option>
<option>蒙古族</option>
<option>回族</option>
<option>藏族</option>
<option>維吾爾族</option>
<option>苗族</option>
<option>彝族</option>
<option>壯族</option>
<option>布依族</option>
<option>朝鮮族</option>
<option>滿族</option>
<option>侗族</option>
<option>瑤族</option>
<option>白族</option>
<option>土家族</option>
<option>哈尼族</option>
<option>哈薩克族</option>
<option>傣族</option>
<option>黎族</option>
<option>僳僳族</option>
<option>佤族</option>
<option>畲族</option>
<option>高山族</option>
<option>拉祜</option>
<option>水族</option>
<option>東鄉族</option>
<option>納西族</option>
<option>景頗族</option>
<option>柯爾克孜</option>
<option>土族</option>
<option>達斡爾族</option>
<option>仫佬族</option>
<option>羌族</option>
<option>布朗族</option>
<option>撒拉族</option>
<option>毛難族</option>
<option>仡佬族</option>
<option>錫伯族</option>
<option>阿昌族</option>
<option>普米族</option>
<option>塔吉克族</option>
<option>怒族</option>
<option>烏孜別克</option>
<option>俄羅斯族</option>
<option>鄂溫克族</option>
<option>崩龍族</option>
<option>保安族</option>
<option>裕固族</option>
<option>京族</option>
<option>塔塔爾族</option>
<option>獨龍族</option>
<option>鄂倫春族</option>
<option>赫哲族</option>
<option>門巴族</option>
<option>珞巴族</option>
<option>基諾族</option>
<option>青族</option>
<option>其他</option>
</select> </td>
<td align="middle">電 話</td>
<td><input onPropertyChange="blank(this)" class="alcatel" maxlength="18" size="18" value="" name="tel" />
<font color="#ff0000">*</font></td>
</tr>
<tr>
<td align="middle" bgcolor="#ebebeb">現 住 址</td>
<td colspan="3"><input onPropertyChange="blank(this)" class="alcatel" maxlength="70" size="70"
name="xzz" />
<font color="#ff0000">*</font></td>
</tr>
</tbody>
</table>
<table width="690"
border="1" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#FFFFFF" class="f12">
<tbody>
<tr>
<td align="middle" width="75">畢業院校</td>
<td width="315"><input onPropertyChange="blank(this)" class="alcatel" maxlength="30" value="" name="byyx" />
<font color="#ff0000">*</font></td>
<td class="f12" align="middle" width="65" bordercolorlight="#D1D1D1" bordercolordark="#ffffff">畢業日期</td>
<td width="225" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" class="f12"><input onPropertyChange="blank(this)" class="alcatel" maxlength="15"
size="15" name="by_year" />
<font color="#ff0000">*</font></td>
</tr>
<tr>
<td class="f12" align="middle" bgcolor="#ebebeb"
bordercolorlight="#D1D1D1" bordercolordark="#ffffff">所學專業</td>
<td class="f12" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"><input onPropertyChange="blank(this)" class="alcatel" maxlength="10" size="10" value="" name="xm222" />
<font color="#ff0000">*</font></td>
<td class="f12" align="middle" bgcolor="#ebebeb"
bordercolorlight="#D1D1D1" bordercolordark="#ffffff">最高學歷</td>
<td class="f12" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"><select class="alcatel" name="zgxl">
<option>初中</option>
<option>高中</option>
<option>中專</option>
<option>大專</option>
<option selected="selected">本科</option>
<option>碩士</option>
<option>博士</option>
</select></td>
</tr>
<tr>
<td class="f12" align="middle" bordercolorlight="#D1D1D1" bordercolordark="#ffffff">英語水平</td>
<td class="f12" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"><select class="alcatel"
name="yysp">
<option>一般</option>
<option
selected="selected">四級</option>
<option>六級</option>
<option>專業四級</option>
<option>專業八級</option>
<option>托福</option>
<option>GRE</option>
<option>雅思</option>
</select> </td>
<td class="f12" align="middle" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"></td>
<td class="f12" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"></td>
</tr>
<tr>
<td align="middle" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#FFFFF7" class="f12">計<br />
算<br />
機<br />
水<br />
平<br />
特<br />
長</td>
<td colspan="3" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#FFFFF7" class="f12"><font color="#ff0000">
<textarea onPropertyChange="blank(this)" name="textarea" rows="8" cols="80"></textarea>
<font color="#ff0000">*</font> </font></td>
</tr>
</tbody>
</table>
<table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12">
<tbody>
<tr>
<td align="middle" width="70"
rowspan="2">受<br />
教<br />
育<br />
及<br />
培<br />
訓<br />
狀<br />
況</td>
<td colspan="5"><span
lang="en-us" xml:lang="en-us">學 校 名 稱 專 業 年 月至 年 月 取得文憑/資格證書</span></td>
</tr>
<tr>
<td colspan="5"><textarea onPropertyChange="blank(this)" name="jyzk" rows="8" cols="80"></textarea>
<font color="#ff0000"><font color="#ff0000">*</font></font> </td>
</tr>
</tbody>
</table>
<table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12">
<tbody>
<tr>
<td width="70"
rowspan="2" align="middle" bgcolor="#FFFFF7">工<br />
作<br />
經<br />
歷<br />
摘<br />
要</td>
<td colspan="5" bgcolor="#FFFFF7">年 月至 年 月 在何單位、部門 何職位、職責 離職原因</td>
</tr>
<tr>
<td colspan="5" bgcolor="#FFFFF7"><textarea name="gzjl" rows="12" cols="80"></textarea></td>
</tr>
</tbody>
</table>
<table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12">
<tbody>
<tr>
<td width="70" height="85" align="middle">自<br />
我<br />
評<br />
價<br /></td>
<td colspan="5"><textarea name="textarea2" rows="6" cols="80"></textarea></td>
</tr>
</tbody>
</table>
<table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12">
<tbody>
<tr>
<td width="70" height="72" align="middle" bgcolor="#FFFFF7">請描述<br />
你理想<br />
的工作</td>
<td colspan="5" bgcolor="#FFFFF7"><textarea name="textarea3" rows="5" cols="80"></textarea></td>
</tr>
</tbody>
</table>
<table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12">
<tbody>
<tr>
<td width="70" height="72" align="middle">請描述<br />
你理想<br />
的公司</td>
<td colspan="5"><textarea name="textarea4" rows="5" cols="80"></textarea></td>
</tr>
</tbody>
</table>
<table width="690"
border="1" align="center" cellpadding="0" cellspacing="0" bordercolordark="#ffffff" bgcolor="#FFFFFF" class="f12">
<tbody>
<tr>
<td align="middle" width="90" bgcolor="#ebebeb" height="24">欲從事職位一</td>
<td width="220"><input onPropertyChange="blank(this)" class="alcatel" maxlength="20" value="" name="hj2" /></td>
<td align="middle" width="100" bgcolor="#ebebeb">欲從事職位二</td>
<td width="220"><input onPropertyChange="blank(this)" class="alcatel" maxlength="20" value="" name="hj3" /></td>
</tr>
<tr>
<td align="middle">要求待遇(月薪)</td>
<td><input onPropertyChange="blank(this)" class="alcatel" maxlength="5" size="5" value="" name="yqdy" />
元</td>
<td align="middle"></td>
<td></td>
</tr>
</tbody>
</table>
<table width="690" border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#CCCCCC">
<tr>
<td>
<div align="center" style="padding:10px;">
<input onPropertyChange="blank(this)" class="btn_mouseout"
onmouseover="this.className='btn_mouseover'"
onmouseout="this.className='btn_mouseout'"
onmousedown="this.className='btn_mousedown'"
onmouseup="this.className='btn_mouseup'"
onfocus="if(this.blur)this.blur()" type="submit" value="提交" name="Submit">
</div>
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
⑵ 求一份個人主頁,單頁網站源碼,個人簡介,,,,,,大氣的
純靜態、簡單得不能再簡單,請Ctrl+C: 單頁網站源碼 這是一個單頁網站源碼
⑶ html製作個人簡歷網頁代碼
以下是我用html的相關知識製作的個人簡歷網頁,話不多說先看看最終效果:
如上所示項目一共分為5個部分,分別對應導航欄的5個內容。其中項目技能用的是echarts里的柱狀圖,作品展示用的是bootstrap里的輪播圖,除此之外就是html的基礎內容。下面我們展示一下項目的代碼部分:
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>我的個人簡歷</title>
<link rel="stylesheet" href="lib/css/color.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body >
<div class="jumbotron text-center" style="margin-bottom:0" id="grad1">
<img src="lib/pic/1.jpg" width="80px" height="80px" />
<h3>黃智奇</h3>
<p style="font-size: 15px;">2018年升入陝西國防工業職業技術學院,<br/>學習軟體編程,對編程有濃厚的興趣,
在老師的指導,<br/>和自己的課下練習,漸漸對編程有了更深入的了解。<br/>在課余時間,
我喜歡唱歌、跑步和打乒乓球。<br/>喜好結交志同道合的朋友,一起分享學習的生活的經驗。<br/>
有良好的團隊意識,學習時認真負責。 </p>
</div>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--<a class="navbar-brand" href="#">專業技能</a>-->
</div>
<div id="relation">
<table class="table table-striped">
<tbody>
<tr align="center">
<td><a href="#email"><button type="button" class="btn btn-primary btn-lg">
<span class="glyphicon glyphicon-envelope"></span>
</button></a></td>
<td> <a href="#email"><button type="button" class="btn btn-primary btn-lg">
<span class=" glyphicon glyphicon-earphone"></span>
</button></a></td>
<td><a href="https://me.csdn.net/qq_44892582" target="_blank"><button type="button" class="btn btn-primary btn-lg">
<span class=" glyphicon glyphicon-user"></span>
</button></a></td>
</tr>
</tbody>
</table>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav nav-pills nav-justified">
<li><a href="#main">專業技能</a></li>
<li><a href="#project">項目經驗</a></li>
<li><a href="#myCarousel">作品展示</a></li>
<li><a href="#ecation">教育經歷</a></li>
<li><a href="#relation">聯系方式</a></li>
</ul>
</div>
</div>
</nav>
<!-- 為ECharts准備一個具備大小(寬高)的Dom -->
<div id="main" style="width:
50%;height:400px;left: 25%;"></div>
<script type="text/javascript">
// 基於准備好的dom,初始化echarts實例
var myChart = echarts.init(document.getElementById('main'));
// 指定圖表的配置項和數據
var option = {
title: {
text: '專業技能平均分'
},
tooltip: {},
legend: {
data:['分數'],
},
xAxis: {
data: ["Java語言","mysql資料庫","Javascript語言","web開發","ssm框架","springboot框架"],axisLabel: {
// inside: true, 隱藏x軸內容
// 改變x軸字體顏色
// textStyle: {
// color: '#8B4500'
// }
},
},
yAxis: {},
series: [{
name: '分數',
type: 'bar',
//改變圖表顏色
color:['#8EE5EE'],
data: [85, 95, 82, 90, 80, 80]
}],
};
// 使用剛指定的配置項和數據顯示圖表。
myChart.setOption(option);
</script>
<ul class="list-unstyled" align="center">
<li>Java基礎:<br/>
我入門時首先學的就是Java基礎,然後再到Java高級開發,<br/>
在學習過程中老師細致的教學為我們打下了牢固的java基礎。 </li>
<li>mysql資料庫:<br/>
mysql資料庫是我們大一第二學期開的課,配合Java高級開發一起學習的科目,<br/>
因為自己本身就喜歡資料庫的一些東西,所有mysql資料庫也有良好的基礎。</li>
<li>Javascript語言:<br/>
在學JavaScript之前我有良好的html5和css基礎,所學習JavaScript時也是十分順利的掌握了課本里的內容。</li>
<li>web開發:<br/>
web開發是我最喜愛的科目之一,servlet的學習給我啟發深刻。</li>
<li>ssm框架:<br/>
ssm框架相比springboot而言是比較繁瑣的,但是在學習和理解起來卻比springboot更容易讓人掌握。</li>
<li>springboot框架:<br/>
springboot框架入門起來十分迅速,在基礎的使用起來也是十分方便,但查看源碼時,沒有ssm容易讓人理解。</li>
</ul>
<div class="container" align="center">
<div class="row">
<div class="col-sm-4">
<h3 class="text-info" id="project">項目名稱</h3>
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#car">新能源汽車項目</a></li>
<li><a href="#city">咕泡商城項目</a></li>
<li><a href="#bug">爬蟲項目</a></li>
</ul>
<hr class="hidden-sm hidden-md hidden-lg">
</div>
<div class="col-sm-8" align="left">
<h3 class="text-info">項目內容</h3>
<h2 id="car">新能源汽車</h2>
<h5>企業saas工坊</h5>
<p>新能源汽車項目是我們掌握smm框架知識後第一個實戰項目,該項目由工坊老師指導下,前後端都由我們個人獨立完成的項目。
該項目用到了,html5+css3,mysql資料庫,spring,mybatis,springmvc框架,ajax,JavaScript,web,bootstrap,echarts,sweetalert
等技術。項目從開始到完成我們用了2個月的時間。該項目的主要是寫一個汽車app社交平台,包括用戶登錄注冊,用戶上傳車輛信息,統計用戶車輛,分析故障車輛原因,
以及導航、朋友圈等功能一體的汽車平台。該項目用戶的使用方法如下: <p>1.新用戶進行登錄注冊。</p>
<p>2.登錄成功後新用戶可以進行修改密碼、昵稱、頭像等個人信息。</p>
<p>3.新用戶上傳自己車輛信息,並綁定賬號。</p>
<p>4.新用戶可以上傳自己車輛故障,系統自動查詢車輛故障原因以及維修方案。</p>
<p>5.用戶可以添加車友,在車友圈發布求助信息等。</p>
<p>6.用戶還可以進行地圖導航,以及查詢公交車,計程車,飛機等交通工具的時間和行程。</p>
<p> 通過完成這個項目,讓我獲得了很大的進步。不論是前端知識還是後端知識,在該項目上
都得到了充分的展示。讓我也一下子吸收了很多的知識與技能,為後面的項目打下了堅實的基礎。</p>
</p>
<br>
<h2 id="city">咕泡商城</h2>
<h5>企業saas工坊</h5>
<p>咕泡商城項目是我們學完springboot之後的實戰項目,該項目由工坊老師指導下,前後端都由我們個人獨立完成的項目。
該項目用到了,html5+css3,mysql資料庫,springboot框架,maven,web,javascript,jquery,ajax,echarts,bootstrap等技術。
項目從開始到完成我們用了10天的時間。該項目主要是寫一個網上商城電商購物平台,包括用戶登錄注冊,用戶綁定信息,上傳頭像、昵稱等個人信息,
用戶主要可以在該平台上面購買各種商品,每種商品都做好了分類管理,用戶點擊分類名稱或者准確搜索都能顯示出自己想要的商品。用戶點擊商品就可以
鏈接到商品詳情頁面,不論是購物還是瀏覽商品都非常的方便。該項目用戶的使用方法: <p>1.新用戶進行登錄注冊。</p>
<p>2.登錄成功後新用戶可以進行修改密碼、昵稱、頭像等個人信息。</p>
<p> 3.用戶自由購買和瀏覽商品信息。</p>
該項目讓我們體驗了springboot的配置強大之處,沒有繁瑣的多餘配置文件,所有配置都由一個配置文件解決,簡化了我們smm框架配置的痛苦。 </p>
<br>
<h2 id="bug">爬蟲</h2>
<h5>企業saas工坊</h5>
<p>爬蟲項目是我們最近才做完的項目。該項目與以往項目不同,該項目是由工坊老師指導下,我們首次前後端分離合作的項目。一個團體3個人,分別做前端展示數據,後端爬取數據和數據清洗。
我在這個項目中做的是後端爬取數據。我用到了,httpclient,jsoup,webmagic,springboot,maven,mysql等技術。該項目主要是爬去51job網站上面的工作崗位,
我們主要爬取了與我們軟體相關的工作崗位,共爬取了2萬條數據處理並展示。該項目執行步驟如下: <p>1.後端爬取數據並存到資料庫。</p>
<p>2.中間清洗數據,將數據改變為前端人員需要的格式。</p>
<p>3.前端人員根據需求展示數據。</p>
該項目讓我們體會到了團隊合作和團隊分工明確的重要性,每個人做好屬於自己的一份任務,環環相扣才能保質保量的完成項目。 </p>
</div></div>
</div>
<div id="myCarousel" class="carousel slide" style="border: solid; border-color: cornflowerblue;">
<!-- 輪播(Carousel)指標 -->
<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>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- 輪播(Carousel)項目 -->
<div class="carousel-inner" align="center" >
<div class="item active">
<img src="C:Users1Desktopgpsc.png" style="width: 80%;height: 800px; border: solid 5px; border-color: lightslategray;" alt="First slide">
</div>
<div class="item">
<img src="C:Users1Desktoppc1.png" style="width: 80%;height: 800px; border: solid 5px; border-color: lightslategray;" alt="Second slide">
</div>
<div class="item">
<img src="C:Users1Desktopxny.png" style="width: 80%;height: 800px; border: solid 5px; border-color: lightslategray;" alt="Second slide">
</div>
<div class="item">
<img src="C:Users1Desktoppc2.png" style="width: 80%;height: 800px; border: solid 5px; border-color: darkgray;" alt="Third slide">
</div>
</div>
<!-- 輪播(Carousel)導航 -->
<a class="left carousel-control" href="#myCarousel" 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="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a></div>
<div style="width: 100%; height: 220px; " >
<table class="table">
<caption style="text-align: center;"><h3 id="ecation" style="color: black;">教育經歷</h3></caption>
<tbody style="text-align: center;">
<tr>
<td>2006.9.-2012.7</td>
<td>就讀於xx小學</td>
</tr>
<tr>
<td>2012.9-2015.7 </td>
<td> 就讀於xx初中</td>
</tr>
<tr>
<td>2015.9-2018.7 </td>
<td> 就讀於xx高級中學</td>
</tr>
<tr>
<td>2018.9-至今 </td>
<td> 就讀於陝西國防工業職業技術學院</td>
</tr>
</tbody></table></div>
<div class="jumbotron text-center" style="margin-bottom:0" >
<p id="email" align="left">
郵箱:[email protected]
電話號碼:11111111111
個人博客:https://me.csdn.net/qq_44892582</p>
</div>
</body></html>