Vue 电商后台管理项目阶段性总结(推荐)


Posted in Javascript onAugust 22, 2020

一、阶段总结

该项目偏向前端更多一点,后端 API 服务是已经搭建好了的,我们只需要用既可以,(但是作为一个 全栈开发人员,它的数据库的表设计,Restful API 的设计是我们要着重学习的!!!)

这个vue 项目是从 2020 4月开始,一直开发直至 5月23日 部署上线,也算是我的第二个 vue 的实战项目(其实是熟悉 elementUI 的使用),在开发过程中使用 Vue cil4 脚手架进行开发,使用码云作为 Git 管理仓库, 目前已经基本开发完毕,在服务器上也能够正常运行 (nginx 配置整整用了我两天)

项目仓库:vue_shop
项目地址:运行地址
测试账号:test
测试密码:123456

鉴于可能会出现一些危险的操作,这个测试账号只提供了查询的功能,修改,删除操作就通过权限管理禁用了。(小服务器,没啥值钱的东西,求大佬放过)

二、项目技术栈

2.1 前端

前端采用 vue cli4 脚手架搭建框架,大体使用 elementUI 美化项目结构,所以需要安装 elementUI 插件

Vue 电商后台管理项目阶段性总结(推荐)

其次是环境依赖 (有开发依赖,有运行依赖),有的功能是有现成的轮子的,直接那来用就好了,比如:

富文本编辑器

Vue 电商后台管理项目阶段性总结(推荐)

加载进度条

Vue 电商后台管理项目阶段性总结(推荐)

图表展示功能

Vue 电商后台管理项目阶段性总结(推荐)

第三方 http 库

Vue 电商后台管理项目阶段性总结(推荐)

2.2 后端

后端是已经写好了的,采用 express 搭建的 API 服务,返回的数据是 JSON 格式的数据,所以用起来还是比较舒服的,我们只需要导入数据库,并配置一下数据库信息,就可以跑起来了。也有对应的 API 文档

后端 API 文档:传送门

2.3 数据库

数据库采用 MySQL 5.7存储,我们只需要将项目的 sql 文件导入即可,数据库的表如下

Vue 电商后台管理项目阶段性总结(推荐)

三、项目概要

3.1 开发流程

开发流程以及记录在另一博客上了:传送门 (感谢 My-Belief的分享)

因为使用版本控制工具 Git 来管理工程,所以每开发一个新模块,就会提交一个新分支:仓库地址

Vue 电商后台管理项目阶段性总结(推荐)

3.2 项目预览

登录界面

Vue 电商后台管理项目阶段性总结(推荐)

项目首页

Vue 电商后台管理项目阶段性总结(推荐)

项目模块展示

Vue 电商后台管理项目阶段性总结(推荐)

框架真香

使用 node 的 pm2 管理项目

Vue 电商后台管理项目阶段性总结(推荐)

Vue 电商后台管理项目阶段性总结(推荐)

使用 node 快速关闭一个端口的服务

全局安装: npm install -g xl_close_port关闭某一个端口 ( 8081 )xl_close_port -p 8080四、学习资源

哔哩哔哩上有这个资源:B站视频

到此这篇关于Vue 电商后台管理项目阶段性总结的文章就介绍到这了,更多相关Vue 电商后台管理项目内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
juqery 学习之五 文档处理 包裹、替换、删除、复制
Feb 11 Javascript
jQuery数据显示插件整合实现代码
Oct 24 Javascript
jquery 滚动条事件简单实例
Jul 12 Javascript
Javascript动画的实现原理浅析
Mar 02 Javascript
javascript基于DOM实现省市级联下拉框的方法
May 14 Javascript
JavaScript性能优化之小知识总结
Nov 20 Javascript
vue生成随机验证码的示例代码
Sep 29 Javascript
利用vue组件自定义v-model实现一个Tab组件方法示例
Dec 06 Javascript
vuex的简单使用教程
Feb 02 Javascript
angularJs使用ng-repeat遍历后选中某一个的方法
Sep 30 Javascript
vue a标签点击实现赋值方式
Sep 07 Javascript
JS前端使用canvas实现物体的点选示例
Aug 05 Javascript
vue实现移动端H5数字键盘组件使用详解
Aug 25 #Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
Aug 21 #Javascript
js实现页面导航层级指示效果
Aug 25 #Javascript
js实现拖拽元素选择和删除
Aug 25 #Javascript
基于vue实现简易打地鼠游戏
Aug 21 #Javascript
vue实现打地鼠小游戏
Aug 21 #Javascript
js实现滑动进度条效果
Aug 21 #Javascript
You might like
PHP与MySQL交互使用详解
2006/10/09 PHP
php strtotime 函数UNIX时间戳
2009/01/14 PHP
九个你必须知道而且又很好用的php函数和特点
2013/08/08 PHP
Zend Framework教程之Resource Autoloading用法实例
2016/03/08 PHP
详谈PHP程序Laravel 5框架的优化技巧
2016/07/18 PHP
php实现微信公众号企业转账功能
2018/10/01 PHP
ThinkPHP3.2框架操作Redis的方法分析
2019/05/05 PHP
javascript编程起步(第四课)
2007/02/27 Javascript
jQuery Ajax之$.get()方法和$.post()方法
2009/10/12 Javascript
基于jquery的一行代码轻松实现拖动效果
2010/12/28 Javascript
精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
2016/07/01 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
2016/08/17 Javascript
JS常用函数和常用技巧小结
2016/10/15 Javascript
C#微信小程序服务端获取用户解密信息实例代码
2017/03/10 Javascript
解读ES6中class关键字
2017/11/20 Javascript
Vue组件之自定义事件的功能图解
2018/02/01 Javascript
vue-cli 默认路由再子路由选中下的选中状态问题及解决代码
2018/09/06 Javascript
基于Three.js实现360度全景图片
2018/12/30 Javascript
微信小程序文字显示换行问题
2019/07/28 Javascript
layui-select动态选中值的例子
2019/09/23 Javascript
JavaScript实现点击自制菜单效果
2021/02/02 Javascript
[47:03]Ti4第二日主赛事败者组 LGD vs iG 2
2014/07/21 DOTA
python计算N天之后日期的方法
2015/03/31 Python
python使用正则表达式的search()函数实现指定位置搜索功能
2017/11/10 Python
Python实现简单http服务器
2018/04/12 Python
Python3单行定义多个变量或赋值方法
2018/07/12 Python
Python参数传递机制传值和传引用原理详解
2020/05/22 Python
HTML5的一个显示电池状态的API简介
2015/06/18 HTML / CSS
关于html字符串正则判断和匹配的具体使用
2019/12/12 HTML / CSS
20世纪40年代连衣裙和复古服装:The Seamstress Of Bloomsbury
2018/07/24 全球购物
高三自我评价
2014/02/01 职场文书
人民教师的自我评价分享
2014/02/21 职场文书
小学校长先进事迹材料
2014/05/13 职场文书
OpenCV-Python实现油画效果的实例
2021/06/08 Python
Spring Boot项目传参校验的最佳实践指南
2022/04/05 Java/Android
Python+DeOldify实现老照片上色功能
2022/06/21 Python