/nuxt-bnhcp

nuxt、express、vue、mysql、redis、nginx、socket.io (实战商城)

Primary LanguageVue

nuxt-bnhcp

Node.js(v6.9.1) + express(4.X) + vue(2.0) + vuex + mysql(5.7.18) + (NUXT)SSR + nginx + redis + 阿里云部署

preface

online:http://nodet.cn/

thank you~

如果我的项目对您有所帮助,您可以点右上角 "Star" 支持一下 感谢~~!

project

.

├── README.md
├── ajax
│   └── getData.js
├── assets
│   └── README.md
├── components
│   ├── AppLogo.vue
│   ├── README.md
│   ├── carousel
│   │   ├── Carousel.vue
│   │   ├── cov-touch.js
│   │   └── vue-slide.vue
│   ├── common
│   │   ├── Headerchunk.vue
│   │   ├── Moreclass.vue
│   │   ├── computedTime.vue
│   │   ├── courseDetail
│   │   │   ├── courseInfo.vue
│   │   │   ├── description.vue
│   │   │   ├── detailContent.vue
│   │   │   ├── evaluate.vue
│   │   │   └── header.vue
│   │   ├── courseHeader.vue
│   │   ├── courselist.vue
│   │   ├── footerBtn.vue
│   │   ├── header.vue
│   │   ├── loading.vue
│   │   ├── no_content
│   │   │   └── no_content.vue
│   │   ├── pullDown.vue
│   │   ├── subscribe
│   │   │   ├── detailTime.vue
│   │   │   ├── valiPhone.vue
│   │   │   └── yesbtn.vue
│   │   └── success.vue
│   ├── config
│   │   └── configinfo.js
│   ├── home
│   │   ├── Classification.vue
│   │   ├── Courseblock.vue
│   │   ├── Footertabs.vue
│   │   ├── Grabactivity.vue
│   │   ├── Myheader.vue
│   │   └── RecommendedSchools.vue
│   ├── layer
│   │   └── layerMsg.vue
│   └── mixin
│       └── mixin.js
├── config
│   ├── async
│   │   ├── env.js
│   │   └── fetch.js
│   └── common.js
├── layouts
│   ├── README.md
│   └── default.vue
├── middleware
│   └── README.md
├── nuxt
│   ├── App.js
│   ├── client.js
│   ├── components
│   │   ├── no-ssr.js
│   │   ├── nuxt-child.js
│   │   ├── nuxt-error.vue
│   │   ├── nuxt-link.js
│   │   ├── nuxt-loading.vue
│   │   └── nuxt.js
│   ├── empty.js
│   ├── index.js
│   ├── loading.html
│   ├── middleware.js
│   ├── router.js
│   ├── server.js
│   ├── store.js
│   ├── utils.js
│   └── views
│       ├── app.template.html
│       └── error.html
├── nuxt.config.js
├── package.json
├── pages
│   ├── chat
│   │   └── _index.vue
│   ├── classify.vue
│   ├── conf
│   │   └── _index.vue
│   ├── courseDetail
│   │   └── _index.vue
│   ├── coursehome.vue
│   ├── discount
│   │   └── _index.vue
│   ├── index.vue
│   ├── login.vue
│   ├── myWallet
│   │   └── _index.vue
│   ├── oneself.vue
│   ├── order
│   │   └── payOrder.vue
│   ├── orderList
│   │   └── _index.vue
│   ├── paySuccess
│   │   └── _index.vue
│   ├── search
│   │   └── searchPage.vue
│   ├── shoppingCart.vue
│   ├── submitOrder
│   │   └── _index.vue
│   └── subscribe
│       └── _index.vue
├── plugins
│   ├── README.md
│   └── axios.js
├── server
│   ├── api
│   │   ├── controller
│   │   │   ├── cart
│   │   │   │   └── index.js
│   │   │   ├── course
│   │   │   │   └── index.js
│   │   │   ├── home
│   │   │   │   └── index.js
│   │   │   ├── interface.js
│   │   │   ├── login
│   │   │   │   └── index.js
│   │   │   ├── order
│   │   │   │   └── index.js
│   │   │   ├── paramsFilter.js
│   │   │   └── router.js
│   │   ├── index.js
│   │   ├── model
│   │   │   ├── db.js
│   │   │   ├── settings.js
│   │   │   └── sql.js
│   │   └── redis
│   │       └── redis.js
│   └── index.js
├── static
│   ├── README.md
│   ├── common
│   │   ├── common.css
│   │   └── style.sass
│   ├── favicon.ico
│   └── img
├── store
│   ├── README.md
│   ├── index.js
│   ├── mutation-types.js
│   └── mutations.js
├── yarn-error.log
└── yarn.lock`

complete

  1. 首页渲染
  2. 课程的分类搜索
  3. 课程 按 (智能排序 价格最高 价格最低 老师好评 人气最高) 排序
  4. 课程 按 (班级类型 活动优惠 上课时间(周一到周日) 具体时间(上午下午晚上) 价格区间) 筛选
  5. 完成课程列表的下拉加载更多
  6. 课程详情
  7. 预约试听
  8. 分类页面
  9. 我的页面
  10. 提交订单
  11. 登录、注册
  12. 设置页面
  13. 优惠券页面
  14. 钱包页面
  15. 购物车 (添加购物车 删除购物车 结算购物车 购物车批量提交订单)
  16. 我的订单 (全部订单 待付款 交易成功)
  17. redis (首页缓存 分页缓存)
  18. 阿里云部署

project screenshots

Email: 8889999i@gmail.com vx: node-s

build Setup

# install dependencies
$ yarn install

# serve with hot reload at 127.0.0.1:3000 (Must be)
$ yarn dev