实例介绍
乐优商城门户网站,门户系统面向的是用户,安全性很重要,而且搜索引擎对于单页应用并不友好。因此门户系统不再采用与后台系统类似的SPA(单页应用)。依然是前后端分离,不过前端的页面会使用独立的html,在每个页面中使用vue来做页面渲染。
【实例截图】
【核心代码】
leyou-portal
├── cart.html
├── copyright.html
├── css
│ ├── material.css
│ ├── pages-addressList.css
│ ├── pages-cart.css
│ ├── pages-cooperation.css
│ ├── pages-getOrderInfo.css
│ ├── pages-home.css
│ ├── pages-index.css
│ ├── pages-item.css
│ ├── pages-JD-index.css
│ ├── pages-list.css
│ ├── pages-login.css
│ ├── pages-login-manage.css
│ ├── pages-myOrder.css
│ ├── pages-pay.css
│ ├── pages-payfail.css
│ ├── pages-paysuccess.css
│ ├── pages-register.css
│ ├── pages-sampling.css
│ ├── pages-seckill-index.css
│ ├── pages-seckill-item.css
│ ├── pages-seckillOrder.css
│ ├── pages-shop.css
│ ├── pages-shoplogin.css
│ ├── pages-success-cart.css
│ ├── pages-weixinpay.css
│ ├── pages-zoom.css
│ ├── vuetify.min.css
│ ├── webbase.css
│ ├── widget-cartPanelView.css
│ └── widget-jquery.autocomplete.css
├── fonts
│ ├── icon-moon.eot
│ ├── icon-moon.svg
│ ├── icon-moon.ttf
│ ├── icon-moon.woff
│ ├── icon-pc.eot
│ ├── icon-pc.svg
│ ├── icon-pc.ttf
│ ├── icon-pc.woff
│ ├── icon-tb.eot
│ ├── icon-tb.svg
│ ├── icon-tb.ttf
│ ├── icon-tb.woff
│ ├── icon-touch.eot
│ ├── icon-touch.svg
│ ├── icon-touch.ttf
│ └── icon-touch.woff
├── foot.html
├── getOrderInfo.html
├── home.html
├── home-index.html
├── home-orderDetail.html
├── home-order-evaluate.html
├── home-order-pay.html
├── home-order-receive.html
├── home-order-send.html
├── home-person-collect.html
├── home-person-footmark.html
├── home-setting-address-complete.html
├── home-setting-address.html
├── home-setting-address-phone.html
├── home-setting-info.html
├── home-setting-safe.html
├── img
│ ├── _
│ │ ├── 01.png
│ │ ├── b1.png
│ │ ├── b2.png
│ │ ├── b3.png
│ │ ├── banner.png
│ │ ├── buy001.jpg
│ │ ├── buy002.jpg
│ │ ├── buy01.jpg
│ │ ├── car.png
│ │ ├── clock.png
│ │ ├── code.png
│ │ ├── cooperation_banner.jpg
│ │ ├── down-icon.png
│ │ ├── dp01.png
│ │ ├── dp02.png
│ │ ├── dp03.png
│ │ ├── dp04.png
│ │ ├── empty_heart.png
│ │ ├── erweima.jpg
│ │ ├── fail.png
│ │ ├── gocart01.jpg
│ │ ├── gocart.jpg
│ │ ├── gotop.png
│ │ ├── icon.png
│ │ ├── icon-red.png
│ │ ├── intro01.png
│ │ ├── intro02.png
│ │ ├── intro03.png
│ │ ├── itemlike01.png
│ │ ├── itemlike02.png
│ │ ├── itemlike03.png
│ │ ├── itemlike04.png
│ │ ├── itemlike05.png
│ │ ├── itemlike06.png
│ │ ├── list.jpg
│ │ ├── list.png
│ │ ├── l-m01.png
│ │ ├── login-bg.png
│ │ ├── manage-bg.png
│ │ ├── mobile01.png
│ │ ├── mobile02.png
│ │ ├── mobile03.png
│ │ ├── mobile04.png
│ │ ├── mobile05.png
│ │ ├── mobile06.png
│ │ ├── part01.png
│ │ ├── part02.png
│ │ ├── part03.png
│ │ ├── pay10.jpg
│ │ ├── pay11.jpg
│ │ ├── pay12.jpg
│ │ ├── pay13.jpg
│ │ ├── pay14.jpg
│ │ ├── pay15.jpg
│ │ ├── pay16.jpg
│ │ ├── pay17.jpg
│ │ ├── pay18.jpg
│ │ ├── pay19.jpg
│ │ ├── pay1.jpg
│ │ ├── pay20.jpg
│ │ ├── pay21.jpg
│ │ ├── pay22.jpg
│ │ ├── pay2.jpg
│ │ ├── pay3.jpg
│ │ ├── pay4.jpg
│ │ ├── pay5.jpg
│ │ ├── phone01.png
│ │ ├── phone02.png
│ │ ├── phone03.png
│ │ ├── phone04.png
│ │ ├── phone05.png
│ │ ├── phone06.png
│ │ ├── phone07.png
│ │ ├── phone08.png
│ │ ├── phone09.png
│ │ ├── phone10.png
│ │ ├── phone11.png
│ │ ├── phone12.png
│ │ ├── phone13.png
│ │ ├── phone14.png
│ │ ├── phone-bg.png
│ │ ├── photo_icon.png
│ │ ├── photo.png
│ │ ├── right.png
│ │ ├── s1.png
│ │ ├── s2.png
│ │ ├── s3.png
│ │ ├── sampling_head.jpg
│ │ ├── seckillbg.png
│ │ ├── shi_heart.png
│ │ ├── shop-intro.png
│ │ ├── shop-logo.png
│ │ ├── shop-part.png
│ │ ├── title_bg.jpg
│ │ ├── t.jpg
│ │ └── y24.png
│ ├── 57b51ea9Nb862ca5e.png
│ ├── account.png
│ ├── ad1.png
│ ├── ad.jpg
│ ├── ali.png
│ ├── assets
│ │ └── img
│ │ ├── itemlike
│ │ │ ├── itemlike01.png
│ │ │ ├── itemlike02.png
│ │ │ ├── itemlike03.png
│ │ │ ├── itemlike04.png
│ │ │ ├── itemlike05.png
│ │ │ └── itemlike06.png
│ │ ├── pay
│ │ │ ├── fail.png
│ │ │ ├── icon.png
│ │ │ ├── pay10.jpg
│ │ │ ├── pay11.jpg
│ │ │ ├── pay12.jpg
│ │ │ ├── pay13.jpg
│ │ │ ├── pay14.jpg
│ │ │ ├── pay15.jpg
│ │ │ ├── pay16.jpg
│ │ │ ├── pay17.jpg
│ │ │ ├── pay18.jpg
│ │ │ ├── pay19.jpg
│ │ │ ├── pay1.jpg
│ │ │ ├── pay20.jpg
│ │ │ ├── pay21.jpg
│ │ │ ├── pay22.jpg
│ │ │ ├── pay2.jpg
│ │ │ ├── pay3.jpg
│ │ │ ├── pay4.jpg
│ │ │ ├── pay5.jpg
│ │ │ └── right.png
│ │ ├── phone
│ │ │ ├── dp01.png
│ │ │ ├── dp02.png
│ │ │ ├── dp03.png
│ │ │ ├── dp04.png
│ │ │ ├── intro01.png
│ │ │ ├── intro02.png
│ │ │ ├── intro03.png
│ │ │ ├── l-m01.png
│ │ │ ├── mobile01.png
│ │ │ ├── mobile02.png
│ │ │ ├── mobile03.png
│ │ │ ├── mobile04.png
│ │ │ ├── mobile05.png
│ │ │ ├── mobile06.png
│ │ │ ├── part01.png
│ │ │ ├── part02.png
│ │ │ ├── part03.png
│ │ │ ├── phone01.png
│ │ │ ├── phone02.png
│ │ │ ├── phone03.png
│ │ │ ├── phone04.png
│ │ │ ├── phone05.png
│ │ │ ├── phone06.png
│ │ │ ├── phone07.png
│ │ │ ├── phone08.png
│ │ │ ├── phone09.png
│ │ │ ├── phone10.png
│ │ │ ├── phone11.png
│ │ │ ├── phone12.png
│ │ │ ├── phone13.png
│ │ │ └── phone14.png
│ │ ├── success-cart
│ │ │ ├── buy001.jpg
│ │ │ ├── buy002.jpg
│ │ │ ├── buy01.jpg
│ │ │ ├── gocart01.jpg
│ │ │ └── gocart.jpg
│ │ └── zoom
│ │ ├── b1.png
│ │ ├── b2.png
│ │ ├── b3.png
│ │ ├── s1.png
│ │ ├── s2.png
│ │ └── s3.png
│ ├── banner1.jpg
│ ├── banner1.png
│ ├── banner2.jpg
│ ├── banner3.jpg
│ ├── banner3x.jpg
│ ├── banner4.jpg
│ ├── barrow.png
│ ├── brand01.png
│ ├── brand02.png
│ ├── brand_03.png
│ ├── brand03.png
│ ├── brand04.png
│ ├── brand_05.png
│ ├── brand05.png
│ ├── brand06.png
│ ├── brand_07.png
│ ├── brand07.png
│ ├── brand08.png
│ ├── brand_09.png
│ ├── brand09.png
│ ├── brand10.png
│ ├── brand_11.png
│ ├── brand11.png
│ ├── brand12.png
│ ├── brand_13.png
│ ├── brand13.png
│ ├── brand_15.png
│ ├── brand_17.png
│ ├── brand_19.png
│ ├── brand_21.png
│ ├── cartPanelViewIcons.png
│ ├── choosed.png
│ ├── clock.png
│ ├── delete.png
│ ├── duihuan.png
│ ├── erweima.png
│ ├── floor-1-1.png
│ ├── floor-1-2.png
│ ├── floor-1-3.png
│ ├── floor-1-4.png
│ ├── floor-1-5.png
│ ├── floor-1-6.png
│ ├── floor-1-b01.png
│ ├── floor-1-b02.png
│ ├── floor-1-b03.png
│ ├── goods.png
│ ├── icon-red.png
│ ├── icons.png
│ ├── interest01.png
│ ├── interest02.png
│ ├── interest03.png
│ ├── interest04.png
│ ├── interest05.png
│ ├── interest06.png
│ ├── like_01.png
│ ├── like_02.png
│ ├── like_03.png
│ ├── like_04.png
│ ├── like_05.png
│ ├── like_06.png
│ ├── like1.png
│ ├── like2.png
│ ├── like3.png
│ ├── like4.png
│ ├── linker.png
│ ├── lock.png
│ ├── loginbg.png
│ ├── Logo.png
│ ├── mod-list.png
│ ├── phone-bg.png
│ ├── photo.png
│ ├── qq.png
│ ├── quan.png
│ ├── sina.png
│ ├── today01.png
│ ├── today02.png
│ ├── today03.png
│ ├── today04.png
│ ├── weixin.png
│ ├── wx_cz.jpg
│ └── zoom.png
├── index.html
├── item.html
├── items
│ ├── 4
│ │ └── 5
│ │ └── 145.html
│ └── 8
│ └── 1
│ └── 81.html
├── js
│ ├── axios.min.js
│ ├── common.js
│ ├── czFunction.js
│ ├── model
│ │ └── cartModel.js
│ ├── pages
│ │ ├── addressList.js
│ │ ├── city-picker.js
│ │ ├── getOrderInfo.js
│ │ ├── home.js
│ │ ├── index.js
│ │ ├── jquery.slideunlock.js
│ │ ├── login.js
│ │ ├── login-manage.js
│ │ ├── main.js
│ │ ├── person-collect.js
│ │ ├── person-footmark.js
│ │ ├── register.js
│ │ ├── seckill-index.js
│ │ ├── shop.js
│ │ ├── shoplogin.js
│ │ ├── shortcut.js
│ │ ├── sm-city-picker.js
│ │ └── top.js
│ ├── plugins
│ │ ├── birthday
│ │ │ └── birthday.js
│ │ ├── citypicker
│ │ │ ├── distpicker.data.js
│ │ │ └── distpicker.js
│ │ ├── jquery
│ │ │ ├── jquery.cookie.js
│ │ │ └── jquery.min.js
│ │ ├── jquery.easing
│ │ │ └── jquery.easing.min.js
│ │ ├── jquery.jqzoom
│ │ │ ├── jquery.jqzoom.js
│ │ │ └── zoom.js
│ │ ├── jquery-placeholder
│ │ │ └── jquery.placeholder.min.js
│ │ ├── qs.js
│ │ ├── sui
│ │ │ └── sui.min.js
│ │ └── upload
│ │ └── uploadPreview.js
│ ├── validate.js
│ ├── vue
│ │ ├── vue.js
│ │ ├── vue.min.js
│ │ └── vuetify.js
│ └── widget
│ ├── cartPanelView.js
│ ├── jquery.autocomplete.js
│ ├── nav.js
│ └── nav-portal-top.js
├── login.html
├── payfail.html
├── pay.html
├── paysuccess.html
├── plugins
│ ├── cssgrids
│ │ └── cssgrids-min.css
│ ├── jquery
│ │ └── jquery.min.js
│ ├── jquery.easing
│ │ └── jquery.easing.min.js
│ ├── jquery.jqzoom
│ │ ├── jquery.jqzoom.js
│ │ └── zoom.js
│ ├── jquery-placeholder
│ │ └── jquery.placeholder.min.js
│ ├── normalize
│ │ └── normalize.css
│ └── sui
│ ├── sui-append.min.css
│ ├── sui.min.css
│ └── sui.min.js
├── register.html
├── search.html
├── seckill-index.html
├── seckill-item.html
├── shortcut.html
├── side.html
├── success-cart.html
├── success.html
└── top.html
38 directories, 384 files
标签:
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论