# qf-vanilla-project

**Repository Path**: devape/qf-vanilla-project

## Basic Information

- **Project Name**: qf-vanilla-project
- **Description**: 千锋教育-锋企网站
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-06
- **Last Updated**: 2025-09-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# qf-vanilla-project

原生 JavaScript 项目，参考[千锋教育-锋企网站](https://www.bilibili.com/video/BV1f24y117vp?spm_id_from=333.788.videopod.episodes&vd_source=8a156f430a83c85ce06dff9b5c1bf354&p=4)。

- bootstrap
- echarts
- lodash
- json-server
- fetch

在原来基础之上进行了部分优化。

1. 重新规划目录结构
2. 登录根据角色跳转页面。管理员登录跳转后台，普通用户跳转前台
3. 管理后台侧边栏首页对齐调整

## 部署启动

1. json-server 启动后端

```shell
npm i

json-server db.json --watch
```

2. 浏览器打开 index.html

- 管理员 admin 123456

- 用户 test 123456

## 项目展示

![](/assets/image//1.png)
![](/assets/image//2.png)
![](/assets/image//3.png)
![](/assets/image//4.png)
![](/assets/image//5.png)
![](/assets/image//6.png)
![](/assets/image//7.png)
![](/assets/image//8.png)
![](/assets/image//9.png)