# sph_bgcontent

**Repository Path**: jwing/sph_bgcontent

## Basic Information

- **Project Name**: sph_bgcontent
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-11-28
- **Last Updated**: 2021-11-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## git的6个基本操作222222

```
1. 创建本地仓库
	创建并配置.gitignore
	git init
	git add .
	git commit -m "init"
	
2. 创建远程仓库
	指定仓库名 ==> 创建
3. 将本地仓库中的代码推送到远程仓库
	git remote add origin https://gitee.com/zxfjd3g/code-210510.git
	git push origin master
4. 本地代码有更新=> 提交到本地仓库并推送到远程仓库
	git add .
	git commit -m "add README"
	git push origin master
5. 远程仓库有更新 => 拉取到本地仓库
	git pull origin master
6. 克隆远程仓库到本地仓库
	git clone url
	
分支操作
	master: 默认主分支 ==> 不在此分支下写代码
	master -> dev: 开发分支 ==> 多个开发共用
	dev -> 个人分支/特性分支  ==> 在此分支上写代码  ==> 完成之后合并dev分支
	
	创建并切换到dev: git checkout -b dev
	将dev分支推送到远程仓库: git push origin dev
	根据dev创建并切换到个人分支: git checkout -b xfzhang_02
	推送个人分支到远程: git push origin xfzhang_02
	
	整体拉取所有分支: git pull
	根据远程的特定分支创建本地特定分支: 
		git checkout -b xfzhang_02   不正确, 它是根据当前本地分支创建新分支
		git checkout -b xfzhang_02 origin/xfzhang_02 根据远程的xfzhang_02分支创建本地对应分支
	
在拉取远程更新前必须保证工作区是干净的
如果有修改, 拉取失败 ==> 如何处理?
查看状态: git status
    方式1: 重置工作区的修改 git restore *
    方式2: 提交到本地仓库 git add . / git commit -m "xxx"
```



### 任务01: 运行潘家成的后台管理模板项目, 并理解主要的文件目录结构

```js
src 
  api # 包含多个接口请求函数模块
    user.js # 用户登陆相关接口请求函数
  assets # 包含一些静态资源, 如图片
  components # 包含一些通用的非路由组件
  icons # 包含svg图标
  layout # 管理界面整体布局
    components/Navbar.vue # 头部导航条组件
  router # 路由相关
  store # vuex相关
    modules/user.js # 用户的vuex子模块
    getters.js # 总的getter计算属性
    index.js # store对象
  styles # 包含一些scss样式模块
  utils # 包含一些工具模块
    auth.js # 存储token的模块
    request.js # axios二次封装的模块
  views # 包含一些路由组件
    login/index.vue # 用户登陆路由组件
  App.vue # 应用根组件
  main.js # 入口js
  permission.js # 使用全局守卫做权限控制的模块
.env.development  # 配置开发环境的变量   代理前缀路径
.env.production # 配置生产环境的变量 代理前缀路径
jsconfig.json # 用于引入模块路径时, 加@后还可以提示
package-lock.json  # 保存了下载的依赖包的准确详细信息
vue.config.js # webpack配置   配置代理等
```



### 任务02: 使用swagger测试 登陆 / 获取用户信息 / 获取品牌分页列表的接口

### 任务03: 理解 '登陆和自动登陆' 的流程

### 任务04: 修改已有代码, 实现 '登陆 / 自动登陆 / 退出登陆' 3个功能

### 任务05: 搭建商品管理相关路由, 理解菜单路由配置

### 任务06: ES6 模块化(ES Module)导出与导入

### 任务07: 定义品牌管理的接口请求函数模块, 并统一管理

### 任务08: 利用element-ui组件快速完成品牌管理界面布局(静态数据)

### 任务09: 动态显示品牌分页列表

### 任务10: 动态显示品牌添加和更新界面