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 相关文章推荐
javascript 密码强弱度检测万能插件
Feb 25 Javascript
Array栈方法和队列方法的特点说明
Jan 24 Javascript
JavaScript删除数组元素的方法
Mar 20 Javascript
AngularJS 如何在控制台进行错误调试
Jun 07 Javascript
jQueryUI Sortable 应用Demo(分享)
Sep 07 jQuery
vue+Java后端进行调试时解决跨域问题的方式
Oct 19 Javascript
ES6 javascript的异步操作实例详解
Oct 30 Javascript
vue.js2.0点击获取自己的属性和jquery方法
Feb 23 jQuery
vue2.0路由切换后页面滚动位置不变BUG的解决方法
Mar 14 Javascript
js实现无限瀑布流实例方法
Sep 16 Javascript
JS替换字符串中指定位置的字符(多种方法)
May 28 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
Oct 31 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
Linux下将excel数据导入到mssql数据库中的方法
2010/02/08 PHP
浅析php插件 HTMLPurifier HTML解析器
2013/07/01 PHP
PHP实现的购物车类实例
2015/06/17 PHP
基于laravel Request的所有方法详解
2019/09/29 PHP
jQuery插件实现屏蔽单个元素使用户无法点击
2013/04/12 Javascript
js中的前绑定和后绑定详解
2013/08/01 Javascript
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
2013/12/14 Javascript
实用框架(iframe)操作代码
2014/10/23 Javascript
简介JavaScript中Boolean.toSource()方法的使用
2015/06/05 Javascript
AngularJS中的指令全面解析(必看)
2016/05/20 Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
2017/06/22 Javascript
基于Require.js使用方法(总结)
2017/10/26 Javascript
使用DataTable插件实现异步加载数据
2017/11/19 Javascript
微信小程序使用radio显示单选项功能【附源码下载】
2017/12/11 Javascript
详解使用VueJS开发项目中的兼容问题
2018/08/02 Javascript
详解Webpack多环境代码打包的方法
2018/08/03 Javascript
使用Three.js实现太阳系八大行星的自转公转示例代码
2019/04/09 Javascript
Python深入学习之上下文管理器
2014/08/31 Python
详解Python 2.6 升级至 Python 2.7 的实践心得
2017/04/27 Python
Python中的单行、多行、中文注释方法
2018/07/19 Python
基于python实现简单日历
2018/07/28 Python
Python 脚本获取ES 存储容量的实例
2018/12/27 Python
python格式化输出保留2位小数的实现方法
2019/07/02 Python
Flask 上传自定义头像的实例详解
2020/01/09 Python
CSS3 3D立方体效果示例-transform也不过如此
2016/12/05 HTML / CSS
Cotton On美国网站:澳洲时装连锁品牌
2016/10/25 全球购物
诺心蛋糕官网:LE CAKE
2018/08/25 全球购物
印度电子产品购物网站:Vijay Sales
2021/02/16 全球购物
俄语翻译实习生的自我评价分享
2013/11/06 职场文书
新郎父亲婚宴答谢词
2014/01/11 职场文书
小学音乐教学反思
2014/02/05 职场文书
暑假家长评语大全
2014/04/17 职场文书
公开承诺书格式
2014/05/21 职场文书
毕业欢送会致辞
2015/07/29 职场文书
2016暑期社会实践心得体会范文
2016/01/14 职场文书
MySQL 原理与优化之Limit 查询优化
2022/08/14 MySQL