`
halloffame
  • 浏览: 54593 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

开源一个nodejs写的商城系统

    博客分类:
  • js
阅读更多

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一下或者扫码请我喝杯咖啡,金额任意。


 感谢阅读!!!

  • 大小: 26.1 KB
  • 大小: 15.1 KB
  • 大小: 14.4 KB
  • 大小: 16.6 KB
  • 大小: 21 KB
  • 大小: 13.5 KB
  • 大小: 12.5 KB
  • 大小: 20.7 KB
  • 大小: 16.6 KB
  • 大小: 16.6 KB
1
0
分享到:
评论
2 楼 halloffame 2018-03-15  
masuweng 写道
多谢楼主分享
客气
1 楼 masuweng 2018-03-15  
多谢楼主分享

相关推荐

Global site tag (gtag.js) - Google Analytics