zshop是一个nodejs写的商城系统,看完廖雪峰的《javaScript全栈教程》后,想练练手,已是开始踩坑之路。目前完成了首页,商品搜索,购物车,我的,登录,商品详情,结算等,后面将继续完善其它功能。完善后会把数据库的er图画出来。
在线预览效果地址: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/。