# xdclass-management-system

**Repository Path**: lennywang/xdclass-management-system

## Basic Information

- **Project Name**: xdclass-management-system
- **Description**: 小滴课堂后台管理系统前端
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-01-10
- **Last Updated**: 2024-01-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# xd-management-system

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).


【课程来源】小滴课堂 
【课程名称】全新elementUI项目实战教程Vue整合Echarts后台权限 
【系统名称】小滴课堂后台管理系统

1、npm报错：npm ERR! cb.apply is not a function
https://blog.csdn.net/qq_38290251/article/details/111933417

2、'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
https://www.cnblogs.com/mooncake-wong/p/11645783.html

3、npm install 报错 cb.apply is not a function
https://www.jianshu.com/p/464234d12ac8

4、yarn报错error An unexpected error occurred: “https://registry.yarnpkg.com...connect ETIMEDOUT...
https://blog.csdn.net/qq_45812488/article/details/119593940

20220203

align-items: center;
Flex 布局教程：语法篇
https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

require
vue中import和require的用法
https://www.cnblogs.com/zhilu/p/13780608.html

vuex : modules

20220204
...mapState
...mapGetters

理解Vuex的辅助函数mapState, mapActions, mapMutations用法
https://www.cnblogs.com/tugenhua0707/p/9794423.html

...mapState 和 ...mapMutations入门使用
https://www.jianshu.com/p/f6433ae3af54

20220206

<router-view />

20220208

yarn add vue-router@3.0 -S

const routes = [
  {
    path: '/',
    component: () => import('@/views/Main'),
    children: [
      {
        path: '/',
        name: 'home',
        component: () => import('@/views/Home'),
      }
    ]
  }
]


vue ehcarts出现 “TypeError: Cannot read property ‘init‘ of undefined“报错解决
https://blog.csdn.net/zhgweb/article/details/116892800

opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error‘ ]
https://blog.csdn.net/qq_43784821/article/details/131303825

BUG
1、首页折线图 ✔
2、表格横向滚动条、竖向滚动条 ✔ 
 => el-table的 height属性，不要写成 style="height:90%"，而是写成height="90%"
 => 解决问题办法：对比法，对比我的代码跟老师的代码
3、表格添加序号列 ✔
4、刷新后无菜单 ✔


问题
1、Vue.js not detected ✔
2、Problom 处理

未完成
①图表
②菜单


inline
行内表单模式与非行内表单模式在显示和布局上有一些区别。

行内表单模式将所有控件都放在一行内显示，控件的宽度通常会自动调整以适应其内容。这种模式通常用于简单的表单，例如登录表单，用户名和密码输入框都显示在同一行。这种模式使得表单更紧凑，减少用户的点击次数和操作步骤。

非行内表单模式则将表单控件以块级元素显示，每个控件占据一行。这种模式允许更灵活的布局，可以通过调整间距、边距和宽度等属性来定制表单的外观。非行内表单模式适合于创建复杂的表单，例如注册表单，需要填写多个字段，每个字段都有相应的标签和输入框。






css中&
参考文档：https://blog.csdn.net/qq_43916187/article/details/134034290

&- ：连接父元素和子元素的类名
.btn {
  &-primary {
    background-color: #007bff;
    color: #fff;
  }
}

编译出来的结果是在btn后面拼接了类名:
.btn-primary {  
   background-color: #007bff;
   color: #fff;
}

&. ：连接父元素和子元素的类名
   编译出来的结果是同一个元素，有两个类名，两个类名之间没有空格

&-、&.：由Sass和Less等CSS预处理器提供



vuex ✔
计算属性

ref 
v-for
:index标签属性   



组件设计思路