电商后台管理系统项目介绍和项目初始化

电商后台管理系统项目介绍和项目初始化目录一电商项目基本业务概述二电商后台管理系统功能三电商后台管理系统的开发模式(前后端分离)四电商后台管理系统的技术选型五前端项目初始化步骤六创建新项目七安装element-UI插件八配置element-UI为按需导入九安装axios十码云上创建vue_shop仓库,将初始化项目托管到码云一电商项目基本业务概述根据不同的应用场景,电商系统一般都提供了PC端、移动APP、移动Web、微信小程序等多种终端访问方式。二电商后…

大家好,又见面了,我是你们的朋友全栈君。

目录

一 电商项目基本业务概述

二 电商后台管理系统功能

三 电商后台管理系统的开发模式(前后端分离)

四 电商后台管理系统的技术选型

五 前端项目初始化步骤

六 创建新项目

七 安装 element-UI 插件

八 配置 element-UI 为按需导入

九 安装axios

十 码云上创建 vue_shop 仓库,将初始化项目托管到码云


一 电商项目基本业务概述

根据不同的应用场景,电商系统一般都提供了PC端、移动APP、移动Web、微信小程序等多种终端访问方式。

电商后台管理系统项目介绍和项目初始化

二 电商后台管理系统功能

电商后台管理系统用于管理用户账号、商品分类、商品信息、订单、数据统计等业务功能

电商后台管理系统项目介绍和项目初始化

三 电商后台管理系统的开发模式(前后端分离)

电商后台管理系统整体采用前后端分离的开发模式,其中前端项目是基于Vue技术栈的SPA项目。

电商后台管理系统项目介绍和项目初始化

四 电商后台管理系统的技术选型

1 前端项目技术栈

  • Vue
  • Vue-router
  • Element-UI
  • Axios
  • Echarts

2 后端项目技术栈

  • Node.js
  • Express
  • Jwt
  • Mysql
  • Sequelize

五 前端项目初始化步骤

1 安装 Vue 脚手架

2 通过 Vue 脚手架创建项目

3 配置 Vue 路由

4 配置 Element-UI 组件库

5 配置 axios 库

6 初始化 git 远程仓库

7 将本地项目托管到 Github 或 Gitee 中

六 创建新项目

1 用vue ui创建项目

vue ui

2 创建新项目

电商后台管理系统项目介绍和项目初始化

3 手动配置项目,安装必要组件

电商后台管理系统项目介绍和项目初始化

4 配置为默认hash模式

电商后台管理系统项目介绍和项目初始化

5 保存项目预设

电商后台管理系统项目介绍和项目初始化

七 安装 element-UI 插件

电商后台管理系统项目介绍和项目初始化

八 配置 element-UI 为按需导入

电商后台管理系统项目介绍和项目初始化

九 安装axios

电商后台管理系统项目介绍和项目初始化

十 码云上创建 vue_shop 仓库,将初始化项目托管到码云

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/135619.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • list列表下嵌套多个list_datalist和select的区别

    list列表下嵌套多个list_datalist和select的区别 aspxviewplaincopytoclipboardprint?%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”DataListNesting.aspx.cs” Inherits=”DataListNesting” %>  >  html xmlns=”http://www.w3.org/1

    2022年10月13日
    3
  • 字符串正则匹配leetcode_动态规划的特点

    字符串正则匹配leetcode_动态规划的特点原题链接给你一个字符串 s 和一个字符规律 p,请你来实现一个支持 ‘.’ 和 ‘*’ 的正则表达式匹配。‘.’ 匹配任意单个字符‘*’ 匹配零个或多个前面的那一个元素所谓匹配,是要涵盖 整个 字符串 s的,而不是部分字符串。示例 1:输入:s = “aa” p = “a”输出:false解释:”a” 无法匹配 “aa” 整个字符串。示例 2:输入:s = “aa” p = “a*”输出:true解释:因为 ‘*’ 代表可以匹配零个或多个前面的那一个元素, 在这里前面的元素就是

    2022年8月9日
    7
  • Full GC触发条件总结以及解决策略「建议收藏」

    前言FullGC相对于MinorGC来说,停止用户线程的STW(stoptheworld)时间过长,至少慢10倍以上,所以要尽量避免,首先说一下FullGC可能产生的原因,接着给出排查方法以及解决策略。FullGC产生原因下图为与产生FullGC相关的内存区域,初生代、老年代、以及Metaspace区域。System.gc()方法的调用在代码中调用System…

    2022年4月12日
    217
  • 如何使用Java获取当前时间戳[通俗易懂]

    如何使用Java获取当前时间戳[通俗易懂]要获取Java中的当前时间戳:Timestamptimestamp=newTimestamp(System.currentTimeMillis());//2016-11-1606:43:19.77这是两个Java示例,向您展示如何获取Java中的当前时间戳。(使用Java8更新)1.java.sql.Timestamp获得当前java.sql.Times…

    2022年4月28日
    112
  • pycharm和python idle区别_python新手入门使用自带的IDLE、用pycharm还是visual studio ?…[通俗易懂]

    pycharm和python idle区别_python新手入门使用自带的IDLE、用pycharm还是visual studio ?…[通俗易懂]绝对是VisualStudioCode不信?看图呗输入关键字立马知道用法导入库时有库名提示使用函数的时候有参数提示各种快捷键让你如虎添翼主题随心换更有丰富的扩展以文件夹为单位的项目管理时间线让你清楚地了解代码的变动结合git工具完美地进行项目管理你说,我不用VisualStudioCode用谁呢?什么?你说Pycharm?Pycharm有我VisualStudioCode好看吗?什么…

    2022年8月26日
    5
  • windows下github 出现Permission denied (publickey).解决方法

    windows下github 出现Permission denied (publickey).解决方法

    2021年10月12日
    75

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号