之前我们分别学习了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、学习目标以及概述相关推荐

  1. 前端学习(1845)vue之电商管理系统项目实战的学习目标

  2. vue 动态添加class_前端开发:Vue项目实战-Music

    大家好,我来了,本期为大家带来的前端开发知识是"前端开发:Vue项目实战-Music",有兴趣做前端的朋友,和我一起来看看吧! 主要内容 项目环境搭建 路由导航实现 ListVie ...

  3. vue 将字符串最后一个字符给替换_前端开发:Vue项目实战-Music

    大家好,我来了,本期为大家带来的前端开发知识是"前端开发:Vue项目实战-Music",有兴趣做前端的朋友,和我一起来看看吧! 主要内容 项目环境搭建 路由导航实现 ListVie ...

  4. 1.vue项目实战笔记(已完结)

    vue项目实战笔记 目标 目录 1.项目概述 1.1电商项目基本业务概述 1.2电商后台管理系统的功能 1.3电商后台管理系统的开发模式(前后端分离) 1.4电商后台管理系统的技术选型 1.前端项目技 ...

  5. 【VUE项目实战】68、使用pm2管理项目

    接上篇<67.上线-开启gzip和配置HTTPS服务> 上一篇我们学习了如何开启gzip配置来减少文件访问体积,并配置HTTPS服务.本篇我们讲解一下如何使用pm2管理项目. 本篇是该系列 ...

  6. 【VUE项目实战】64、CND优化ElementUI以及首页内容定制

    接上篇<63.指定打包入口及加载外部CDN资源> 上一篇我们为开发模式与发布模式制定不同的打包入口,然后为项目加载外部CDN资源.本篇我们来学习通过CND优化ElementUI的打包,以及 ...

  7. Vue项目实战 —— 后台管理系统( pc端 )

    前期回顾 我只写注释 -- 让Ai写代码_的博客-CSDN博客前期回顾 Vue项目实战 -- 哔哩哔哩移动端开发-- 第二篇_的博客-CSDN博客https://blog.csdn.net/m0_57 ...

  8. 【VUE项目实战】32、权限管理-实现角色列表

    接上篇<31.权限管理-实现权限列表> 上个阶段我们完成了权限管理模块,本篇我们来介绍用户.角色和权限三者的关系,并完成角色管理列表模块. 一.权限管理业务分析 通过权限管理模块,控制不同 ...

  9. Vue项目实战 —— 哔哩哔哩移动端开发—— 第一篇

    目录 前言完 效果图 : 登录含签权 注册带正则 个人中心 下拉加载更多主页 修改个人中心 视频播放加关注+收藏 评论盖楼A回复B B回复C C回复A类似 项目开始 封装登录.注册 封装登录 从零到一 ...

最新文章

  1. 坚持不懈,直到成功-I will persist. I will win.
  2. 对Python参数类型详解以及学习中遇到的坑
  3. 字符串常量池StringTable 你真的了解么
  4. CM: 关于删除attachment时是否需要commit work的问题
  5. 在Virtualbox下为Ubuntu16.04开机自动挂载共享目录的最佳方法
  6. Spring boot (5):Spring data jpa 的使用
  7. php交友盲盒系统源码_免公众号已对接彩虹易支付
  8. 生成纯字母随机编号的示例(大小写混合).sql
  9. python读取文件最后几行_python读取文件最后一行两种方法
  10. 学习web前端,合理的学习路线,如何成为一个合格的前端工程师
  11. Qt中一个.cpp类的函数调用另一个.cpp中类的函数的方法
  12. linux环境变量中无cc,Linux环境变量
  13. sql server 连接
  14. HDU1010【走迷宫】Tempter of the Bone-------2015年1月26日
  15. linux中ldap管理工具,LDAP管理工具Mac版-LDAP Admin Tool for Mac下载 V7.2-PC6苹果网
  16. 现代信号处理——阵列信号处理(空域滤波原理及其算法)
  17. ssd网络详解之detection output layer
  18. java基础简答题1
  19. 深度学习理论与技术的重点研究方向
  20. Presto常用语句整理

热门文章

  1. 复旦大学计算机考研学硕,13年复旦大学考研:写个所有纠结学硕的学弟学妹们...
  2. OpenGL之矩阵相乘
  3. int在64位操作系统中占多少位?
  4. 淘宝发布“避冬”锦囊,9成剁手党必备秋裤,搓澡巾成山东人最爱?
  5. chrome,ff浏览器默认行高
  6. 罗大佑十年磨一剑,《美丽岛》正式发行
  7. 极米科技的高光与暗影
  8. 第五节sed与awk
  9. TCP握手过程(正解版)
  10. Redux VS Mobox