星域后台管理系统前端介绍

项目简介

本项目前端基于当下流行且常用的vue3作为主要技术栈进行开发，融合了typescript和element-plus-ui，提供暗黑模式和白昼模式两种主题以及全屏切换，开发bug少，简单易学，项目后端采用了python的django框架作为开发模块。

目前正在搭建到网络服务器中。项目会不定期更新喜欢的朋友赶紧收藏起来吧

项目开源仓库地址

django-vue3: 遥遥领先，免费开源使用django+vue3构建的一个前后端分离项目。后端主要使用的技术栈以及工具：django+redis。前端主要使用的技术栈以及框架：vue3+ts+element-plus+pinia+echarts。前后端代码全部开源且不定期更新代码。喜欢的朋友别忘了给个star收藏起来哟。

项目预览地址

PC端

域名： 星域平台学习系统

移动端

域名：星域学习平台

框架以及使用技术栈介绍

前端主要采用了vue3+ts+element-plus-ui+echarts+axios+pinai等技术栈和框架搭建

| 技术栈框架 | 官方地址 | 简介 |

| vue3 | https://cn.vuejs.org/ | 易学易用，性能出色，适用场景丰富的 Web 前端框架 |

| typescript | https://www.tslang.cn/ | JavaScript的一个超集，强类型语言 |

| element-plus-ui | https://element-plus.gitee.io/zh-CN/ | 基于 Vue 3，面向设计师和开发者的组件库 |

| axios | https://www.axios-http.cn/ | Axios 是一个基于 promise 的网络请求库，可以用于浏览器和 node.js。使用简单,包尺寸小且提供了易于扩展的接口。 |

| pinia | https://pinia.vuejs.org/zh/ | 符合直觉的 Vue.js 状态管理库 |

| echarts | https://echarts.apache.org/zh/index.html | 一个基于 JavaScript 的开源可视化图表库 |

安装

使用了yarn作为包管理工具，安装使用

```javascript

yarn

```

直接进行安装

运行

```javascript

yarn run serve

```

打包

```

yarn run build

```

项目截图

登录和首页

**暗黑主题模式**

**白昼主题模式**

书店管理（书籍管理，借书管理）

**书籍管理**

**借书管理**

古文学习（古诗词学习，古籍学习）

**古诗词学习**

移动端截图

星域后台管理系统后端介绍

项目简介

后端主要使用python语言进行开发，python简单易学，其中的django框架更是web系统开发的一个超级大利器，很多的和web相关的内置模块使得开发轻松快捷，很多时候一句代码就能解决大部分需求，使用ORM对数据库操作，减少了sql注入风险的同时，也对我们操作数据库提供了极大的便利。本项目主要使用python3.8加django4，安装时请注意相关版本。

软件架构

- 主要使用三个模块：python+django+redis

- 数据库方面使用简单的sqlite3（django项目搭建时会默认使用sqlite3且可以直接使用），不用像MySQL一样需要安装软件，简洁高效

- 主要使用的第三方库：

- Django==4.1

- django-celery-beat==2.5.0

- django-celery-results==2.5.0

- django-cors-headers==3.13.0

- django-filter==21.1

- django-import-export==3.2.0

- django-simple-history==3.3.0

- django-simpleui==2023.3.1

- django-timezone-field==5.0

- djangorestframework==3.13.1

- djangorestframework-simplejwt==5.2.2

- PyJWT==2.6.0

- redis==4.5.4

- pycryptodome==3.19.0

- pycryptodomex==3.19.0

- Pillow==9.5.0

* python的安装的主要第三方库请查看本目录下的：***requirements.txt*** 文件

安装命令：

```python

pip install requirements.txt -r

```

- 用户验证方面没有使用django的jwt模块，而是使用了标准库的PyJWT模块，使用这个模块的好处是可以通过对token的验证更大的自由性，可以由开发者自己决定对token的验证规则（当然，内置的一些不可更改的规则还是不能改的）

使用教程

1. **【首先启动redis】** 请先打开本项目的 “Redis-x64-5.0.14.1” 目录而后双击启动

```

redis-server.exe

```

2. **【其次启动django】** 打开cmd窗口使用命令（默认使用的9000端口，可自行修改）：

```

python manage.py runserver http://127.0.0.1:9000

```

后端管理平台可视化模块截图（simple-ui）

后端代码和数据集部分截图

参与贡献

- 目前开源仅限本人开发，不定期更新