摘要: 前面我们已经做完了环境的部署和基本的测试,现在我们要开始使用我们的mongoose来连接我们的数据库,做到前后端分离这样一个操作,也就是经常说的mvc(model view controller),在model和controller之间经常需要一些工具来进行对接,帮助完成数据库的操作和通讯 什么是m 阅读全文
posted @ 2018-11-29 20:50 花生奶糖 阅读(669) 评论(0) 推荐(0) 编辑
摘要: 通过前面几节我们得前端页面已经做得差不多了,到这一步我们就需要后端得支撑,后端我们采用得是node.js的框架Koa2和MongoDB提供数据库支持,那我们就正式开始吧。我们建立一个service的文件 在命令行内使用npm 来安装Koa 安装完成了我们需要检测一下是否安装成功,我们在service 阅读全文
posted @ 2018-11-28 20:12 花生奶糖 阅读(458) 评论(0) 推荐(0) 编辑
摘要: 到现在我们该做我们的楼层部分了,给大家看下效果图 ok,接下来我们就直接撸代码吧 我们在components下面新建一个component文件夹来放置我们的floorComponent.vue HTML: CSS: JavaScript: //这里我就直接手写吧 我们在新建的floorCompone 阅读全文
posted @ 2018-11-27 18:34 花生奶糖 阅读(350) 评论(0) 推荐(0) 编辑
摘要: 今天我们要制作的是商品推荐栏,也就是下面的这个,这个是有一个滑动效果的 首先还是来看我们的布局 HTML CSS: 布局完成之后我们就要开始进入正题了 安装我们的vue-awesome-swiper了,在终端输入 安装完成后我们在页面进行引入 这里我们因为使用的是从mock请求过来的数据,所以要使用 阅读全文
posted @ 2018-11-26 15:26 花生奶糖 阅读(395) 评论(0) 推荐(0) 编辑
摘要: 前面我们已经获取到了数据,这节我们就好把它用到我们的项目中来。这节课我们主要是使用flex布局和for循环是我们的type_bar展示出来。 关于flex布局的话如果还不是很了解的小伙伴儿可以查阅下阮一峰大神的博客(http://www.ruanyifeng.com/blog/2015/07/fle 阅读全文
posted @ 2018-11-24 22:05 花生奶糖 阅读(626) 评论(0) 推荐(0) 编辑
摘要: 上一节我们学习了首页的导航栏和轮播图,这一节我们就要看是使用easy mock和axios来进行数据的交互模拟了 mock在我们工作中还是比较重要的,有时候后端无暇顾及前端,暂时不能提供接口,那么我们前端可以通过easy mock来进行数据的模拟啦 easy mock的使用方式我就直接把文档地址贴出 阅读全文
posted @ 2018-11-24 20:39 花生奶糖 阅读(1119) 评论(0) 推荐(0) 编辑
摘要: 这一节我们将学习制作我们的搜索和轮播图的制作,下面是我们的效果图 首先我们需要创建我们的首页文件,我们在src/components目录下创建个pagesde 文件夹,然后创建我们的首页ShoppingMall.vue smile\src\components\pages 然后我们需要在main.j 阅读全文
posted @ 2018-11-23 20:07 花生奶糖 阅读(627) 评论(0) 推荐(0) 编辑
摘要: 这节我们学习如何优雅的引入vant组件和移动端的适配 还是介绍下vant吧, vant是有赞前端提供的vue的一个组件库,有下面这些优点 1.国人制造的,符合国人审美和交互习惯 2.单元测试超过90%,有些个人的小样是组件是不做单元测试的 3.支持babel-plugin-import引入的,按需加 阅读全文
posted @ 2018-11-22 16:53 花生奶糖 阅读(1079) 评论(0) 推荐(0) 编辑
摘要: 这是我的第一套实战系列博客,希望有更多的小伙伴儿能看到,也给自己个动力写完这个系列的博文,大家共同学习共同进步。 这套博文全面的讲解了vue+koa的实战项目。涉及的技术:vue+Router+vant+Node+Mongodb 本套博文将从零开始搭建一个移动电商系统,包括首页展示/类别展示/购物功 阅读全文
posted @ 2018-11-22 12:30 花生奶糖 阅读(540) 评论(0) 推荐(0) 编辑
摘要: 因为这个错误我折腾了一上午,最终还是解决了 我也百度了很多方法,因为最开始是因为python环境没有,所以我又安装了个python。 完事儿了又继续报错,如上图。 解决方法: 别听网上那些人瞎扯淡这样那样 你安装 bcrypt版本是最新的,你要升级他支持的node版本和其他版本,或者直接减低bcry 阅读全文
posted @ 2018-11-15 12:21 花生奶糖 阅读(2543) 评论(0) 推荐(1) 编辑