Vue 电商后台管理项目阶段性总结
Vue 开发电商后台管理系统
- 一、阶段总结
- 二、项目技术栈
- 2.1 前端
- 2.2 后端
- 2.3 数据库
- 三、项目概要
- 3.1 开发流程
- 3.2 项目预览
- 四、学习资源
- 五、招贤纳士
一、阶段总结
该项目偏向前端更多一点,后端 API 服务是已经搭建好了的,我们只需要用既可以,(但是作为一个 全栈开发人员,它的数据库的表设计,Restful API 的设计是我们要着重学习的!!!)
这个vue 项目是从 2020 4月开始,一直开发直至 5月23日 部署上线,也算是我的第二个 vue 的实战项目(其实是熟悉 elementUI 的使用),在开发过程中使用 Vue cil4 脚手架进行开发,使用码云作为 Git 管理仓库, 目前已经基本开发完毕,在服务器上也能够正常运行 (nginx 配置整整用了我两天)
项目仓库:vue_shop
项目地址:运行地址
测试账号:test
测试密码:123456
鉴于可能会出现一些危险的操作,这个测试账号只提供了查询的功能,修改,删除操作就通过权限管理禁用了。(小服务器,没啥值钱的东西,求大佬放过)
二、项目技术栈
2.1 前端
前端采用 vue cli4 脚手架搭建框架,大体使用 elementUI 美化项目结构,所以需要安装 elementUI 插件
其次是环境依赖 (有开发依赖,有运行依赖),有的功能是有现成的轮子的,直接那来用就好了,比如:
- 富文本编辑器
- 加载进度条
- 图表展示功能
- 第三方 http 库
2.2 后端
后端是已经写好了的,采用 express 搭建的 API 服务,返回的数据是 JSON 格式的数据,所以用起来还是比较舒服的,我们只需要导入数据库,并配置一下数据库信息,就可以跑起来了。也有对应的 API 文档
后端 API 文档:传送门
2.3 数据库
数据库采用 MySQL 5.7存储,我们只需要将项目的 sql 文件导入即可,数据库的表如下
三、项目概要
3.1 开发流程
开发流程以及记录在另一博客上了:传送门 (感谢 My-Belief的分享)
因为使用版本控制工具 Git 来管理工程,所以每开发一个新模块,就会提交一个新分支:仓库地址
3.2 项目预览
登录界面
项目首页
项目模块展示
框架真香使用 node 的 pm2 管理项目
使用 node 快速关闭一个端口的服务
- 全局安装: npm install -g xl_close_port
- 关闭某一个端口 ( 8081 )xl_close_port -p 8080
四、学习资源
哔哩哔哩上有这个资源:B站视频
我的手里也有原视频资源及代码,需要的同学可以找我领取~
联系方式:QQ:1225277469
五、招贤纳士
博主我目前大三在读,在学习 SpringBoot、Vue 、Python 爬虫等方面的内容,目前想要打造一款高可用的,前后端分离的全栈式博客系统,具体这个项目大概要多久完成,不好说,因为我也是才刚开始接触 SpringBoot,有很多知识点有待梳理和完善,有意向的小伙伴可以和我联系
邮箱:gorit@qq.com
Vue 电商后台管理项目阶段性总结相关推荐
- 电商项目总结java_Vue 电商后台管理项目阶段性总结(推荐)
一.阶段总结 该项目偏向前端更多一点,后端 API 服务是已经搭建好了的,我们只需要用既可以,(但是作为一个 全栈开发人员,它的数据库的表设计,Restful API 的设计是我们要着重学习的!!!) ...
- Vue电商后台管理系统项目开发实战(一)
前言 当下根据不同的应用场景,电商系统一般都提供了PC端,移动APP,移动Web,微信等多种访问方式.如下图. 不同的客户端共用同一个服务器,数据库,API.本次项目着重设计PC后台管理,供电商后台管 ...
- 10.4 Vue电商后台管理 完善订单模块--用Tab切换对订单进行分类
1. 效果如下: 2. 实现代码 四个el-tab-pane中,< el-table >是一样的: <el-tab-pane name="all" label=& ...
- Vue电商后台管理系统(1)
Vue电商后台管理系统(1) 登录 在components文件夹下创建登录组件,Login.vue,并快速生成template.script和style骨架. 配置路由,进入router文件夹,导入L ...
- scrm电商后台管理、公司管理、店铺管理、特卖活动、营销活动、订单管理、优惠券管理、商品管理、会员管理、标签管理、会员卡、签到配置、积分、拼团、砍价、快递配置、短信配置、充值、运营活动
scrm电商后台管理.公司管理.店铺管理.特卖活动.营销活动.订单管理.优惠券管理.商品管理.会员管理.标签管理.会员卡.签到配置.积分.拼团.砍价.快递配置.短信配置.充值.运营活动 Axure原型 ...
- 超市百货电商app移动端原型+通用模块全局规则说明+超市电商后台管理web端原型+超市电商产品原型及需求文档+业务后台(商品管理+广告管理+活动管理)
作品介绍:Axure原型内容主要包括:超市百货电商app移动端原型+文档变更记录+名词术语说明+产品业务功能框架+通用模块和全局规则说明(消息推送机制+输入提交规则+图片加载机制+权限类提示说明+搜索 ...
- vue考试系统后台管理项目-接口封装调用
上一篇文章 : vue考试系统后台管理项目-登录.记住密码功能_船长在船上的博客-CSDN博客 考试系统后台管理项目介绍: 技术选型:Vue2.0+Element-ui 项目功能介绍: 账户信息模块: ...
- Vue全家桶 - 电商后台管理系统项目开发实录(详)
目录 1. 项目概述 1.1 电商项目基本业务概述 1.2 电商后台管理系统的功能 1.3 电商后台管理系统的开发模式(前.后端分离) 2. 项目初始化 2.1 前端项目初始化步骤 码云相关操作 2. ...
- 电商后台管理---Vue实战
1. 项目概述 1.1 电商项目基本业务概述 根据不同的应用场景,电商系统一般都提供了 PC 端.移动 APP.移动 Web.微信小程序等多种终端访问方式. 1.2 电商后台管理系统的功能 电商后台管 ...
- Vue全家桶-电商后台管理系统项目开发
项目效果展示: 1. 项目概述 1.1 电商项目基本业务概述 一般情况下客户使用的业务服务包括:PC端,小程序,移动web,移动app. 管理员使用的业务服务:PC后台管理端: PC后台管理端的功能 ...
最新文章
- ubuntu14.04LS中安装sogouPingyin
- mplayer-php,jQuery MPlayer网站音乐播放器插件
- dubbo优势_Dubbo与SpringCloud核心组件Ribbon、Hystrix、Feign的优劣势比较
- 萤石网络摄像头服务器稳定吗,萤石摄像头画面稳定性如何?
- yum -y list java* 缓存加载不了_Java开发面试宝典:分布式相关篇
- Educational Codeforces Round 25 G. Tree Queries
- iframe页面相互调用方法
- AAC音频的解码算法
- CPC是什么意思和CPM、CPV有什么不同?
- 中国新能源汽车电机及控制器行业需求态势与十四五方向分析报告2021年版
- mybatis 的大于号 小于号 大于等于 小于等于
- Activiti6.0.0及以上版本集成Activiti Modeler
- python制作地图
- uniapp 抖音授权登录、发布、分享 Ba-Aweme
- Linux系统下tmux的分屏使用
- 【动态规划】多重背包问题
- java工程师待遇_Java程序员的薪资水平如何?
- java实现经纬度查天气_根据经纬度查天气预报
- MeRL:强化学习分配奖励机制的新方法
- indexOf() 与 jquery.inArray()