【VUE项目实战】1、学习目标以及概述
之前我们分别学习了ES6和Vue的基础,下面新开启的系列,是从0开始通过Vue搭建一个电商管理系统,从而学习Vue的具体实战。
以下博文记录,均参考黑马程序员(www.itheima.com)Vue项目实战教学视频,由本人进行学习总结记录。
本篇主要介绍该系列的学习目标以及使用到的技术概述。
一、学习目标
1、能够基于Vue初始化项目
2、能够基于Vue技术栈进行项目开发
3、能够使用Vue的第三方组件进行项目开发
4、能够说出前后端分离的开发模式
总的来说,就是可以使用Vue进行项目的开发,能够利用原生技术和第三方组件,了解常用开发模式。
二、学习目录
1、项目概述
2、项目初始化
3、登录/退出功能
4、主页布局
5、用户管理模块
6、权限管理模块
7、分类管理模块
8、参数管理模块
9、商品管理模块
10、订单管理模块
11、数据统计模块
我们将按照上面的目录,进行逐步学习,搭建项目、进行每一个功能的开发,逐步由基础功能,迈向复杂功能,在编写项目子模块的同时,逐渐了解整个项目的开发流程,以及开发一个项目所需要的各项技术栈。
ok,下面我们先来了解一下项目概述吧。
三、项目概述
本项目实战是基于一个电商平台的项目,所以我们要先了解电商的基本业务概念,才能更好的思考功能设计和开发。
1.电商项目基本业务概述
根据不同的应用场景,电商系统一般都提供了PC端、移动APP、移动Web、微信小程序等多种终端访问方式。
对于经常在网络上购物的同学一定比较了解,我们可以在PC端打开浏览器,直接进行网上购物;亦或是通过微信小程序,打开淘宝或京东的商城小程序,进行购物;也可以在手机浏览器搜索淘宝或京东,会打开移动网页端(移动Web)的商城;当然更方便一些,我们一般会直接在手机上安装电商平台的APP,直接进入APP进行购物。
通过以上购物方式我们可以了解,电商平台一般会提供多种渠道方便我们进行网上购物,每一种对应一种网络终端,及对应一种开发技术。
虽然访问端使用的是不同的终端和不同的技术,但是后端都是同一套服务器和数据库,前端通过API接口访问服务器,后端通过数据库链接访问数据库,进行增删改查。
我们下面要进行的项目实战,主要是针对PC后台管理这个模块来的,其他的模块主要是给外部用户来使用的,而后台管理模块,主要是对电商系统的管理人员来使用的,管理人员可以通过后台管理模块,来进行商品管理、商品分类、查看商品相关的报表数据等运维相关的操作。
本系列博文就主要针对PC后台管理端,进行项目的实战开发。
2、电商后台管理系统的功能
电商后台管理系统用于管理用户账号、商品分类、商品信息、订单、数据统计等业务功能:
下面是几个效果图,下图是后台管理项目的登录页面:
点击登录之后,会进入后台管理系统的主页:
主页分为左侧功能列表区,和右侧主体区。
点开用户管理,可以去管理平台中的用户信息:
点开权限管理,可以进行角色和权限的管理:
点开商品管理,有商品列表、分类参数以及商品分类的功能:
点开订单管理,可以进行订单数据的相关操作:
最后,点击数据统计,可以查看系统的一些数据的统计报表:
后面我们会按照次序,依次实现这些不同的功能模块。
下一篇我们对电商系统的开发模式进行介绍。
转载请注明出处:https://blog.csdn.net/acmman/article/details/117870122
参考:黑马程序员(www.itheima.com)Vue项目实战教学视频
【VUE项目实战】1、学习目标以及概述相关推荐
- 前端学习(1845)vue之电商管理系统项目实战的学习目标
- vue 动态添加class_前端开发:Vue项目实战-Music
大家好,我来了,本期为大家带来的前端开发知识是"前端开发:Vue项目实战-Music",有兴趣做前端的朋友,和我一起来看看吧! 主要内容 项目环境搭建 路由导航实现 ListVie ...
- vue 将字符串最后一个字符给替换_前端开发:Vue项目实战-Music
大家好,我来了,本期为大家带来的前端开发知识是"前端开发:Vue项目实战-Music",有兴趣做前端的朋友,和我一起来看看吧! 主要内容 项目环境搭建 路由导航实现 ListVie ...
- 1.vue项目实战笔记(已完结)
vue项目实战笔记 目标 目录 1.项目概述 1.1电商项目基本业务概述 1.2电商后台管理系统的功能 1.3电商后台管理系统的开发模式(前后端分离) 1.4电商后台管理系统的技术选型 1.前端项目技 ...
- 【VUE项目实战】68、使用pm2管理项目
接上篇<67.上线-开启gzip和配置HTTPS服务> 上一篇我们学习了如何开启gzip配置来减少文件访问体积,并配置HTTPS服务.本篇我们讲解一下如何使用pm2管理项目. 本篇是该系列 ...
- 【VUE项目实战】64、CND优化ElementUI以及首页内容定制
接上篇<63.指定打包入口及加载外部CDN资源> 上一篇我们为开发模式与发布模式制定不同的打包入口,然后为项目加载外部CDN资源.本篇我们来学习通过CND优化ElementUI的打包,以及 ...
- Vue项目实战 —— 后台管理系统( pc端 )
前期回顾 我只写注释 -- 让Ai写代码_的博客-CSDN博客前期回顾 Vue项目实战 -- 哔哩哔哩移动端开发-- 第二篇_的博客-CSDN博客https://blog.csdn.net/m0_57 ...
- 【VUE项目实战】32、权限管理-实现角色列表
接上篇<31.权限管理-实现权限列表> 上个阶段我们完成了权限管理模块,本篇我们来介绍用户.角色和权限三者的关系,并完成角色管理列表模块. 一.权限管理业务分析 通过权限管理模块,控制不同 ...
- Vue项目实战 —— 哔哩哔哩移动端开发—— 第一篇
目录 前言完 效果图 : 登录含签权 注册带正则 个人中心 下拉加载更多主页 修改个人中心 视频播放加关注+收藏 评论盖楼A回复B B回复C C回复A类似 项目开始 封装登录.注册 封装登录 从零到一 ...
最新文章
- 坚持不懈,直到成功-I will persist. I will win.
- 对Python参数类型详解以及学习中遇到的坑
- 字符串常量池StringTable 你真的了解么
- CM: 关于删除attachment时是否需要commit work的问题
- 在Virtualbox下为Ubuntu16.04开机自动挂载共享目录的最佳方法
- Spring boot (5):Spring data jpa 的使用
- php交友盲盒系统源码_免公众号已对接彩虹易支付
- 生成纯字母随机编号的示例(大小写混合).sql
- python读取文件最后几行_python读取文件最后一行两种方法
- 学习web前端,合理的学习路线,如何成为一个合格的前端工程师
- Qt中一个.cpp类的函数调用另一个.cpp中类的函数的方法
- linux环境变量中无cc,Linux环境变量
- sql server 连接
- HDU1010【走迷宫】Tempter of the Bone-------2015年1月26日
- linux中ldap管理工具,LDAP管理工具Mac版-LDAP Admin Tool for Mac下载 V7.2-PC6苹果网
- 现代信号处理——阵列信号处理(空域滤波原理及其算法)
- ssd网络详解之detection output layer
- java基础简答题1
- 深度学习理论与技术的重点研究方向
- Presto常用语句整理