{"id":13536451,"url":"https://github.com/huangche007/vue-jd","last_synced_at":"2025-04-02T03:30:46.198Z","repository":{"id":46145445,"uuid":"87599507","full_name":"huangche007/vue-jd","owner":"huangche007","description":"基于nodejs+mysql实现的仿京东商城项目","archived":false,"fork":false,"pushed_at":"2022-01-29T06:57:50.000Z","size":1562,"stargazers_count":573,"open_issues_count":1,"forks_count":269,"subscribers_count":30,"default_branch":"master","last_synced_at":"2024-11-03T01:33:16.611Z","etag":null,"topics":["axios","mysql","nodejs","vuejs"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/huangche007.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-04-08T01:36:11.000Z","updated_at":"2024-10-21T02:57:57.000Z","dependencies_parsed_at":"2022-08-29T01:51:34.185Z","dependency_job_id":null,"html_url":"https://github.com/huangche007/vue-jd","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/huangche007%2Fvue-jd","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/huangche007%2Fvue-jd/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/huangche007%2Fvue-jd/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/huangche007%2Fvue-jd/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/huangche007","download_url":"https://codeload.github.com/huangche007/vue-jd/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246750853,"owners_count":20827792,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["axios","mysql","nodejs","vuejs"],"created_at":"2024-08-01T09:00:39.637Z","updated_at":"2025-04-02T03:30:45.690Z","avatar_url":"https://github.com/huangche007.png","language":"Vue","funding_links":[],"categories":["Demo示例","Vue"],"sub_categories":[],"readme":"# 基于Vue2.0+Vuex+Axios+NodeJs+Express+MySQL实现京东移动web商城\n- 经过一个多月总算完成第一个版本\n## 前端架构\n- 页面结构(H5,CSS3,原生JS)\n- 框架(基于Vue脚手架:vue-cli)进行搭建\n- 数据请求处理框架(Axios)\n- Vue-Router进行路由处理\n- Vue-LazyLoad进行图片赖加载\n\n## 服务端架构\n- 选用NodeJs进行后台开发\n- Express中间件进行服务的配置，路由、请求的处理\n\t- 官网 [http://www.expressjs.com.cn/](http://www.expressjs.com.cn/ \"express官网\")\n- Mysql中间件处理与数据库的\"通信\"\n- Body-Parser中间件进行前端请求参数的获取\n- Cookie-Parser、Cookie-Session进行cookie与session的处理\n\n\n## 数据库选取\n- 采用MySQL进行相关数据库的设计与实现\n\n## 目前项目已实现功能\n1. 首页数据的展示\n2. 分类页数据的展示\n3. 购物车\n4. 我的\n5. 注册\n6. 登录\n7. 商品详情页\n8. 商品搜索\n\n\n## 安装\n\n已安装MySQL数据库，然后导入migou.sql文件\n\n然后通过`npm`安装本地服务第三方依赖模块(需要已安装[Node.js](https://nodejs.org/))\n\n```\ncd vue-jd\n```\n\n```\nnpm install 或 cnpm install(个人比较喜欢使用后者，下载依赖模块速度较快)\n```\n\n```\nnpm run dev\n```\n\n最后开启后台服务\n\n```\nnode server.js\n```\n\n## 目录结构\n\u003cpre\u003e\n.\n├── README.md           \n├── libs               \t\t// 后台常用工具模块的封装，比如格式化事件、MD5加密等\n├── route              \t\t// 后台接口的编写目录\n├── server.js          \t\t// 后台服务的配置文件\n├── webpack.config.js  \t\t// webpack配置文件\n├── index.html         \t\t// 项目入口文件\n├── package.json       \t\t// 项目配置文件\n├── src                \t\t// 生产目录\n│   ├── assets         \t\t// css js 和图片资源\n│   ├── components     \t\t// 各种Vue组件\n│   ├── store          \t\t// vuex状态管理器\n│   ├── App.vue        \t\t// 项目中全局Vue\n│   ├── main.js        \t\t// Webpack 预编译入口\n│   └── router.config.js    // vue路由配置文件\n\u003c/pre\u003e\n\n## 项目效果图\n\n\n![](http://i.imgur.com/hc4Kdcv.png)\n\n![](http://i.imgur.com/e1dli1Y.png)\n\n![](http://i.imgur.com/j9bdh5O.png)\n\n![](http://i.imgur.com/KNlLcjv.png)\n\n![](http://i.imgur.com/m2H0mLg.png)\n\n![](http://i.imgur.com/8GpE1qc.png)\n\n![](http://i.imgur.com/sIfHd0z.png)\n\n\n....未完待续 QQ交流群:526450553已满员，大家可以叫我个人QQ：386271623，拉大家进微信群\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhuangche007%2Fvue-jd","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhuangche007%2Fvue-jd","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhuangche007%2Fvue-jd/lists"}