摘要:项目地址经过一个多月总算完成第一个版本前端架构页面结构原生框架基于脚手架进行搭建数据请求处理框架进行路由处理进行图片赖加载服务端架构选用进行后台开发中间件进行服务的配置,路由请求的处理官网中间件处理与数据库的通信中间件进行前端请求参
项目地址https://github.com/huangche00...
经过一个多月总算完成第一个版本
前端架构页面结构(H5,CSS3,原生JS)
框架(基于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进行相关数据库的设计与实现
目前项目已实现功能首页数据的展示
分类页数据的展示
购物车
我的
注册
登录
商品详情页
商品搜索
PC端仿京东首页https://github.com/huangche007/jd
安装已安装MySQL数据库,然后导入migou.sql文件
然后通过npm安装本地服务第三方依赖模块(需要已安装Node.js)
cd vue-jd
npm install 或 cnpm install(个人比较喜欢使用后者,下载依赖模块速度较快)
npm run dev
最后开启后台服务
node server.js目录结构
项目效果图
.
├── 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路由配置文件
....未完待续 QQ交流群:526450553
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/82397.html
摘要:项目地址经过一个多月总算完成第一个版本前端架构页面结构原生框架基于脚手架进行搭建数据请求处理框架进行路由处理进行图片赖加载服务端架构选用进行后台开发中间件进行服务的配置,路由请求的处理官网中间件处理与数据库的通信中间件进行前端请求参 项目地址https://github.com/huangche00... 经过一个多月总算完成第一个版本 前端架构 页面结构(H5,CSS3,原生JS)...
平日学习接触过的网站积累,以每月的形式发布。2017年以前看这个网址:http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码 十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用 扩展JavaScript语法记录 - 掉坑初期工具 汉字拼音转换...
平日学习接触过的网站积累,以每月的形式发布。2017年以前看这个网址:http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码 十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用 扩展JavaScript语法记录 - 掉坑初期工具 汉字拼音转换...
平日学习接触过的网站积累,以每月的形式发布。2017年以前看这个网址:http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码 十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用 扩展JavaScript语法记录 - 掉坑初期工具 汉字拼音转换...
阅读 3434·2021-10-13 09:39
阅读 1398·2021-10-08 10:05
阅读 2224·2021-09-26 09:56
阅读 2243·2021-09-03 10:28
阅读 2638·2019-08-29 18:37
阅读 2000·2019-08-29 17:07
阅读 565·2019-08-29 16:23
阅读 2116·2019-08-29 11:24