PC端品优购电商项目源码
生活随笔
收集整理的這篇文章主要介紹了
PC端品优购电商项目源码
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
品優購首頁：
手機商品欄頁面：
品優購注冊頁：
?品優購首頁項目源碼：
<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>品優購-正品低價、品質保障、配送及時、輕松購物！</title><!-- 網站說明 --><meta name="description" content="品優購-專業的綜合網上購物商城，為您提供正品低價的購物選擇、優質便捷的服務體驗。商品來自全球數十萬品牌商家，囊括家電、手機、電腦、服裝、居家、母嬰、美妝、個護、食品、生鮮等豐富品類，滿足各種購物需求！"><!-- 關鍵字 --><meta name="Keywords" content="網上購物,網上商城,家電,手機,電腦,服裝,居家,母嬰,美妝,個護,食品,生鮮,品優購" /><link rel="shortcut icon" href="favicon.ico" /><link rel="stylesheet" href="css/base.css"><!-- 引入初始化樣式文件 --><link rel="stylesheet" href="css/common.css"><!-- 引入公共樣式文件 --><link rel="stylesheet" href="css/index.css"><!-- 引入首頁index.css文件 --><style></style> </head><body><!-- 快捷導航模塊 --><section class="shortcut"><div class="w"><div class="fl"><ul><li>品優購歡迎您! </li><!-- 空格字符集 --><li><a href="#">請登錄</a> <a href="register.html" class="style_red">免費注冊</a></li></ul></div><div class="fr"><ul><li>我的訂單</li><li></li><li class="arrow-icon">我的品優購</li><li></li><li>品優購會員</li><li></li><li>企業采購</li><li></li><li class="arrow-icon">關注品優購</li><li></li><li>客戶服務</li><li></li><li class="arrow-icon">網站導航</li></ul></div></div></section><!-- header頭部模塊制作 --><header class="header w"><!-- logo模塊 (SEO制作)--><div class="logo"><h1><a href="index.html" title="品優購商城">品優購商城</a></h1></div><!-- search搜索模塊 --><div class="search"><input type="search" name="" id="" placeholder="語言開發"><button>搜索</button></div><!-- hotwords模塊制作 --><div class="hotwords"><a href="#" class="style_red">優惠購首發</a><a href="#">億元優惠</a><a href="#">9.9元團購</a><a href="#">美滿99減30</a><a href="#">辦公用品</a><a href="#">電腦</a><a href="#">通信</a></div><!-- 購物車模塊 --><div class="shopcar">我的購物車<i class="count">8</i></div></header><!-- nav模塊制作 --><nav class="nav"><div class="w"><div class="dropdown"><div class="dt">全部商品分類</div><div class="dd"><ul><li><a href="#">家用電器</a></li><li><a href="list.html">手機</a>、<a href="#">數碼</a>、<a href="#">通信</a></li><li><a href="#">電腦、辦公</a></li><li><a href="#">家居、家具、家裝、廚具</a></li><li><a href="#">男裝、女裝、童裝、內衣</a></li><li><a href="#">個戶化妝、清潔用品、寵物</a></li><li><a href="#">鞋靴、箱包、珠寶、奢侈品</a></li><li><a href="#">運動戶外、鐘表</a></li><li><a href="#">汽車、汽車用品</a></li><li><a href="#">母嬰、玩具樂器</a></li><li><a href="#">食品、酒類、生鮮、特產</a></li><li><a href="#">醫藥保健</a></li><li><a href="#">圖書、音像、電子書</a></li><li><a href="#">彩票、旅行、充值、票務</a></li><li><a href="#">理財、眾籌、白條、保險</a></li></ul></div></div><div class="navitems"><ul><li><a href="#">服裝城</a></li><li><a href="#">美妝館</a></li><li><a href="#">傳智超市</a></li><li><a href="#">全球購</a></li><li><a href="#">閃購</a></li><li><a href="#">團購</a></li><li><a href="#">拍賣</a></li><li><a href="#">有趣</a></li></ul></div></div></nav><!-- 首頁專屬模塊 --><div class="w"><div class="main"><div class="focus"><ul><li><img src="upload/focus1.png" alt=""></li></ul></div><div class="newsflash"><div class="news"><div class="news-hd"><h5>品優購快報</h5><a href="#" class="more">更多</a></div><div class="news-bd"><ul><li><a href="#"><strong>[特惠]</strong>備戰開學季 全民半價購數碼 最低價格</a></li><li><a href="#"><strong>[公告]</strong>品優穩占家電網購六成份額 未來將持續上升</a></li><li><a href="#"><strong>[特惠]</strong>百元中秋全品類禮券限量領 更有精品贈送</a></li><li><a href="#"><strong>[公告]</strong>上品優生鮮 享陽澄湖大閘蟹 買十送一</a></li><li><a href="#"><strong>[特惠]</strong>每日享折扣品優品質游 會員專屬折扣價</a></li></ul></div></div><div class="lifeservice"><ul><li><i></i><p>話費</p></li><li class="jian"><i></i><p>話費</p></li><li><i></i><p>話費</p></li><li><i></i><p>話費</p></li><li><i></i><p>話費</p></li><li><i></i><p>話費</p></li><li><i></i><p>話費</p></li><li><i></i><p>話費</p></li><li><i></i><p>話費</p></li><li><i></i><p>話費</p></li><li><i></i><p>話費</p></li><li><i></i><p>話費</p></li></ul></div><div class="bargain"><img src="upload/bargain.png" alt=""></div></div></div></div><!-- 推薦模塊 --><div class="w recom"><div class="recom_hd"><img src="images/recom.png" alt=""></div><div class="recom_bd"><ul><li><img src="upload/recom1.png" alt=""></li><li><img src="upload/recom2.png" alt=""></li><li><img src="upload/recom3.png" alt=""></li><li><img src="upload/recom4.png" alt=""></li></ul></div></div><!-- 電梯樓層模塊 --><div class="floor"><!-- 1L家用電器樓層 --><div class="w jiadian"><div class="box_hd"><h3>家用電器</h3><div class="tab_list"><ul><li><a href="#" class="style_red">熱門</a>|</li><li><a href="#">大家電</a>|</li><li><a href="#">生活電器</a>|</li><li><a href="#">廚房電器</a>|</li><li><a href="#">個護健康</a>|</li><li><a href="#">應季電器</a>|</li><li><a href="#">空氣/凈水</a>|</li><li><a href="#">新奇特</a>|</li><li><a href="#">高端電器</a></li></ul></div></div><div class="box_bd"><div class="tab_content"><div class="tab_list_item"><div class="col_210"><ul><li><a href="#">節能補貼</a></li><li><a href="#">4K電視</a></li><li><a href="#">空氣凈化器</a></li><li><a href="#">IH電飯煲</a></li><li><a href="#">滾筒洗衣機</a></li><li><a href="#">電熱水器</a></li></ul><a href="#"><img src="upload/floor-1-1.png" alt=""></a></div><div class="col_329"><a href="#"><img src="upload/floor-1-b01.png" alt=""></a></div><div class="col_221"><a href="#" class="bb"> <img src="upload/floor-1-2.png" alt=""></a><a href="#"> <img src="upload/floor-1-3.png" alt=""></a></div><div class="col_221"><a href="#"> <img src="upload/floor-1-4.png" alt=""></a></div><div class="col_219"><a href="#" class="bb"> <img src="upload/floor-1-5.png" alt=""></a><a href="#"> <img src="upload/floor-1-6.png" alt=""></a></div></div></div></div></div><!-- 2L手機通訊 --><div class="w shouji"><div class="box_hd"><h3>手機通訊</h3><div class="tab_list"><ul><li><a href="#" class="style_red">熱門</a>|</li><li><a href="#">大家電</a>|</li><li><a href="#">生活電器</a>|</li><li><a href="#">廚房電器</a>|</li><li><a href="#">個護健康</a>|</li><li><a href="#">應季電器</a>|</li><li><a href="#">空氣/凈水</a>|</li><li><a href="#">新奇特</a>|</li><li><a href="#">高端電器</a></li></ul></div></div><div class="box_bd"><div class="tab_content"><div class="tab_list_item"><div class="col_210"><ul><li><a href="#">節能補貼</a></li><li><a href="#">4K電視</a></li><li><a href="#">空氣凈化器</a></li><li><a href="#">IH電飯煲</a></li><li><a href="#">滾筒洗衣機</a></li><li><a href="#">電熱水器</a></li></ul><a href="#"><img src="upload/floor-1-1.png" alt=""></a></div><div class="col_329"><a href="#"><img src="upload/floor-1-b01.png" alt=""></a></div><div class="col_221"><a href="#" class="bb"> <img src="upload/floor-1-2.png" alt=""></a><a href="#"> <img src="upload/floor-1-3.png" alt=""></a></div><div class="col_221"><a href="#"> <img src="upload/floor-1-4.png" alt=""></a></div><div class="col_219"><a href="#" class="bb"> <img src="upload/floor-1-5.png" alt=""></a><a href="#"> <img src="upload/floor-1-6.png" alt=""></a></div></div></div></div></div></div><!-- footer底部模塊制作 --><footer class="footer"><div class="w"><div class="mod_service"><ul><li><h5></h5><div class="service_txt"><h4>正品保障</h4><p>正品保障，提供發票</p></div></li><li><h5></h5><div class="service_txt"><h4>極速物流</h4><p>極速物流，極速送達</p></div></li><li><h5></h5><div class="service_txt"><h4>無憂售后</h4><p>7天無理由退換貨</p></div></li><li><h5></h5><div class="service_txt"><h4>特色服務</h4><p>私人訂制家電套餐</p></div></li></ul></div><div class="mod_help"><dl><dt>服務指南</dt><dd><a href="#">購物流程</a></dd><dd><a href="#">會員介紹</a></dd><dd><a href="#">生活旅行/團購</a></dd><dd><a href="#">常見問題</a></dd><dd><a href="#">大家電</a></dd><dd><a href="#">聯系客服</a></dd></dl><dl><dt>配送方式</dt><dd><a href="#">上門自提</a></dd><dd><a href="#">211限時達</a></dd><dd><a href="#">配送服務查詢</a></dd><dd><a href="#">配送費收取標準</a></dd><dd><a href="#">海外配送</a></dd></dl><dl><dt>支付方式</dt><dd><a href="#">貨到付款</a></dd><dd><a href="#">在線支付</a></dd><dd><a href="#">分期付款</a></dd><dd><a href="#">郵局匯款</a></dd><dd><a href="#">公司轉賬</a></dd></dl><dl><dt>售后服務</dt><dd><a href="#">售后政策</a></dd><dd><a href="#">價格保護</a></dd><dd><a href="#">退款說明</a></dd><dd><a href="#">返修/退換貨</a></dd><dd><a href="#">取消訂單</a></dd></dl><dl><dt>特色服務</dt><dd><a href="#">奪寶島</a></dd><dd><a href="#">DIY裝機</a></dd><dd><a href="#">延保服務</a></dd><dd><a href="#">品優購E卡</a></dd><dd><a href="#">品優購通信</a></dd></dl><dl><dt>幫助中心</dt><dd><img src="images/wx_cz.jpg" alt=""> 品優購客戶端</dd></dl></div><div class="mod_copyright"><div class="links"><a href="#">關于我們</a> |<a href="#">聯系我們</a> |<a href="#">聯系客服</a> |<a href="#">商家入駐</a> |<a href="#">營銷中心</a> |<a href="#">手機品優購</a> |<a href="#">友情鏈接</a> |<a href="#">銷售聯盟</a> |<a href="#">品優購社區</a> |<a href="#">品優購公益</a> |<a href="#">English Site</a> |<a href="#">Contact U</a></div><div class="copyright">地址:北京市昌平區建材城西路金燕龍辦公樓一層 郵編:100096 電話:400-618-4000 傳真:010-82935100 郵箱: zhanghj+itcast.cn <br> 京ICP備08001421號京公網安備110108007702</div></div></div></footer> </body></html>額
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>列表頁-正品低價、品質保障、配送及時、輕松購物！</title><!-- 網站說明 --><meta name="description" content="品優購-專業的綜合網上購物商城，為您提供正品低價的購物選擇、優質便捷的服務體驗。商品來自全球數十萬品牌商家，囊括家電、手機、電腦、服裝、居家、母嬰、美妝、個護、食品、生鮮等豐富品類，滿足各種購物需求！"><!-- 關鍵字 --><meta name="Keywords" content="網上購物,網上商城,家電,手機,電腦,服裝,居家,母嬰,美妝,個護,食品,生鮮,品優購" /><link rel="shortcut icon" href="favicon.ico" /><link rel="stylesheet" href="css/base.css"><!-- 引入初始化樣式文件 --><link rel="stylesheet" href="css/common.css"><!-- 引入公共樣式文件 --><!-- 引入列表頁的樣式文件 --><link rel="stylesheet" href="css/list.css"> </head><body><!-- 快捷導航模塊 --><section class="shortcut"><div class="w"><div class="fl"><ul><li>品優購歡迎您! </li><!-- 空格字符集 --><li><a href="#">請登錄</a> <a href="#" class="style_red">免費注冊</a></li></ul></div><div class="fr"><ul><li>我的訂單</li><li></li><li class="arrow-icon">我的品優購</li><li></li><li>品優購會員</li><li></li><li>企業采購</li><li></li><li class="arrow-icon">關注品優購</li><li></li><li>客戶服務</li><li></li><li class="arrow-icon">網站導航</li></ul></div></div></section><!-- header頭部模塊制作 --><header class="header w"><!-- logo模塊 (SEO制作)--><div class="logo"><h1><a href="index.html" title="品優購商城">品優購商城</a></h1></div><!-- 列表頁的秒殺模塊 --><div class="sk"><img src="images/sk.png" alt=""></div><!-- search搜索模塊 --><div class="search"><input type="search" name="" id="" placeholder="語言開發"><button>搜索</button></div><!-- hotwords模塊制作 --><div class="hotwords"><a href="#" class="style_red">優惠購首發</a><a href="#">億元優惠</a><a href="#">9.9元團購</a><a href="#">美滿99減30</a><a href="#">辦公用品</a><a href="#">電腦</a><a href="#">通信</a></div><!-- 購物車模塊 --><div class="shopcar">我的購物車<i class="count">8</i></div></header><!-- nav模塊制作 --><nav class="nav"><div class="w"><div class="sk_list"><ul><li><a href="#">品優秒殺</a></li><li><a href="#">即將售罄</a></li><li><a href="#">超值低價</a></li></ul></div><div class="sk_con"><ul><li><a href="#">女裝</a></li><li><a href="#" class="style_red">女鞋</a></li><li><a href="#">男裝</a></li><li><a href="#">男鞋</a></li><li><a href="#">母嬰童裝</a></li><li><a href="#">食品</a></li><li><a href="#">智能數碼</a></li><li><a href="#">運動戶外</a></li><li><a href="#">更多分類</a></li></ul></div></div></nav><!-- 列表頁主體部分 --><div class="w sk_container"><div class="sk_hd"><img src="upload/bg_03.png" alt=""></div><div class="sk_bd"><ul class="clearfix"><li><img src="upload/list.jpg" alt=""></li><li><img src="upload/list.jpg" alt=""></li><li><img src="upload/list.jpg" alt=""></li><li><img src="upload/list.jpg" alt=""></li><li><img src="upload/list.jpg" alt=""></li><li><img src="upload/list.jpg" alt=""></li><li><img src="upload/list.jpg" alt=""></li><li><img src="upload/list.jpg" alt=""></li><li><img src="upload/list.jpg" alt=""></li><li><img src="upload/list.jpg" alt=""></li><li><img src="upload/list.jpg" alt=""></li><li><img src="upload/list.jpg" alt=""></li></ul></div></div><!-- footer底部模塊制作 --><footer class="footer"><div class="w"><div class="mod_service"><ul><li><h5></h5><div class="service_txt"><h4>正品保障</h4><p>正品保障，提供發票</p></div></li><li><h5></h5><div class="service_txt"><h4>極速物流</h4><p>極速物流，極速送達</p></div></li><li><h5></h5><div class="service_txt"><h4>無憂售后</h4><p>7天無理由退換貨</p></div></li><li><h5></h5><div class="service_txt"><h4>特色服務</h4><p>私人訂制家電套餐</p></div></li></ul></div><div class="mod_help"><dl><dt>服務指南</dt><dd><a href="#">購物流程</a></dd><dd><a href="#">會員介紹</a></dd><dd><a href="#">生活旅行/團購</a></dd><dd><a href="#">常見問題</a></dd><dd><a href="#">大家電</a></dd><dd><a href="#">聯系客服</a></dd></dl><dl><dt>配送方式</dt><dd><a href="#">上門自提</a></dd><dd><a href="#">211限時達</a></dd><dd><a href="#">配送服務查詢</a></dd><dd><a href="#">配送費收取標準</a></dd><dd><a href="#">海外配送</a></dd></dl><dl><dt>支付方式</dt><dd><a href="#">貨到付款</a></dd><dd><a href="#">在線支付</a></dd><dd><a href="#">分期付款</a></dd><dd><a href="#">郵局匯款</a></dd><dd><a href="#">公司轉賬</a></dd></dl><dl><dt>售后服務</dt><dd><a href="#">售后政策</a></dd><dd><a href="#">價格保護</a></dd><dd><a href="#">退款說明</a></dd><dd><a href="#">返修/退換貨</a></dd><dd><a href="#">取消訂單</a></dd></dl><dl><dt>特色服務</dt><dd><a href="#">奪寶島</a></dd><dd><a href="#">DIY裝機</a></dd><dd><a href="#">延保服務</a></dd><dd><a href="#">品優購E卡</a></dd><dd><a href="#">品優購通信</a></dd></dl><dl><dt>幫助中心</dt><dd><img src="images/wx_cz.jpg" alt=""> 品優購客戶端</dd></dl></div><div class="mod_copyright"><div class="links"><a href="#">關于我們</a> |<a href="#">聯系我們</a> |<a href="#">聯系客服</a> |<a href="#">商家入駐</a> |<a href="#">營銷中心</a> |<a href="#">手機品優購</a> |<a href="#">友情鏈接</a> |<a href="#">銷售聯盟</a> |<a href="#">品優購社區</a> |<a href="#">品優購公益</a> |<a href="#">English Site</a> |<a href="#">Contact U</a></div><div class="copyright">地址:北京市昌平區建材城西路金燕龍辦公樓一層 郵編:100096 電話:400-618-4000 傳真:010-82935100 郵箱: zhanghj+itcast.cn <br> 京ICP備08001421號京公網安備110108007702</div></div></div></footer><body></body></html>注冊頁源碼：
<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>個人注冊</title><!-- 引入fabicon圖標 --><link rel="shortcut icon" href="favicon.ico" /><link rel="stylesheet" href="css/base.css"><!-- 引入初始化樣式文件 --><!-- 引入注冊頁面的css --><link rel="stylesheet" href="css/register.css"> </head><body><div class="w"><header><div class="logo"><a href="index.html"><img src="images/logo.png" alt=""></a></div></header><div class="registerarea"><h3>注冊新用戶<div class="login">我有賬號,去<a href="#">登陸</a></div></h3><div class="reg_form"><form action=""><ul><li><label for="">手機號:</label> <input type="text" class="inp"><span class="error"> <i class="error_icon"></i>手機號碼格式不正確,請重新輸入</span></li><li><label for="">短信驗證碼:</label> <input type="text" class="inp"><span class="success"> <i class="success_icon"></i>短信驗證碼輸入正確</span></li><li><label for="">登錄密碼:</label> <input type="password" class="inp"><span class="error"> <i class="error_icon"></i>登錄密碼格式不正確,請重新輸入</span></li><li class="safe">安全程度 <em class="ruo">弱</em> <em class="zhong ">中</em> <em class="qiang">強</em></li><li><label for="">確認密碼:</label> <input type="password" class="inp"><span class="success"> <i class="success_icon"></i>登錄密碼格式正確</span></li><li class="agree"><input type="checkbox" name="" id="">同意協議并注冊<a href="#">《知曉用戶協議》</a></li><li><input type="submit" value="完成注冊" class="btn"></li></ul></form></div></div><div class="footer"><div class="mod_copyright"><div class="links"><a href="#">關于我們</a> |<a href="#">聯系我們</a> |<a href="#">聯系客服</a> |<a href="#">商家入駐</a> |<a href="#">營銷中心</a> |<a href="#">手機品優購</a> |<a href="#">友情鏈接</a> |<a href="#">銷售聯盟</a> |<a href="#">品優購社區</a> |<a href="#">品優購公益</a> |<a href="#">English Site</a> |<a href="#">Contact U</a></div><div class="copyright">地址:北京市昌平區建材城西路金燕龍辦公樓一層 郵編:100096 電話:400-618-4000 傳真:010-82935100 郵箱: zhanghj+itcast.cn <br> 京ICP備08001421號京公網安備110108007702</div></div></div></div> </body></html>總結
以上是生活随笔為你收集整理的PC端品优购电商项目源码的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 编写安装配置ftp-samba服务脚本
- 下一篇： js冒泡排序，简单的冒泡排序