🥝星域后台管理系统前端介绍
🌿项目简介
本项目前端基于当下流行且常用的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的验证规则（当然，内置的一些不可更改的规则还是不能改的）
🥑 使用教程
- 【首先启动redis】 请先打开本项目的 “Redis-x64-5.0.14.1” 目录而后双击启动
redis-server.exe
- 【其次启动django】 打开cmd窗口使用命令（默认使用的9000端口，可自行修改）：
python manage.py runserver http://127.0.0.1:9000
🍊后端管理平台可视化模块截图（simple-ui）
文章来源：https://www.toymoban.com/news/detail-765045.html
🍋后端代码和数据集部分截图
文章来源地址https://www.toymoban.com/news/detail-765045.html
🌵 参与贡献
- 目前开源仅限本人开发，不定期更新
到了这里，关于遥遥领先，免费开源的django4-vue3前后端分离项目的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
