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 相关文章推荐
JQuery 获取和设置Select选项的代码
Feb 07 Javascript
extjs render 用法介绍
Sep 11 Javascript
jquery form 加载数据示例
Apr 21 Javascript
ext中store.load跟store.reload的区别示例介绍
Jun 17 Javascript
jQuery判断多个input file 都不能为空的例子
Jun 23 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
Aug 21 Javascript
Bootstrap每天必学之表单
Nov 23 Javascript
js编写一个简单的产品放大效果代码
Jun 27 Javascript
解决vue-cli项目webpack打包后iconfont文件路径的问题
Sep 01 Javascript
JavaScript 严格模式(use strict)用法实例分析
Mar 04 Javascript
详解node.js创建一个web服务器(Server)的详细步骤
Jan 15 Javascript
vue 实现上传组件
May 31 Vue.js
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
LotusPhp笔记之:基于ObjectUtil组件的使用分析
2013/05/06 PHP
PHP的switch判断语句的“高级”用法详解
2014/10/01 PHP
基于PHP如何把汉字转化为拼音
2015/12/11 PHP
使用IE6看老赵的博客 jQuery初探
2010/01/17 Javascript
in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
2011/07/26 Javascript
推荐30个新鲜出炉的精美 jQuery 效果
2012/03/26 Javascript
THREE.JS入门教程(2)着色器-上
2013/01/24 Javascript
js实现在页面上弹出蒙板技巧简单实用
2013/04/16 Javascript
查找iframe里元素的方法可传参
2013/09/11 Javascript
jQuery源码解读之removeClass()方法分析
2015/02/20 Javascript
学习javascript面向对象 掌握创建对象的9种方式
2016/01/04 Javascript
JavaScript中ES6 Babel正确安装过程
2016/07/18 Javascript
AngularJS 基础ng-class-even指令用法
2016/08/01 Javascript
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
2017/01/29 Javascript
ES5学习教程之Array对象
2017/04/01 Javascript
解决Webpack 热部署检测不到文件变化的问题
2018/02/22 Javascript
JS实现水平遍历和嵌套递归操作示例
2019/08/15 Javascript
element-ui中按需引入的实现
2019/12/25 Javascript
Python简单连接MongoDB数据库的方法
2016/03/15 Python
Flask框架各种常见装饰器示例
2018/07/17 Python
通过shell+python实现企业微信预警
2019/03/07 Python
Python如何使用内置库matplotlib绘制折线图
2020/02/24 Python
新手学习Python2和Python3中print不同的用法
2020/06/09 Python
python 发送邮件的示例代码(Python2/3都可以直接使用)
2020/12/03 Python
matplotlib交互式数据光标mpldatacursor的实现
2021/02/03 Python
北京某公司的.net笔试题
2014/03/20 面试题
八年级语文教学反思
2014/02/11 职场文书
2015年安全保卫工作总结
2015/05/14 职场文书
2015年监理个人工作总结
2015/05/23 职场文书
2016廉洁教育心得体会
2016/01/20 职场文书
2019各种承诺书范文
2019/06/24 职场文书
创业计划书之奶茶店开店方案范本!
2019/08/06 职场文书
详解Python魔法方法之描述符类
2021/05/26 Python
利用Python第三方库实现预测NBA比赛结果
2021/06/21 Python
Mysql数据库中datetime、bigint、timestamp来表示时间选择,谁来存储时间效率最高
2021/08/23 MySQL
详细聊聊浏览器是如何看闭包的
2021/11/11 Javascript