跨终端电子商务网站的实现

本系统从前端到后台实现了电子商务网站。页面实现了两套,分别用于PC端以及手机端。后台实现了用户的登陆注册、加入购物车、结算功能,以及很是简单的商品信息录入功能。 前端页面使用的JS库是jQuery,对于手机端手势功能是本身实现的没有采用第三方JS库。后台使用的语言是Node,采用Express框架。数据库方面使用MongoDB,使用mongoose简化操做。前端

先看下实现的效果:
1.PC端首页效果
图片描述git

2.PC端登陆页
图片描述github

3.PC端详情页面
图片描述web

4.PC端购物车页面
图片描述数据库

5.PC端支付页面
图片描述框架

6.移动端首页
图片描述mongoose

7.移动端登陆页面
图片描述网站

8.移动端注册页面
图片描述spa

9.移动端详情页面
图片描述blog

10.移动端详情加入购物车规格选择效果
图片描述

11移动端购物车页面
图片描述

12.移动端支付页面
图片描述

13.移动端搜索页面
图片描述

查看完整项目能够去个人GitHub,欢迎你们的下载、提问和关注哈。

项目的目录结构是:
图片描述

系统的入口文件在根目录下的ecdb.js。脚本、样式表、图片等资源存放于public目录下,页面存放在views目录下。
由于系统涉及了数据库,因此下载后不能直接运行。须要安装并正确配置MongoDB数据库,若是本文章收到较好的反馈,我会在之后添加一个无数据库的版本以供你们查看项目实际效果。并在后期再readme文件中加入更加详细的说明。

最后谢谢你们的阅读,欢迎有兴趣的童鞋到个人GitHub添加关注,谢谢了!

相关文章
相关标签/搜索