Coder Social home page Coder Social logo

zshop's Introduction

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

在线预览效果地址:http://120.25.167.14: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/

zshop's People

Contributors

halloffamezwx avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

zshop's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.