Vue 电商后台管理项目阶段性总结(推荐)
一、阶段总结
该项目偏向前端更多一点,后端API服务是已经搭建好了的,我们只需要用既可以,(但是作为一个全栈开发人员,它的数据库的表设计,RestfulAPI的设计是我们要着重学习的!!!)
这个vue项目是从20204月开始,一直开发直至5月23日部署上线,也算是我的第二个vue的实战项目(其实是熟悉elementUI的使用),在开发过程中使用Vuecil4脚手架进行开发,使用码云作为Git管理仓库,目前已经基本开发完毕,在服务器上也能够正常运行(nginx配置整整用了我两天)
项目仓库:vue_shop
项目地址:运行地址
测试账号:test
测试密码:123456
鉴于可能会出现一些危险的操作,这个测试账号只提供了查询的功能,修改,删除操作就通过权限管理禁用了。(小服务器,没啥值钱的东西,求大佬放过)
二、项目技术栈
2.1前端
前端采用vuecli4脚手架搭建框架,大体使用elementUI美化项目结构,所以需要安装elementUI插件
其次是环境依赖(有开发依赖,有运行依赖),有的功能是有现成的轮子的,直接那来用就好了,比如:
富文本编辑器
加载进度条
图表展示功能
第三方http库
2.2后端
后端是已经写好了的,采用express搭建的API服务,返回的数据是JSON格式的数据,所以用起来还是比较舒服的,我们只需要导入数据库,并配置一下数据库信息,就可以跑起来了。也有对应的API文档
后端API文档:传送门
2.3数据库
数据库采用MySQL5.7存储,我们只需要将项目的sql文件导入即可,数据库的表如下
三、项目概要
3.1开发流程
开发流程以及记录在另一博客上了:传送门(感谢My-Belief的分享)
因为使用版本控制工具Git来管理工程,所以每开发一个新模块,就会提交一个新分支:仓库地址
3.2项目预览
登录界面
项目首页
项目模块展示
框架真香
使用node的pm2管理项目
使用node快速关闭一个端口的服务
全局安装:npminstall-gxl_close_port关闭某一个端口(8081)xl_close_port-p8080四、学习资源
哔哩哔哩上有这个资源:B站视频
到此这篇关于Vue电商后台管理项目阶段性总结的文章就介绍到这了,更多相关Vue电商后台管理项目内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票!
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。