遥遥领先,免费开源的django4-vue3前后端分离项目

本文主要是介绍遥遥领先,免费开源的django4-vue3前后端分离项目,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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

🌿项目简介

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

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

项目开源仓库地址

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

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

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

技术栈框架官方地址简介
vue3https://cn.vuejs.org/易学易用,性能出色,适用场景丰富的 Web 前端框架
typescripthttps://www.tslang.cn/JavaScript的一个超集,强类型语言
element-plus-uihttps://element-plus.gitee.io/zh-CN/基于 Vue 3,面向设计师和开发者的组件库
axioshttps://www.axios-http.cn/Axios 是一个基于 promise 的网络请求库,可以用于浏览器和 node.js。使用简单,包尺寸小且提供了易于扩展的接口。
piniahttps://pinia.vuejs.org/zh/符合直觉的 Vue.js 状态管理库
echartshttps://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一样需要安装软件,简洁高效

  • 主要使用的第三方库:

    Django4.1
    django-celery-beat
    2.5.0
    django-celery-results2.5.0
    django-cors-headers
    3.13.0
    django-filter21.1
    django-import-export
    3.2.0
    django-simple-history3.3.0
    django-simpleui
    2023.3.1
    django-timezone-field5.0
    djangorestframework
    3.13.1
    djangorestframework-simplejwt5.2.2
    PyJWT
    2.6.0
    redis==4.5.4

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

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

🥑 使用教程

  1. 【首先启动redis】 请先打开本项目的 “Redis-x64-5.0.14.1” 目录而后双击启动
 redis-server.exe 
  1. 【其次启动django】 打开cmd窗口使用命令(默认使用的9000端口,可自行修改):
 python manage.py runserver http://127.0.0.1:9000

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

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

🌵 参与贡献

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

这篇关于遥遥领先,免费开源的django4-vue3前后端分离项目的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/337364

相关文章

CSS place-items: center解析与用法详解

《CSSplace-items:center解析与用法详解》place-items:center;是一个强大的CSS简写属性,用于同时控制网格(Grid)和弹性盒(Flexbox)... place-items: center; 是一个强大的 css 简写属性,用于同时控制 网格(Grid) 和 弹性盒(F

CSS实现元素撑满剩余空间的五种方法

《CSS实现元素撑满剩余空间的五种方法》在日常开发中,我们经常需要让某个元素占据容器的剩余空间,本文将介绍5种不同的方法来实现这个需求,并分析各种方法的优缺点,感兴趣的朋友一起看看吧... css实现元素撑满剩余空间的5种方法 在日常开发中,我们经常需要让某个元素占据容器的剩余空间。这是一个常见的布局需求

CSS Anchor Positioning重新定义锚点定位的时代来临(最新推荐)

《CSSAnchorPositioning重新定义锚点定位的时代来临(最新推荐)》CSSAnchorPositioning是一项仍在草案中的新特性,由Chrome125开始提供原生支持需... 目录 css Anchor Positioning:重新定义「锚定定位」的时代来了! 什么是 Anchor Pos

CSS中的Static、Relative、Absolute、Fixed、Sticky的应用与详细对比

《CSS中的Static、Relative、Absolute、Fixed、Sticky的应用与详细对比》CSS中的position属性用于控制元素的定位方式,不同的定位方式会影响元素在页面中的布... css 中的 position 属性用于控制元素的定位方式,不同的定位方式会影响元素在页面中的布局和层叠关

HTML5 getUserMedia API网页录音实现指南示例小结

《HTML5getUserMediaAPI网页录音实现指南示例小结》本教程将指导你如何利用这一API,结合WebAudioAPI,实现网页录音功能,从获取音频流到处理和保存录音,整个过程将逐步... 目录1. html5 getUserMedia API简介1.1 API概念与历史1.2 功能与优势1.3

springboot项目中整合高德地图的实践

《springboot项目中整合高德地图的实践》:本文主要介绍springboot项目中整合高德地图的实践,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一:高德开放平台的使用二:创建数据库(我是用的是mysql)三:Springboot所需的依赖(根据你的需求再

一文详解如何在idea中快速搭建一个Spring Boot项目

《一文详解如何在idea中快速搭建一个SpringBoot项目》IntelliJIDEA作为Java开发者的‌首选IDE‌,深度集成SpringBoot支持,可一键生成项目骨架、智能配置依赖,这篇文... 目录前言1、创建项目名称2、勾选需要的依赖3、在setting中检查maven4、编写数据源5、开启热

全面解析HTML5中Checkbox标签

《全面解析HTML5中Checkbox标签》Checkbox是HTML5中非常重要的表单元素之一,通过合理使用其属性和样式自定义方法,可以为用户提供丰富多样的交互体验,这篇文章给大家介绍HTML5中C... 在html5中,Checkbox(复选框)是一种常用的表单元素,允许用户在一组选项中选择多个项目。本

HTML5 搜索框Search Box详解

《HTML5搜索框SearchBox详解》HTML5的搜索框是一个强大的工具,能够有效提升用户体验,通过结合自动补全功能和适当的样式,可以创建出既美观又实用的搜索界面,这篇文章给大家介绍HTML5... html5 搜索框(Search Box)详解搜索框是一个用于输入查询内容的控件,通常用于网站或应用程

SpringBoot项目配置logback-spring.xml屏蔽特定路径的日志

《SpringBoot项目配置logback-spring.xml屏蔽特定路径的日志》在SpringBoot项目中,使用logback-spring.xml配置屏蔽特定路径的日志有两种常用方式,文中的... 目录方案一:基础配置(直接关闭目标路径日志)方案二:结合 Spring Profile 按环境屏蔽关