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文件夹
      存放视图。
nodejs+vue 在线零食店铺_第1张图片后台:
后台包括了管理员后台以及用户后台两种,管理员在后台实现网站的整体管理,用户后台可以进行产品的查看订单的管理。
系统用户管理:能够对系统的用户信息功能,进行管理,并且可以在线修改密码。
商品类别管理:可以针对商品的类别信息情况,进行管理,并且对商品类别,实现修改删除操作。
商品管理:实现了商品的信息发布,管理,并且可以在线进行商品的图片上传等。
购买记录管理:能够对用户的购买记录信息进行管理,并且可以查看用户的购买情况,查看购买的信息。
商品订单管理:实现了商品的订单信息的查看管理,并且对订单进行统计。
系统管理:对系统的整体信息,网站的整体管理信息进行在线管理,以及对公告,留言板实现模块管理。
网站前台:
网站首页:首页包括了关键词的搜索,输入食品的名称,可以在线进行搜索出相应的零食。也包括了电话等联系方式,方便买家进行沟通购买。
在线留言:留言板在网站的建设中,是一个重要的功能,用户可以通过留言板在线留言,进行网络沟通。
产品展示:能够实现在线的零食展示,以列表进行展示,并且可以点击查看详情,进行在线购买。

 

 
 
 

你可能感兴趣的:(vue.js,前端)