基于B/S架构的外卖管理系统的设计与实现

内容提要 互联网已经走进了我们的生活，可以说它无处不在也无时无刻影响着我们的学习和生活。所以前端方面用户对界面设计、交互操作和使用体验有了更大的要求。传统的MVC框架是软件工程一套经典的设计模式，互联网的发展在此基础上慢慢衍生出了MVVM模式。本系统主要是实现一个外卖系统的商家模块的移动端Webapp，基于MVVM的轻量级响应式框架的Vue.js设计和实现。我们所熟知的构建用户界面的渐进式框架是Vue，相比于其他框架Vue.js对于本次系统的实现有更大优势。

关键词 移动端Webapp，MVC框架，Vue渐进式框架

目  录

1. 引言 1

1.1 系统开发背景 1

1.2 系统开发的和意义 1

1.3 国内外研究现状 1

1.3.1旧浏览器已不能满足大众的需求，移动端需求增加 1

1.3.2前端交互越来越多，功能越来越复杂 1

1.3.3架构从传统后台的MVC向REST API+前端MV*迁移 1

2. 需求分析 2

2.1 系统简介 2

2.2 系统需求 2

2.2.1 用户界面 2

2.2.2 表格-功能模块一览表 2

2.3 性能需求 2

2.4 运行环境 3

3. 关键技术 3

3.1系统开发环境 3

3.2相关技术 3

3.2.1 数据驱动和组件化 3

3.2.2 vue-router路由 4

3.2.3 图标字体的制作和实现 4

3.2.4 过渡属性 4

4. 总体设计 4

4.1 概要设计 4

4.2 系统架构图 5

4.3 系统模块图 5

4.4系统流程图 6

5. 详细设计 7

5.1页面设计 7

5.2数据mock 10

a. 能渲染模板 10

b. 实现请求路由映射 10

c. 数据接口代理到生产或者测试环境 10

6. 系统实现 11

6.1 vue-resource的引用 11

6.2 vue-router的实现 11

6.3 Header组件的实现 11

6.4 详情页和评论组件的实现 12

6.5 商家组件的实现 13

6.6 购物车组件的实现 13

7. 系统测试 14

7.1 测试用例 15

7.2 测试总结 15

8. 总结和展望 16

9. 致谢 16

参考文献 17

成品题目录像免费下载：

javajsp程序设计选题表题目大全含录像免费下载地址：（点击打开）

https://www.soudaima.cn/jd_test89/products/13659651.html

php程序设计选题表题目大全含录像免费下载地址：（点击打开）

https://www.soudaima.cn/jd_test89/products/13659652.html

asp.net程序设计选题表题目大全含录像免费下载地址：（点击打开）

https://www.soudaima.cn/jd_test89/products/13659653.html

javajspssm程序设计选题表题目大全含录像免费下载地址：（点击打开）

https://www.soudaima.cn/jd_test89/products/13792170.html

javajspssh程序设计选题表题目大全含录像免费下载地址：（点击打开）

https://www.soudaima.cn/jd_test89/products/13792180.html

javajspmvc程序设计选题表题目大全含录像免费下载地址：（点击打开）

https://www.soudaima.cn/jd_test89/products/13659651.html

Android安卓程序设计选题表题目大全含录像免费下载地址：（点击打开）

https://www.soudaima.cn/jd_test89/products/13792190.html

HTML程序设计选题表题目大全含录像免费下载地址：（点击打开）

https://www.soudaima.cn/jd_test89/products/13792200.html

定做题目免费下载：

php定做题目大全免费下载地址：（点击打开）

https://www.soudaima.cn/jd_test89/products/13792230.html

Javajsp定做题目大全免费下载地址：（点击打开）

https://www.soudaima.cn/jd_test89/products/13792220.html