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 相关文章推荐
IE6下CSS图片缓存问题解决方法
Dec 09 Javascript
Javascript的数组与字典用法与遍历对象的属性技巧
Nov 07 Javascript
如何用ajax来创建一个XMLHttpRequest对象
Dec 10 Javascript
firefox下jquery iframe刷新页面提示会导致重复之前动作
Dec 17 Javascript
window.onload和$(function(){})的区别介绍
Oct 30 Javascript
JavaScript实现给按钮加上双重动作的方法
Aug 14 Javascript
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
Mar 15 Javascript
vue 组件中添加样式不生效的解决方法
Jul 06 Javascript
老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)
Sep 19 Javascript
JQuery获取元素尺寸、位置及页面滚动事件应用示例
May 14 jQuery
jQuery实现雪花飘落效果
Aug 02 jQuery
JavaScript 实现轮播图特效的示例
Nov 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
Terran兵种对照表
2020/03/14 星际争霸
提交表单后 PHP获取提交内容的实现方法
2016/05/25 PHP
php实现的一段简单概率相关代码
2016/05/30 PHP
ecshop适应在PHP7的修改方法解决报错的实现
2016/11/01 PHP
cakephp2.X多表联合查询join及使用分页查询的方法
2017/02/23 PHP
[企业公众号]升级到[企业微信]之后发送消息失败的解决方法
2017/06/30 PHP
phpfpm的作用和用法
2019/10/10 PHP
用JS做的简单的可折叠的两级树形菜单
2013/09/21 Javascript
jquery分页插件jquery.pagination.js实现无刷新分页
2016/04/01 Javascript
jQuery下拉菜单的实现代码
2016/11/03 Javascript
如何获取元素的最终background-color
2017/02/06 Javascript
Vue.js搭建移动端购物车界面
2020/06/28 Javascript
ES6使用export和import实现模块化的方法
2018/09/10 Javascript
Vue 配合eiement动态路由,权限验证的方法
2018/09/26 Javascript
vue项目实现图片上传功能
2019/12/23 Javascript
跟老齐学Python之编写类之一创建实例
2014/10/11 Python
Python从MP3文件获取id3的方法
2015/06/15 Python
初学python的操作难点总结(新手必看篇)
2017/08/03 Python
python微信公众号之关注公众号自动回复
2018/10/25 Python
Python计算一个点到所有点的欧式距离实现方法
2019/07/04 Python
Python提取PDF内容的方法(文本、图像、线条等)
2019/09/25 Python
TensorFlow基本的常量、变量和运算操作详解
2020/02/03 Python
将python字符串转化成长表达式的函数eval实例
2020/05/11 Python
让Django的BooleanField支持字符串形式的输入方式
2020/05/20 Python
Python requests接口测试实现代码
2020/09/08 Python
Python+Opencv实现把图片、视频互转的示例
2020/12/17 Python
美国电子产品主要品牌的授权在线零售商:DataVision
2019/03/23 全球购物
网络工程专业毕业生推荐信
2013/10/28 职场文书
高分子材料与工程专业个人求职信
2013/12/15 职场文书
大学班级干部的自我评价分享
2014/02/10 职场文书
领导干部群众路线对照检查材料
2014/11/05 职场文书
2016年寒假社会实践活动心得体会
2015/10/09 职场文书
2016元旦主持人经典开场白台词
2015/12/03 职场文书
nginx实现发布静态资源的方法
2021/03/31 Servers
pytorch 6 batch_train 批训练操作
2021/05/28 Python
利用Python读取微信朋友圈的多种方法总结
2021/08/23 Python