标签:Vue项目

就业招聘系统-vue前后端分离学生实训项目源码下载分享(徐工程软嵌17)

一、前言就业招聘系统开发的意义一方面在于突破传统人才招聘的模式,给招聘者和求职者提供一个便利、高效、准确的网络招聘平台,使得双方可以在把成本降到最低的前提下,在更快的时间获得更加准确的信息,从而满足企业的用人需求,实现求职者的自我价值。另一方面在于完善网络招聘服务工作,建立服务体系,通过对用户需求的研究,开发出更符合实际应用的软件。该项目是潘老师带领的徐……

码上书店-前后端分离学生实训项目分析及源码分享(徐工程软嵌17)

一、前言码上书店系统希望通过构建一个前后端分离的的电子商务书城,利用繁荣的互联网,为传统的书店打造一个新的销售平台。以达到节省人力与设备费用的减少,服务能力的提高,管理信息服务的改进,工作人员利用率提高等目的。该项目是潘老师带领的徐工程软嵌17班的学生在企业项目综合实训过程中所做的选题项目,在征得组员马*昂、仲*、胡*丽、张*、徐*炀的同意后,分享给大家……

食觅点餐系统-前后端分离学生实训项目分析及源码分享(徐工程软嵌17)

一、前言食觅点餐系统的核心目的是对于现在的看完店铺介绍后,再进店点餐,这种消费模式进行一些合理且便利化的改善。该系统在看完对商家的评价和菜品信息后,能直接点餐并设置到店用餐时间,充分利用用户在去往商店的时间,减少了用户在店内点餐的时间,通过查看店内的空位情况来让顾客选择是否还去该店铺就餐,以此来缓解高峰时间店内人员爆满的情况。就餐的用户可以对店铺发表评价,……

vue手机商城项目实战(10)-购物车组件实现

一、素材准备1、在购物车中没有商品时,显示购物车为空图片,图片下载:2、解压后上传至assets\img目录下二、购物车组件实现修改Shopcar.vue如下:<template> <div id="shopcar"> <!-- 顶部导航栏 --> ……

vue手机商城项目实战(9)-添加购物车功能实现

本文接:vue手机商城项目实战(8)-路由跳转转场过渡动画效果实现我们添加购物车的操作有两个地方,一个是首页商品列表Goods.vue和商品详情页GoodsDetail.vue,下面我们来实现添加到购物车功能。一、共享购物车状态1、我们购物车信息会被购物车组件使用,所以我们将购物车商品信息存放在vuex中,在store\index.js的state新增……

vue手机商城项目实战(8)-路由跳转转场过渡动画效果实现

本文接:vue手机商城项目实战(7)-商品详情组件实现我们发现在路由跳转的时候无论是点击底部选项卡,还是点击商品详情和搜索,页面跳转都比较生硬,因此我们可以考虑使用vue提供的转场效果来优化用户体验。一、转场代码实现1、需要给router-view包裹transition,App.vue中修改如下:<transition :name=&qu……

vue手机商城项目实战(7)-商品详情组件实现

本文接:vue手机商城项目实战(6)-首页商品列表组件实现一、商品详情状态共享1、由于商品详情是点击商品列表中的商品得以跳转实现,而商品详情组件也需要用到商品信息,因此可以通过共享商品的id然后去后台查询展示详情,或者直接将该商品所有的信息直接共享,为方便起见,我们这里直接使用后者方法。2、在store\index.js的state中新增goodsDe……

vue手机商城项目实战(6)-首页商品列表组件实现

本文接:vue手机商城项目实战(5)-首页类型组件实现一、素材准备1、从网上下载一些商品图片,我这里准备了6个商品的图片2、将其解压后存放到assets\img目录下,以便测试使用二、实现商品列表组件1、在views目录下新建Goods.vue,代码如下:<template> <div id="goods……

vue手机商城项目实战(5)-首页类型组件实现

本文接:vue手机商城项目实战(4)-首页轮播图组件实现1、我们需要在轮播图下实现商城商品分类类型展示,主要是为了展示图标。所以我准备了一些分类图标,下载后放入assets\img目录下2、我们在views目录下,新建Type.vue代码如下:<template> <div id="type">……