nodejs+vue 高校校园食堂餐品在线订购网

食堂作为学校的一个重要的部门,为学生提供了用餐的地点,学生可以在食堂享用丰富的餐品,建立一个在校订餐网站,帮助了学生提供一个用餐订餐的系统,也帮助了食堂提供了一个餐品展示的站点。

园的食堂作为一个窗口单位,主要是针对高校的学生提供饭菜的窗口,提供优质的伙食。学生可以在网上进行菜品的查看,进行在线选择菜品,在线进行菜品的预订,方便了食堂提供一个互联网平台进行菜品的销售,增加销量方便食堂菜品发布和学生用餐。平台分为前端和后台的模式开发,系统功能简单,网站友好性强

前端技术: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文件夹
      存放视图。
 后台管理:
网站的后台主要是针对前台的主要功能,菜品信息等进行管理,实现网站的整体的功能,包括信息的展示,菜品的展示以及学生注册信息的展示等。主要功能如下:
个人资料管理:可以实现个人的资料信息的修改和管理,能够在线进行个人资料的修改,管理好个人资料。
购买记录管理:用户可以查看自己的订餐记录的信息,对历史订单进行管理查看。
订单管理:可以针对用户在高校的订餐的订单信息进行查看,查看个人的订单情况,了解订餐信息。
我的收藏管理:可以对喜欢的菜品进行在线收藏,收藏喜欢的菜品,以便后期进行选择订餐。
网站用户前台
前台主要是注册学生和非注册的访客进行访问,注册学生可以在线进行订餐,非注册用户只能进行浏览查看,功能介绍如下:
菜品展示:通常食堂菜品分为主食类、水果类、蔬菜类、高汤类和小吃类,该栏目下,可以以大类和小类的形式,进行菜品的分类展示,也可以在线进行新品的推荐。
学生注册:能够在线进行学生的注册,输入学生的用户名,密码,姓名等基本信息后,进行在线的学生注册。
最新动态:以最新的动态信息展示系统网站的信息,进入后可以看到最新的动态信息,并能够展示最新的网站情况。
在线留言:能够在线进行留言,学生和游客可以在线进行留言,并且查看别人的留言信息,以及回复。
联系我们:展示用户的联系方式,并且能够在线查看到网站管理人员的联系方式。

 
 

 

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值