摘要：近年来，移动互联网迅速崛起，移动端网民占整体网民的比例已经大幅超越了 PC 端网民比例。但是由于 PC 端仍然有大量的用户群体，在发展移动端事业的同时必须兼顾 PC 端，跨终端的电商平台由此应运而生。跨终端平台是能够为不同类型设备提供良好的视觉效果以及完整的、可用的交互的平台。目前主流电商平台兼容的 Web 终端设备是电脑以及手机，故本文也将围绕这两种设备进行相关研究以及设计。

在实现跨终端电商平台的初始阶段，需要研究该平台的特征、开发难点以及开发原则，所以首先查阅与之相关的技术书籍以及网络资源。在做完这些准备工作之后，开始进行系统的分析与设计工作。从平台用户的角度和管理员角度具体分析系统需求，用户需求包含基本的购物需求以及潜在的拥有良好体验的需求，平台管理员的需求是管理用户、商品以及订单等信息。并分析用户的购物流程和管理员的管理流程，从而确定系统需要实现的具体功能。最后根据功能分析进行具体编码工作，根据 MVC 模式分步骤进行视图层、模型层以及控制层开发。结合跨终端电商平台大流量特征，选择 NodeJS 作为后台开发语言以应对高并发访问的问题，在数据持久层上采用 NoSQL 数据库 MongoDB。

最终实现了一个具有用户管理、商品管理、订单管理等基本功能的跨终端电商平台，本系统的实现过程对中小企业实现自己跨终端平台具有一定的借鉴以及指导意义。

关键词：跨终端；电商平台；前端；node

目录

摘要

Abstract

第一章  绪论1

1.1研究背景 .1

1.2研究目的和意义 3

1.3跨终端电商平台特征 4

第二章相关理论及技术 7

2.1系统开发和运行环境 7

2.2 Web 服务器开发语言 NodeJS 概述 .7

2.3 mongodb 数据库简介 .8

第三章  系统分析 9

3.1系统可行性分析 9

3.2系统需求分析 9

3.3系统功能分析 10

3.4网站实现架构设计 11

第四章基于 MongoDB 跨终端电商平台数据库的构建 13

4.1数据模型构建 13

4.1.1用户信息集合数据结构 .13

4.1.2商品信息集合数据结构 .13

4.1.3购物车信息集合 .13

4.1.4当前订单信息集合 .14

4.2使用 Mongoose 简化数据库操作.14

第五章电子商务平台具体实现 16

5.1前端页面的具体实现 16

5.1.1PC 端详情页图片放大效果实现.16

5.1.2移动端设备兼容实现 .16

5.1.3移动端详情页多窗口切换效果实现 .18

5.1.4移动端详情页手势操作实现 .19

5.2后台服务器实现 21

5.2.1使用 Express 搭建 Http 服务器.21

5.2.2使用 jade 模板生成 HTML .21

5.2.3读取用户状态 .22

5.2.4使用异步请求来发送数据 .22

5.3系统实现效果 23

结束语 29

致谢 30

参考文献 31