# 基于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)
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
mysql 【作品名称】:基于nodejs+mysql实现的仿京东商城项目 【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【项目介绍】: 前端架构 页面结构(H5,CSS3,原生JS) 框架(基于Vue脚手架:vue-cli)进行搭建 数据请求处理框架(Axios) Vue-Router进行路由处理 Vue-LazyLoad进行图片赖加载 服务端架构 选用NodeJs进行后台开发 Express中间件进行服务的配置,路由、请求的处理 Mysql中间件处理与数据库的"通信" Body-Parser中间件进行前端请求参数的获取 Cookie-Parser、Cookie-Session进行cookie与session的处理 【资源声明】:本资源作为“参考资料”而不是“定制需求”,代码只能作为参考,不能完全复制照搬。不一定能够满足所有人的需求,需要有一定的基础能够看懂代码,能够自行调试代码并解决报错,能够自行添加功能修改代码。
资源推荐
资源详情
资源评论
收起资源包目录
基于nodejs+mysql实现的仿京东商城项目 (118个子文件)
.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
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
MineMain.vue 8KB
HomeMain.vue 4KB
SearchMain.vue 4KB
GoodsDetail.vue 4KB
Loading.vue 3KB
HomeNav.vue 3KB
CartMain.vue 3KB
共 118 条
- 1
- 2
资源评论
小英子架构
- 粉丝: 949
- 资源: 3271
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 运维领域+运维服务方案+IT系统
- openssl-3.1.7.tar.gz【OpenSSL 3.1.7版本源码 】
- openssl-3.2.3.tar.gz 【OpenSSL 3.2.3版本源码 】
- 三维点云提取边缘点-根据协方差矩阵的特征值计算表面变化率
- 069用matlab编写的经典电力系统经济调度程序.rar
- 多文件并发多线程MD5工具(相对快速的MD5一批文件)更新,适配自定义MD5 Hash I/O缓存
- 合地面进行模型拖拽等操作:ProSurfaceSnap v2.0.2
- 风光储燃料电池电解槽微电网仿真(并离网切+一次调频 二次调频) 风光发电MPPT控制,储能电池直流母线电压控制,燃
- 071AHP层次分析法matlab.rar
- openssh-9.9p1的rpm文件
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功