Skip to content

wagnxx/zshop

 
 

Repository files navigation

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

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

一 部署方式:

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

二 涉及的技术框架:

1 前端:weui.cssjqueryjquery.spinnerrequirejsswiper-4.1.6vuevue-resource
2 后端:koa2koa-bodyparserkoa-routernunjucksmimemzkoa-compresssequelizemysqlkoa-session2log4jsmoment

三 工程目录的主要结构:
|-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    //依赖的库

四 一些截图:

image image image image image image image image

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

image

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

About

zshop是一个nodejs写的商城系统

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 81.7%
  • HTML 15.9%
  • CSS 1.4%
  • TSQL 1.0%