# 基于Vue2.0+Vuex+Axios+NodeJs+Express+MySQL实现京东移动web商城
- 经过一个多月总算完成第一个版本
## 前端架构
- 页面结构(H5,CSS3,原生JS)
- 框架(基于Vue脚手架:vue-cli)进行搭建
- 数据请求处理框架(Axios)
- Vue-Router进行路由处理
- Vue-LazyLoad进行图片赖加载
## 服务端架构
- 选用NodeJs进行后台开发
- Express中间件进行服务的配置,路由、请求的处理
- 官网 [http://www.expressjs.com.cn/](http://www.expressjs.com.cn/ "express官网")
- Mysql中间件处理与数据库的"通信"
- Body-Parser中间件进行前端请求参数的获取
- Cookie-Parser、Cookie-Session进行cookie与session的处理
## 数据库选取
- 采用MySQL进行相关数据库的设计与实现
## 目前项目已实现功能
1. 首页数据的展示
2. 分类页数据的展示
3. 购物车
4. 我的
5. 注册
6. 登录
7. 商品详情页
8. 商品搜索
## 安装
已安装MySQL数据库,然后导入migou.sql文件
然后通过`npm`安装本地服务第三方依赖模块(需要已安装[Node.js](https://nodejs.org/))
```
cd vue-jd
```
```
npm install 或 cnpm install(个人比较喜欢使用后者,下载依赖模块速度较快)
```
```
npm run dev
```
最后开启后台服务
```
node server.js
```
## 目录结构
<pre>
.
├── README.md
├── libs // 后台常用工具模块的封装,比如格式化事件、MD5加密等
├── route // 后台接口的编写目录
├── server.js // 后台服务的配置文件
├── webpack.config.js // webpack配置文件
├── index.html // 项目入口文件
├── package.json // 项目配置文件
├── src // 生产目录
│ ├── assets // css js 和图片资源
│ ├── components // 各种Vue组件
│ ├── store // vuex状态管理器
│ ├── App.vue // 项目中全局Vue
│ ├── main.js // Webpack 预编译入口
│ └── router.config.js // vue路由配置文件
</pre>
## 项目效果图
![](http://i.imgur.com/hc4Kdcv.png)
![](http://i.imgur.com/e1dli1Y.png)
![](http://i.imgur.com/j9bdh5O.png)
![](http://i.imgur.com/KNlLcjv.png)
![](http://i.imgur.com/m2H0mLg.png)
![](http://i.imgur.com/8GpE1qc.png)
![](http://i.imgur.com/sIfHd0z.png)
....未完待续 QQ交流群:526450553已满员,大家可以叫我个人QQ:386271623,拉大家进微信群
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
基于Vue2.0+Vuex+Axios+NodeJs+Express+MySQL实现京东移动web商城经过一个多月的总算完成了第一个版本前端建筑页面结构(H5,CSS3, BrassJS)框架(基于Vue脚手架:vue-cli)进行搭建数据请求处理框架(axios)Vue-Router进行路由处理Vue-LazyLoad进行图片赖加载服務端架構使用NodeJs进行后台开发Express中间件进行服务的配置,路由、请求的处理官网http://www.expressjs.com.cn/Mysql中间件处理与数据库的“通信”Body-Parser中间件进行接口请求参数的获取Cookie-Parser、Cookie-Session进行cookie与session的处理数据库采用MySQL进行相关数据库的设计与实现目前项目实现功能首页产品展示分类页程序展示购物车我的注册博客商品详情页商品搜索安装安装MySQL数据库,然后导入已migou.sql文件然后通过npm安装本地服务第三方依赖模块(需要已安装Node.js )cd vue-j
资源推荐
资源详情
资源评论
收起资源包目录
基于nodejs+mysql实现的仿京东商城项目.zip (121个子文件)
.babelrc 84B
cart.css 6KB
index.css 5KB
detail.css 4KB
mine.css 3KB
base.css 2KB
searchpage.css 2KB
category.css 2KB
reg.css 1KB
login.css 1KB
loading.gif 878B
.gitignore 59B
index.html 979B
l6.jpg 199KB
l4.jpg 162KB
l3.jpg 113KB
l5.jpg 103KB
l1.jpg 101KB
l2.jpg 91KB
l8.jpg 57KB
l7.jpg 32KB
test.jpg 14KB
biubiu.jpg 13KB
my_icon.jpg 9KB
banner_1.jpg 9KB
buy-pro1.jpg 6KB
huo5.jpg 1KB
index.js 8KB
index.js 5KB
category.js 3KB
main.js 2KB
cart.js 2KB
webpack.config.js 2KB
server.js 1KB
router.config.js 902B
mutations.js 530B
actions.js 404B
common.js 280B
index.js 221B
getter.js 213B
index.js 184B
package.json 1KB
READ.md 3KB
README.md 2KB
banner_1.png 144KB
err.png 112KB
userbg.png 44KB
jd-search-sprites.png 30KB
sprites.png 24KB
jd-sprites.png 21KB
nav7.png 9KB
nav4.png 9KB
nav1.png 8KB
nav3.png 8KB
jd_skill.png 8KB
nav0.png 8KB
cart_sprits_all.png 7KB
nav2.png 7KB
nav5.png 6KB
focus-icon.png 6KB
nav8.png 6KB
nav9.png 6KB
nav6.png 5KB
scroll-to-top-icon.png 4KB
tuihuan.png 3KB
none.png 3KB
wuliu.png 3KB
n-find.png 3KB
waitpay.png 3KB
n-me.png 3KB
shop-icon.png 3KB
n-cart.png 3KB
sprits_btm_new.png 3KB
n-catergry.png 3KB
a-home.png 2KB
seckill-icon.png 2KB
icon-updown-arrow.png 2KB
baitiao1.png 2KB
safe_icon.png 2KB
vip.png 2KB
bai3.png 2KB
bai4.png 2KB
huo3.png 1KB
huo2.png 1KB
buy-logo.png 1KB
baitiao2.png 1KB
huo1.png 1KB
mypackage.png 1KB
my_order_icon.png 1KB
delete_down.png 1KB
huo4.png 1KB
delete_up.png 1KB
header-bg.png 952B
myigou.sql 752KB
资源内容.txt 992B
标签.txt 27B
MineMain.vue 8KB
HomeMain.vue 4KB
SearchMain.vue 4KB
GoodsDetail.vue 4KB
共 121 条
- 1
- 2
资源评论
徐浪老师
- 粉丝: 8585
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 吐鲁番地区实验中学教育管理规章制度(汇编).doc
- 体育教学评课稿.doc
- 外研版小学英语四年级(下册)知识点总结复习资料.doc
- 微观经济学(练习试题2及答案).doc
- 我国上市公司信息披露问题的探究.doc
- 微型计算机控制技术第4章习题答案.doc
- 小学生课外阅读现状分析报告.doc
- 物价知识培训教材.doc
- 新人版小学三年级语文第四单元.doc
- 小学数学作业批改评语集锦.doc
- 学生社会实践活动报告[精选多篇].doc
- 学校食堂自查报告[精选多篇].doc
- 新人版小学五年级上册英语教学计划.doc
- 移动L1认证考试代维传输线路题库一.doc
- 易班知识竞赛题库完整.doc
- 有效教学的三条铁律.doc
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功