zshop是一个nodejs写的商城系统，看完廖雪峰的《javaScript全栈教程》后，想练练手，已是开始踩坑之路。目前完成了首页，商品搜索，购物车，我的，登录，商品详情，结算等，后面将继续完善其它功能。完善后会把数据库的er图画出来。github地址：https://github.com/halloffamezwx/zshop。

在线预览效果地址：http://120.78.200.74:3000/zshop/（pc浏览器请切换为手机模式）。部署在阿里云上面，centOS 6.5 64位，1核cpu，1g内存，1m带宽，40g普通硬盘，登录手机：18312345678，密码：123456。

一 部署方式：

1 安装node.js（7.6版本以上，因为要支持async/await）； 2 安装mysql数据库（utf-8编码的配置），创建数据库zshop； 3 下载本工程文件，可修改数据库的用户名密码等连接配置（middleware目录下的config-default.js和config-test.js两个配置文件），在根目录下执行npm install下载依赖库，然后执行node init-db.js（初始化数据库表和表数据）； 4 最后在工程根目录下执行node app.js，看到日志app started at port 3000...就代表启动成功了，浏览器访问http://localhost:3000/zshop/（pc浏览器请切换为手机模式）。

二 涉及的技术框架：

1 前端：weui.css，jquery，jquery.spinner，requirejs，swiper-4.1.6，vue，vue-resource； 2 后端：koa2，koa-bodyparser，koa-router，nunjucks，mime，mz，koa-compress，sequelize，mysql， koa-session2，log4js，moment。

三 工程目录的主要结构： |-zshop    |-controllers       //controller    |-html_template   //如果你只需要本项目的那些静态的html文件等    |-middleware    //本项目的koa2的一些middleware    |-models      //数据库实体    |-service       //service    |-static        //静态文件目录，包括图片，js，css等，这部分可以部署在nginx    |-utils         //工具函数目录    |-views       //模板页面文件    |-app.js       //程序主入口文件    |-init-db.js       //执行这个可以初始化数据库表和表数据，谨慎执行    |-init-sql.sql       //init-db.js执行的sql文件    |-LICENSE       //MIT协议，拿走不谢    |-package.json   //依赖的库

四 一些截图：

五 如果你觉得对你有所启发，star一下或者扫码请我喝杯咖啡，金额任意。

六 我的博客：http://zhuwx.iteye.com/。