Django Rest Framework:用于将Django全栈框架的视图层转换成基于Restful的接口,适配前后端分离架构。 Vue 3:是一套用于构建用户界面的渐进式框架,在前后端分离架构下负责前端页面的开发。 Element-Plus:一套基于 Vue 3.0 的桌面端组件库,可以帮助开发者快速搭建Vue 3的页面。 TypeScript:TypeScript 是微软开发的一个...
REST_FRAMEWORK = {'DEFAULT_PAGINATION_CLASS':'rest_framework.pagination.PageNumberPagination','PAGE_SIZE': 10 } 本次项目采用sqlite数据库,可以指定sqlite目录。 也可以配置mysql数据库,根据项目需求 DATABASES = {'default': {'ENGINE':'django.db.backends.sqlite3','NAME':os.path.join(BASE_DIR,'data...
MIDDLEWARE=['django.middleware.security.SecurityMiddleware','django.contrib.sessions.middleware.SessionMiddleware','django.middleware.common.CommonMiddleware',# 'django.middleware.csrf.CsrfViewMiddleware','django.contrib.auth.middleware.AuthenticationMiddleware','django.contrib.messages.middleware.MessageMiddleware',...
Django-Vue3-Admin 是一个基于 Django + Vue3 的前后端分离的后台管理系统,采用了最新的前后端技术栈,内置了丰富的功能模块,可以帮助开发者快速搭建企业级中后台产品。 技术架构 后端技术栈 核心框架:Django 4.2.1 权限认证:Django REST framework + JWT + Casbin 数据库:MySQL 8.0+ 缓存:Redis 任务队列:Celery...
Vue3:用于构建前端界面,提供响应式和组件化开发的能力。TypeScript:为Vue3项目提供类型支持,增强代码的可读性和可维护性。Django Rest Framework:作为后端框架,提供RESTful API接口,供前端调用获取数据。实现步骤:需求分析:明确博客网站的核心功能,如文章浏览、评论、点赞等。后端接口实现:在Django ...
搭建个人博客的核心是构建一个用户能浏览文章的前台界面。本文将引导您通过Vue3、TypeScript和Django Rest Framework,逐步实现这一功能。本系列教程的目的是实现一个完整的个人博客网站,其重点在于前台的构建。我们从需求分析开始,深入前端界面、后端接口、代码实现与最终的项目代码展示,以确保您能够全面掌握...
当 Vue3 前端发送 GET 请求时,Django 后端将返回这个 JSON 响应。为了方便地管理 API 路由,我们可以使用 Django 的 REST framework。REST framework 是一个强大的框架,用于构建 Web API。通过简单的配置,我们可以轻松地创建 API 路由、定义数据模型和权限等。以下是一个使用 REST framework 的简单示例:首先,安装 ...
后端技术方面,Django这一高级Python Web框架以其快速开发和明确的设计理念脱颖而出。Django REST Framework作为Web API的构建利器,为开发者提供了强大且灵活的API构建能力。SimpleJWT插件则进一步增强了Django REST Framework的安全性,支持多终端认证系统。在权限控制方面,该平台采用了基于RBAC模型的精细权限控制机制,能...
在这个项目中,我们将构建一个简单的博客系统,包括文章发布、编辑、删除和评论等功能。前端使用Vue3,后端使用Django4,通过RESTful API进行数据交互。 二、技术栈 前端:Vue3、Vue-Router、Vuex、Axios、Element Plus 后端:Django4、Django REST framework、Django ORM ...
'myapp', 'rest_framework', # 添加 Django REST framework ] 安装Django REST framework: bash pip install djangorestframework 3. 搭建并配置vue3前端环境 使用Vue CLI 创建一个新的 Vue 3 项目: bash npm install -g @vue/cli vue create myvueapp cd myvueapp 安装Axios 用于 API 调用: bash npm...