注：仅展示部分文档内容和系统截图，需要完整的视频、代码、文章和安装调试环境请私信up主。
摘 要
人类现已迈入二十一世纪，科学技术日新月异，经济、资讯等各方面都有了非常大的进步，尤其是资讯与网络技术的飞速发展，对政治、经济、军事、文化等各方面都有了极大的影响。利用电脑网络的这些便利，发展一套南山庄园的销售管理平台，将会给商家和用户带来更好的体验，用户可根据自己的喜好挑选不同的产品，商家通过网络销售渠道销售产品，也会带来更好的效益，而且在管理效能上，使用本系统可统一化的综合管理，可以进行数据的统一化管理。
本系统主要采用的技术是基于VUE框架的Web开发技术，首先对于应用程序开发使用的是node.js、express框架等语言。数据库采用MySQL，使用node.js中的express框架来搭建服务器，使用SQLyog进行数据库管理，使用Visual Studio Code工具来编写前后端的代码。本套系统主要分三种角色用户、商家、管理员，用户可以浏览网站和商品信息并进行购买商品，可以在购买后查看购买商品的订单信息，商家可以对自己商品的信息进行系统的管理，商品具体的信息都是商家进行管理还有商品的评论以及商家可以对订单进行处理，发货退货退款功能。管理员对用户的统一管理、商家的具体管理、商品数据以及具体信息的管理、商品的各种分类管理、整个系统的详细管理等各种功能进行查看管理。
关键词 南山庄园的销售 node.js VUE
目 录
第1章 绪论 1
1.1 研究背景及意义 1
1.2 国内外现状 1
1.2.1 国内研究现状 1
1.2.2 国外研究现状 2
1.3 主要内容及安排 2
1.4 本章小结 2
第2章 主要开发工具及关键技术介绍 4
2.1 主要开发工具 4
2.1.1 Visual Studio Code 4
2.1.2 SQLyog 4
2.2 关键技术介绍 4
2.2.1 node.js介绍 4
2.2.2 VUE框架 4
2.2.3 MySQL数据库 5
2.2.4 B/S结构 5
2.3 本章小结 5
第3章 系统需求分析 6
3.1 可行性分析 6
3.1.1 技术可行性 6
3.1.2 经济可行性 6
3.1.3 操作可行性 6
3.2 功能性需求分析 6
3.3 本章小结 9
第4章 系统设计 10
4.1 总体功能设计 10
4.2 功能模块设计 11
4.2.1 总体功能模块 11
4.2.2 用户登录功能和用户购买商品功能 11
4.2.3 商家商品信息管理功能和订单管理功能 13
4.2.4 管理员商品审核功能和商品分类管理 14
4.3 数据库E-R图设计 16
4.4 数据库表的设计与开发 19
4.5 本章小结 22
第5章 系统运行 23
5.1 项目的目录结构 23
5.2 系统功能实现 24
5.3 后台模块实现 31
5.3.1 管理员模块实现 32
5.3.2 商家模块实现 36
5.4 本章小结 39
第6章 系统测试 40
6.1 系统测试运行环境 40
6.2 系统测试 40
6.3 测试运行记录 41
6.4 系统运行与维护 43
6.5 本章小结 44
结论 45
致谢 46
参考文献 47
附录 49
第1章 绪论
1.1 研究背景及意义
随着社会和经济的快速发展，信息技术已经迈入了新一代人工智能时代，人类的生活水平也随之水涨船高。随着计算机和互联网的广泛应用，人类对于使用智能技术进行信息管理的能力也越来越强。目前，各大企业事业单位逐步引入了计算机技术，如南山庄园销售的电子化管理[1]。因工作种类繁多复杂，要确保工作能顺利、有条不紊地进行，必须要建立一个电子管理制度。为了使这一问题得到更好的解决，一个功能强大、使用方便、操作简便、人性化的南山庄园销售管理平台应运而生。随着网络的快速普及，使得南山庄园销售管理平台可以被全面、广泛的运用。它使得传统的管理系统向电子信息化、智能管理化、综合管理化方向发展，实现信息数据的集中管理、分散简化管理操作、共享信息[2]。
传统的南山庄园的销售管理，都是依靠人力来完成的，比如更改联系方式、更改个人信息、南山庄园的销售输入和查询，这些都是由管理员手工完成的。每天要处理的南山庄园的销售信息数不胜数，海量的信息资料都是以传统的硬纸版的文件存在着很多弊端，既浪费了大量的人工成本，材料成本，空间，又给商家和用户带来了极大的不便。海量的信息资料、分类、工作考察的详细程度，都在不断地推动着一种更加快速、高效的信息管理方法。
通过对计算机和互联网的综合化管理，实现了一个统一管理、独立操作、共享平台的智能化管理系统，相较于人工操作，南山庄园的销售管理平台不但可以保证数据的完整性和可读性，还可以防止人为失误操作造成的信息丢失，同时，合理地设定系统的权限，南山庄园的销售要处理的信息也越来越多，这就给管理员的工作带来了很大的难度。用户的数量越来越多，南山庄园的销售信息的分类也越来越精细，若不引入智能化的资讯管理，会耗费大量的人力、时间、金钱，并会造成整体的工作效率下降。
第2章 主要开发工具及关键技术介绍
2.1 主要开发工具
2.1.1 Visual Studio Code
Visual Studio Code 是微软公司开发使用的一款轻量化代码编辑器，它具有极其强大的编辑、编译功能，现如今普遍用于前端技术的开发，具有轻量化、跨平台、插件丰富、代码跟踪等各种优点，这些功能大大的降低了编写代码的难度，增加了代码的可读性，使得前端项目的开发更加流畅，更加规范便捷。
2.1.2 SQLyog
SQLyog 是由著名Webyog出品的一块针对于图形化管理数据库的软件，它能够令使用者更加清晰直观掌控数据库表和库，能够随时随地的查看它们的状态，它更加直观的表现出数据库的结构，更加简洁的进行数据库的同步，另外它还具备，数据备份和数据还原功能[4]。
2.2 关键技术介绍
2.2.1 Nodejs介绍
Nodejs是全球使用最多的语言之一，是一个运行在服务器端上的JavaScript，是一个极具功能性的一款语言，具有轻量化，简洁的语言，一般在事件的模块化编程大多数都是用到了，还具有单线程，单进程等功能。Nodejs的兼容性非常强，不拘束于任何一种环境，具有很高的开放性，在任何平台都可以是运行，也不需要额外的语言进行搭配。
第3章 系统需求分析
3.1 可行性分析
3.1.1 技术可行性
由于整个系统都是以网页形式呈现在使用者面前，因此必须要有一个安全的网络环境。本系统基于目前大学校园网络的快速发展与普及，为学生在有限的条件下，提供了便捷、快速的资源查询服务。采用node.js技术实现了用户与用户之间的动态互动， MySQL支持多种用户使用权限，满足了中、高数据需求[5]。
3.1.2 经济可行性
现在计算机的性能有了很大的提高，而且它的平均售价已经很低了。从学校的经济情况和投资回报来看，通过比较硬件设施和运行费用，可以从更长期的角度来衡量。主要体现在：一是节省人力、物力；第二，减少人力资源管理中可能存在的错误；第三，极大地提升了人们的工作效率；第四，方便人们对自己的信息进行轻量化的管理。
3.1.3 操作可行性
该系统具有体积小、占地少、耗能低等特点。学校电脑和校园网络均能满足需求。该系统具有操作简便、直观、易于操作的特点。操作简单，快速，只要经过简单的训练，就能让管理者使用。
因此，该系统不仅在操作上可行，而且在实际应用中也是可行的。
第4章 系统设计
4.1 总体功能设计
针对上述对系统需求和可行性的综合分析，对本系统的功能概况进行大致的梳理，功能机构图如下图所示4.1。
4.3 数据库E-R图设计
E-R图本身就是有具体的实体和实体之间的关系构成的图，通过E-R图我们能更加明了的看到，设计程序的实体之间的关联。在南山庄园系统中对主页的几个实体的E-R图如图4.9所示：
第5章 系统设计
5.1 项目的目录结构
项目的主题目录结构如图5.1所示：
主要目录功能如下：
- api目录：主要用于存放，前后端交互的接口，以及前端向后端传输的数据的主要类型。
- lib目录，主要存放用户请求后端借口，请求状态不同时，返回的对应的提示和获取需要题型的记录数接口是所标注的时间节点。
- middleware目录：主要是与后端数据库链接的js文件。
- models目录：主要存放解析数据库表中的数据的字段与类型，判断接受的字段是否正确。
- Views目录：主要存放于前端页面和前端元素交互的命令。
- upload目录：主要放图片，前端需要用到的图片。
5.2 系统功能实现
当用户点击进入系统是映入眼帘的就是首页界面，首先上方是导航栏，通过导航条的具体菜单进行不同功能的选择和操作，在首页可以看到系统具体推荐的酒类商品，点击某一种酒类可以查看本酒的详细信息进而发起购买。接下来是酒精资讯，管理员会把挑选好的优秀的文章放在上边，也会放一些对酒品类的理解以便于用户去更好的了解这些名酒。系统首页界面如图5.2，5.3，5.4所示：
