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

🌿项目简介

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

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

🍇项目开源仓库地址

https://gitee.com/Chen_SC/django-vue3/

🥥项目预览地址

🍈PC端

• 域名：
• http://www.chensc.com.cn/
• 该地址为原IP，如上域名无法进入，请通过下方IP地址进入查看
• http://47.93.35.47

🍉移动端

• 域名：
• http://www.chensc.com.cn/mobile
• 该地址为原IP，如上域名无法进入，请通过下方IP地址进入查看
• http://47.93.35.47/mobile

🌺 框架以及使用技术栈介绍

前端主要采用了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作为包管理工具，安装使用

yarn

直接进行安装

🌼 运行

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 文件
  安装命令：

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）

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

🌵 参与贡献

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