摘要：本项目是以vue为基本框架，使用mockjs动态模拟数据，基于Node.js开发实现的具有订餐功能的网络订餐系统。实现了查看商家、商品，并将喜欢的商品加入购物车的功能。此系统由登录模块、首页商家模块、商品模块、商品详情模块、个人中心模块五个部分组成。主要实现用户登录、浏览商家列表、进入商家浏览该商家的商品列表、查看商家活动优惠，以及评价、选择商品加入购物车、退出登录等功能开发。

关键词：订餐系统；Javascript；vue；Node.js 

目 录

摘 要

Abstract

1  引言-1

1.1 开发背景与现状-1

1.2 研究意义-1

2  需求分析-3

2.1 系统目标-3

2.2 系统用例建模-3

2.2.1 用户注册登录用例图-3

2.2.2 用户用例图-3

2.2.3 用户个人中心用例图-4

2.3 用例说明-5

2.4 流程图-6

2.4.1 系统流程图-6

3  总体设计-7

3.1 系统模块设计-7

3.1.1 登录模块-7

3.1.2 商品列表模块-7

3.1.3 购物车模块-7

3.1.4 个人中心模块-8

3.2 数据设计-8

3.2.1 数据库E-R图-8

4  详细设计与实现-10

4.1 主要界面设计与实现-10

4.1.1 登录模块-10

4.1.2 商品模块-12

4.1.3 购物车模块-14

4.1.4 个人中心模块-17

4.2 关键技术-18

4.2.1 vue应用简介-18

4.2.2 Node.js应用简介-18

4.2.3 跨域问题-19

4.2.4 三秒延迟-19

4.2.5 关于token-19

4.2.6 购物车相关-21

5  软件测试-22

5.1 系统软件测试-22

5.2 测试范围-22

结    论-24

参考文献-25

致    谢-26