基于nodejs+vue校园超市外卖系统

项目介绍
根据现实需要,此系统我们设计出一下功能,主要有以下功能模板。
(1)高校超市外卖系统前台:首页、商品、公告、后台管理、购物车。
(2)商家功能:首页、个人中心、商品管理、商品分类管理、外卖配送管理、订单管理。
(2)管理员功能:首页、个人中心、用户管理、商品管理、商品分类管理、外卖配送管理、商家管理、系统管理、订单管理。
在系统的功能设计方面,高校超市外卖系统的设计目标是便于人们可以购买商品,因此抽取了满足管理员、用户基本业务需求的基本用例
 功能介绍
1.相关技术。根据前期相关调查研究,介绍本课题要用到的相关技术。 
2.外卖系统需求分析。首先对进行系统可行性分析,接着对系统功能的需求进行分析,将系统分为买家端、卖家端;
3.外卖系统设计。基于需求分析建立的结果,对系统的整体结构和数据库进行了设计,给出主要的功能流程图;
4.外卖系统实现与测试。介绍买家端、卖家端和服务器端的实现过程,以图片的形式展示了部分功能的运行效果,并展示了关键功能代码;
5.总结与展望。客观总结本次工作,对不足之处进行了分析,阐述了接下来的工作目标。
本系统设计时,确定详细功能,这些功能主要通过需求阶段的调研分析得来的,具体功能模块如下图,如图4-1所示。
 
 
 前端技术:nodejs+vue+elementui,
Express 框架于Node运行环境的Web框架,
语言 node.js
框架:Express
前端:Vue.js
数据库:mysql
数据库工具:Navicat
开发软件:VScode
视图层其实质就是vue页面,通过编写vue页面从而展示在浏览器中,编写完成的vue页面要能够和控制器类进行交互,从而使得用户在点击网页进行操作时能够正常。

代码结构讲解
 1、 node_modules文件夹(有npn install产生)
    这文件夹就是在创建完项目后,cd到项目目录执行npm install后生成的文件夹,下载了项目需要的依赖项。
2、package.json文件
     此文件是项目的配置文件(可定义应用程序名,版本,依赖项等等)。node_modules文件夹下的依赖项是从哪里知道的呢?原因就是项目根目录下的这个package.json文件,执行npm install时会去找此文件中的dependencies,并安装指定的依赖项。
3、public文件夹(包含images、javascripts、stylesheets)
      这个文件夹做过Web开发的应该一看就知道,为了存放图片、脚本、样式等文件的。
4、routes文件夹
      用于存放路由文件。
5、views文件夹
      存放视图。
 在专业的外卖系统出现之前,超市的交易方式有两种:到店现场交易或通过电话完成交易。前者消费方式虽能满足顾客的消费体验感,但也存在缺点,例如1.浪费时间,如遇超市高峰期,需排队进出超市;2.大件商品携带不方便;3.安全性低,近几年疫情反复,超市属于人员密集之地,频繁出入公共场合存在安全隐患。后者属于传统意义上的外卖模式,通过打电话告诉商家需要的商品内容,商家会在纸张上面记录我们的点单信息和地址信息以及联系方式,再准备货物,并在下班之前送到楼下,再通知用户下楼来拿[3]。这种模式存在的缺点包括:1.效率较低(对于校园中的中小超市,同时只能有一个客户接通电话);2.信息转录频繁,可靠性较低(其实就是店主容易忘记);3.缺乏统一的调度与管理,订单量大时交易质量难以保证。基于此,我们的课题研究目标便是开发一个适合于校园环境的超市外卖系统。
 随着移动信息技术的快速发展,互联网正加速向各个行业渗透,深刻的改变和影响了现代人的日常生活[1]。以美团、饿了么等为代表的外卖平台,深刻的改变了人们的餐饮消费习惯,不仅开辟了巨大的餐饮消费第二市场,而且带动了一大批细分市场与细分需求的新的电商模式,例如社区团购等。然而,多年来针对高校校园超市外卖需求的新型电商模式的发展却较为缓慢,其中大学生消费群体是一个很特殊的群体,他们正直青春年少,思维活跃,对于新鲜事物、新型消费模式的接受程度较高[2]。因此,学生们的购物行为也引起了广大学者的关注。在针对某高校对外卖订餐行为分析之后发现,当前仅存在外卖点餐平台,却没有超市外卖相关系统。
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值