基于vsode开发的一套后台管理

  • 技术选项
    • 一.项目初始化
      • 1.1前端项目初始化步骤
      • 1.2后台管理的环境安装安装配置
      • 1.3登录和退出的功能
      • 1.4主页
    • 把跟新后的代码提交到马云上去
      • 三级目录

技术选项

前端:Vue 、Vue-router 、Element-UI 、 Axios 、Echarts
后端:Node.js 、 Express 、Jwt(状态保持)、Mysql(后台数据库) 、 Sequelize(操作数据库的框架)

一.项目初始化

1.1前端项目初始化步骤


1.1.1检查版本 vue -V如果低于该版本3.0.0,先卸载低版本卸载命令是 npm uninstall -g @vue/cli ,再安装 npm install -g @vue/cli
1.1.2(3) 基于图形化界面自动安装 :window+R cmd vue ui 项目跑起来用npm run serve
开始新建项目

1.1.4创建Element-UI组件



1.1.5 配置axios



1.1.6初始化 马云仓库
生成公钥






生成之后测试


1.1.7将本地项目托管到马云项目中
先创建一个仓库


1.2后台管理的环境安装安装配置

1.3登录和退出的功能

准备工作



登陆页面


1.4主页



调用请求头



把跟新后的代码提交到马云上去






三级目录

PC后台管理( 基于图形化界面自动安装教程)相关推荐

  1. Element-UI 的基本使用||基于图形化界面自动安装

    Element-UI 的基本使用 Element-UI:一套为开发者.设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库. 官网地址为: http://element-cn.eleme.io/ ...

  2. Windows 图形化界面子系统安装教程

    Windows 图形化界面子系统安装教程 文章目录 Windows 图形化界面子系统安装教程 一.概述 二.安装步骤 2.1 安装子系统 2.2 安装图形化界面 2.3 后续 一.概述 为什么需要Wi ...

  3. linux红帽系统、图形化界面详细安装教程

    1.挂载光盘 mount /dev/cdrom /mnt/ #挂载光盘到/mnt/目录下 mkdir /opt/package/ #创建package目录 cp -rf /mnt/* /opt/pac ...

  4. Cent os7 _ LINUX虚拟机安装_设置网络及图形化界面_安装教程

    准备工具(可到官网去下载): 1.VMware Workstation 15.5.6 版本 链接:https://pan.baidu.com/s/1o9w1Em91dYms0zR0fF7u3A 提取码 ...

  5. 基于图形化界面创建Vue项目

    记录:267 场景:基于图形化界面创建Vue项目,便于后续查阅. 环境:Node.js v14.17.3 1.打开cmd控制台 运行命令:vue ui 截图: 2.项目仪表盘 截图: 3.Vue 项目 ...

  6. Samba在CentOS下的图形化界面的安装

    摘要: Samba在CentOS下的图形化界面的安装 第一步:构建yum仓库(在此用的是北交大的yum仓库) 打开目录/etc/yum.repos.d下的CentOS-Base.repo文件,此处是我 ...

  7. Windows远程连接centos7图形化界面,安装xrdp

    Windows远程连接centos7图形化界面,安装xrdp 写在最前面 准备工作 查看ubuntu系统的版本信息和gcc版本 尝试进入图形化界面 更新yum 下载安装图形化界面 查询本地是否有Ser ...

  8. mysql mac 图形化界面_mac安装mysql图形化工具?

    mac安装mysql图形化工具的方法:首先下载mysql图形化工具Navicat Premiun的安装文件:然后点击下载后的dmg文件,拖到application文件夹进行安装,根据安装指导界面的指示 ...

  9. 本地的registry图形化界面harbor安装与使用--02

    harbor图形化 1. 软件准备 harbor2.3.3版本 2. 安装 3. 使用方法 1. 软件准备 harbor2.3.3版本 harbor: https://github.com/gohar ...

最新文章

  1. XFS 文件系统 (一) :设计概览
  2. 认识计算机硬件观评课,观课听课评课评语
  3. 关系数据库概念辨析❤️
  4. LeetCode-337 House Robber III
  5. 【采用】无监督核心聚类算法
  6. 实战02_SSM整合ActiveMQ支持多种类型消息
  7. Git笔记(19) 生成SSH公钥
  8. php中ci框架分页,Codeigniter(CI)框架分页函数及相关知识
  9. [LeetCode] Surrounded Regions, Solution
  10. java 通过网络 ntp 获取网络时间
  11. sketchup 草图 大师 使用笔记
  12. luarocks argparse
  13. arcgis字段计算器python最大余数法计算面积百分比
  14. oracle会计工作总结,EBS 创建会计科目 小结
  15. [Learn Android Studio 汉化教程]Reminders实验:第一部分(续)
  16. pyhton前景之个人愚见
  17. Android 拍照 图片 颠倒90度
  18. inc si指令的作用_亲水作用色谱(HILIC)(二):可选的固定相有哪些?
  19. 解决(Failed to execute goal org.apache.maven.plugins:maven-install-plugin:2.4:ins)
  20. 牛掰了!鸿蒙与Android完美融合,将鸿蒙设备当Android设备用

热门文章

  1. 众创空间和共享办公室有什么不同吗
  2. 利用powershell安装360杀毒
  3. -2岁的产品经理学习日记2020/2/15
  4. Musixtex写五线谱
  5. 一、mysql数据库基本框架
  6. 处理idcard中的特殊字符
  7. 各种经典英美剧中英字幕word文档分享
  8. 618营销新动向:Swisse年轻化产品教育成电商战场新突破口!
  9. HBuilder真机联调iPhone手机设备问题+未受信任企业处理方法
  10. 三款主流数码绘画软件调研分析