Skip to content
/ vnshop Public

基于vue express开发的全战商城 ,前后分离

Notifications You must be signed in to change notification settings

wsdo/vnshop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vnshop 商城

如果帮助到你,那就点个star吧。

技术栈: vue mongodb node 2019-04-24-23-30-32

课程视频,可以联系我 https://shudong.wang/about

项目架构

前后分离

前端: 使用vue cli 脚手架方式搭建

api: 使用node express框架搭建

课程地址

项目目录

cd vnshop mkdir -p client note server

vnshop

client #客户端代码,里面放的是vue项目工程文件

note #搭建项目的详细笔记
    
server #node express 代码

项目上线 视频上传到segmentfault 讲堂

vnshop项目视频

详细内容

01.课程规划
02.github操作的几个场景
03.把本地的仓库提交到远程
04.vue初识.周边资源介绍
05.vue.helloworl.插值,双向绑定
06.指令.bind if
07.生命周期案例详细讲解
08.jq在生命周期函数里面的应用
10.v-show指令
11.模版和渲染
12.插槽基本使用,具名插槽,项目中应用场景
13.组件1,组件2,全局组件
14.v-on事件
15.动态组件
16.props
17.watch监听,深度监听
18.filter自定义过滤器
19.git 操作指南上课代码拉下拉,并且更新代码
20.自定义指令
21.自定义拖拽指令
22.vue-resource.get.post.jsonp.方式请求接口
23.axios 请求api的方式post 和 get区别
24.vue-cli项目初始化
25.git合并
26.解决问题的方式
27.vue项目目录的说明
28.vue.编译流程,webpack文件讲解
29.vue文件分析
30.vue项目入口文件分析
31.路由history,hash,默认激活样式,exact讲解
32.自定义全局激活样式,嵌套路由
33.路由重定向
34.路由传参
35.复习
36.成产环境和开发环境
37.解决问题的能力
38.在vue项目中使用axios访问接口,解决跨域问题
39.案例,获取知乎日报的信息,写在组件上,解决跨域,图片403问题
40.使用vue-axios方式访问api
41.vue-axios源码分析
42.vuex介绍
43.vuex在项目简单入门使用
44.vuex 提交 mutation  paload传参
45.解决api请求权限问题
46.学习的方式
47.mutations 提交type类型
48.actions使用方式
49.getters使用方式
50.mapState,mapGetters,mapAction辅助函数使用
51.项目初始化
52.vue常见错误收集

全栈项目上线

课程地址

01.购买流行的vps服务器教程
02.域名注册
03.域名注册商介绍godaddy.com域名注册,park.io等信息
04.利用xshell连接Linux Ubuntu系统详细操作方式
05.【全栈项目上线(vue+node+mongodb)】安装lnmp环境 nginx mysql php 环境
06.lnmp环境安装成功并且测试
07.nodejs环境安装
08.安装mongodb
09.mongodb安装测试执行mongodb shell命令
10.解决无法解析主机名字问题
11.mongodb通用解决方案
12.缩减版的安装php mysql Nginx node mongodb 6分钟搞定
13.部署项目的方式,介绍
14.怎么在一台服务器上部署多个站点
15.项目上线方案一上传文件解压文件实现
16.项目上线方案二从github拉取
17.项目上线完毕
18.负载均衡的概念
19.使用git webhooks 优雅的自动化上线vue项目(巨详细) 
20.git webhooks 自动化上线
21.搭建博客系统WordPress
22.搭建hexo博客