django-vue-admin开源项目环境调试(靠谱)

news2024/12/26 19:48:52

一、源码地址

注意,一定要使用这个地址。(使用其他地址下载下来的感觉代码缺失,踩了大坑)

django-vue-admin: 基于RBAC模型的权限控制的一整套基础开发平台,前后端分离,后端采用 django+django-rest-framework,前端采用 vue+ElementUI。

二、准备工作

Python >= 3.8.0 (推荐3.9+版本)
nodejs >= 14.0 (推荐最新)
Mysql >= 5.7.0 (可选,默认数据库sqlite3,推荐8.0版本)
Redis(可选,最新版)
项目运行及部署 | Django-Vue-Admin

三、前端

3.1 环境检查

查看当前node.js版本

node -v

注意,这个项目node 18 版本,会报错。

我使用的是node16版本 

帮助文档:

mac卸载与安装指定版本node.js_做测试的喵酱的博客-CSDN博客

3.2 启动项目

1、克隆项目

git clone https://gitee.com/dvadmin/django-vue-admin-pro.git

2、进入项目目录

cd web

3、安装依赖

方式一:

npm install --registry=https://registry.npm.taobao.org

方式二:

先安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

 再使用cnpm安装依赖

sudo cnpm install --registry=https://registry.npm.taobao.org

4、 启动服务
npm run dev

5、浏览器访问 http://localhost:8080

# .env.development 文件中可配置启动端口等参数

3.3 发布项目

发布♗

# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod

四、后端项目

4.1 前提

下载项目,前端和后端是在一起的。

使用pycharm打开 后端项目的时候,要直接打开backend项目,而不是打开django-vue-admin目录。

1. 进入项目目录 cd backend

2、在项目根目录中,复制 ./conf/env.example.py 文件为一份新的到 ./conf 文件夹下,并重命名为 env.py

4.2 数据库配置

conf/env.py 配置数据库信息

数据库 ENGINE ,默认演示使用 sqlite3 数据库,正式环境建议使用 mysql 数据库

4.2.1 配置sqlite3 数据库:

# sqlite3 设置
DATABASE_ENGINE = "django.db.backends.sqlite3"
DATABASE_NAME = os.path.join(BASE_DIR, "db.sqlite3")

# 使用mysql时,改为此配置
# DATABASE_ENGINE = "django.db.backends.mysql"
# DATABASE_NAME = 'backend' # mysql 时使用

# 数据库地址 改为自己数据库地址
DATABASE_HOST = "127.0.0.1"
# # 数据库端口
DATABASE_PORT = 3306
# # 数据库用户名
DATABASE_USER = "root"
# # 数据库密码
DATABASE_PASSWORD = "123456"

4.2.2 配置mysql 数据库:

centos卸载mysql5.7&安装mysql8.0_做测试的喵酱的博客-CSDN博客

1、mysql数据库版本建议:8.0 mysql数据库字符集:utf8mb4

2、在mysql中,创建名为backend的库

CREATE DATABASE backend charset=utf8mb4;

3、在 env.py 中配置数据库信息 

# 使用mysql时,改为此配置
DATABASE_ENGINE = "django.db.backends.mysql"
DATABASE_NAME = 'backend' # mysql 时使用

# 数据库地址 改为自己数据库地址
DATABASE_HOST = "127.0.0.1"
# # 数据库端口
DATABASE_PORT = 3306
# # 数据库用户名
DATABASE_USER = "root"
# # 数据库密码
DATABASE_PASSWORD = "123456"

4.3 本地项目,安装依赖 

pip3 install -r requirements.txt

4.4  编辑__init__.py文件

在setting.py文件所在的同一目录下的__init__.py文件

编辑__init__.py文件。加入以下代码

import pymysql
pymysql.version_info = (1, 4, 13, "final", 0)
pymysql.install_as_MySQLdb()

4.5 数据库迁移

生成迁移脚本

python3 manage.py makemigrations

执行迁移 

python3 manage.py migrate

初始化数据 

python3 manage.py init

启动项目 

python3 manage.py runserver 127.0.0.1:8000
或者:
python3 manage.py runserver 0.0.0.0:8000
 

初始账号:superadmin 密码:admin123456

后端接口文档地址:http://127.0.0.1:8000/swagger

五、前后端联调

5.1 启动后端项目

python3 manage.py runserver 0.0.0.0:8000

启动项目后,查一下后端的ip地址 

5.2 启动前端项目

1、修改前端项目监听的后端地址

将两个文件: .env.development 与.env.test 中的监听地址,改成真实的后端地址

# 后端接口地址及端口(域名)
VUE_APP_API = "http://192.168.43.224:8000"

2、启动项目:

npm run serve

http://192.168.43.224:8080/

登录前端页面

初始账号:superadmin 密码:admin123456



后台手册 | Django-Vue-Admin

后台手册 | Django-Vue-Admin

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/623077.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

消防应急照明和疏散指示系统在某洁净医药的设计与应用

【摘要】:A100型消防应急照明和疏散指示系统具有集中控制,灵活度高和可靠性强等特点。系统采用17寸工业平板电脑,采用Windonws7系统,可支持联动报警、系统监控、故障报警、自检、备电、记录存储与查询、导光流、权限控制等多项功能…

30、js - Promise

一、Promise的3种状态: 1、作用:了解Promise对象如何关联的处理函数,以及代码执行顺序 2、一个Promise对象,必然处于以下几个状态之一: pending:初始状态,页面一旦调用Promise对象,Promise对象就…

Hive中的DDL操作

文章目录 Hive中的DDL操作一、数据库(database)相关操作1. 创建数据库1)语法2)案例 2. 查询数据库1)展示所有数据库2)查看数据库信息 3. 修改数据库1)语法2)案例 4. 删除数据库1&…

需求三重境

需求的三点-痛点、痒点、爽点 我早前也做过产品经理,做产品经理经常需要分析需求,而KANO模型是其中的一个模型。如果要进一步解读痛点、痒点、爽点,或者可以尝试从KANO模型的角度分析。 所谓的KANO模型,是东京理工大学教授狩野纪…

接口测试 —— 接口和接口文档概念

1、接口的概念 接口又叫API,全称application programming interface:应用程序接口(规范),也就是我们经常会听说Web接口,APP接口。 详细说明: APP是一种基于C/S架构的应用程序,如抖音…

阿里高工珍藏版“亿级高并发系统设计手册(2023版)”面面俱到,太全了

高并发 俗话说:罗马不是一天建成的,系统的设计当然也是如此。 从原来谁都不看好的淘宝到现在的电商巨头,展现的不仅仅是一家互联网巨头的兴起,也是国内互联网行业迎来井喷式发展的历程,网络信号从 2G 发展到现在的 5…

苹果服务端通知v2处理(AppStore Server Notifications V2)

苹果服务端通知v2处理 关键词: App Store Server Notifications V2、Python源码、苹果订阅、JWS、x5c、JSON WEB TOKEN 背景 最近要接入苹果订阅功能,调研后发现订阅生命周期内的状态变更是通过苹果服务端通知返回的(什么时候普通内购也能加上减少掉单的概率)&am…

邮件营销技巧!不想被打入冷宫?这五点让你的邮件不再进垃圾箱

邮件营销凭借其低成本、高效率的优势渐渐地在各个行业开始崭露头角。它既适用于外贸行业来拓展客户、又适用于金融行业来和客户保持联系。除此之外,企业还可以用邮件营销来通知活动信息、产品上新信息等等。 不过,很多人在进行邮件营销的时候经常会遇到“…

说点理论-什么叫TED背景

TED背景的概念 指technology, entertainment, design在英语中的缩写,即技术、娱乐、设计的3个首字母缩定。 TED背景的投影最小为4米*4米,大的有IMAX宽影幕布来打投影。给人感觉为:非常技术、非常高大上、非常专业、非常Fashion。 因此,头部一些公司会专门对于非常重要类…

【STM32】STM32G4系列片内模拟器件-比较器的使用

STM32G4系列片内模拟器件-比较器的使用 1.前言2.CubeMX配置3.HAL库函数 1.前言 STM32G4系列内置了片内模拟比较器,为电机控制、电源监测等方面的应用提供了很大的便利。要使用片内比较器,只需使用STM32CubeMX进行简单配置即可。 2.CubeMX配置 首先&am…

不敲一个代码,10分钟做出数据可视化大屏,还不快来学?

大屏幕实时数据可视化解决方案? 简道云去年举办过一场“最美仪表盘”评选活动,在活动中我们收到了很多精美炫酷的仪表盘,而且这所有的数据可视化仪表盘都是“从业务中来”,“到业务中去”的。 下面举几个例子展示下: 所用工具…

一、kafka入门

Kafka入门 为什么要用消息中间件? 异步处理 场景说明:用户注册后,需要发注册邮件和注册短信。传统的做法有两种1.串行的方式;2.并行方式。 串行方式:将注册信息写入数据库成功后,发送注册邮件&#xff…

最强AIGC实战应用速成指南来了!14天掌握核心技术

‍‍OpenAI 创始人 Sam Altman 在近期采访中说到:" AI 是少有的被严重炒作之后,还被严重低估的东西。" 现在的 AI 几乎把互联网上所有的数据都学习了一遍,相当于一个世界知识的统一建模。在如此规模的参数量下,更好的关…

Java 集合全教程—List

Java 集合全教程_Doker 多克的博客-CSDN博客 Java 集合全教程—Set 接口_Doker 多克的博客-CSDN博客 一、概述 列表是一个有序的集合(有时称为序列)。列表可能包含重复的元素。除了从Collection继承的操作外,List接口还包括以下操作&#x…

Java抽象类介绍

1 问题 声明一个名为Employee的抽象类,其中包含name(姓名)和sex(性别)两个String类型的私有属性,并声明一个继承于Employee抽象类的子类Teacher。 2 方法 2.1 定义一个抽象类:Employee。 2.2 为Employee类设计一个抽象方法。 2.3实现抽象类Em…

vue对接海康摄像头,配合ifarme进行展示。给ifarme点击事件(消除ifarme事件,因为ifarme没有点击事件)

1、在public文件夹下建一个文件ifarme.index&#xff0c;和index.html同级。 <!doctype html> <html><head><title></title><meta http-equiv"Content-Type" content"text/html; charsetutf-8" /><meta http-equi…

【熬夜送书 | 第三期】清华社赞助 | 《Java系列丛书》

前言 Java作为一门主流语言&#xff0c;它与其他语言相比&#xff0c;有什么优势呢? Java 是一种广泛使用的高级编程语言&#xff0c;具有多项特性&#xff1a; 1.简单易学&#xff1a;Java 语言的语法与 C 相似&#xff0c;但删掉了复杂的指针、运算符重载等内容&#xff0…

C++继承相关内容(三)

目录 一.单例模式和相关习题 1.不能在外部环境创建该类对象 方法&#xff1a; 代码&#xff1a; 2.创建一个不能被继承的类 方法&#xff1a; 3.创建一个不能被继承&#xff0c;但是可以在外部环境中创建该类对象 方法&#xff1a; ​编辑 4.一个能被继承的类&#xf…

【WinForm】WinForm常见窗体技术汇总

文章目录 前言一、窗体调用外部程序与渐变窗体1、效果2、界面设计3、代码 二、按回车键跳转窗体中的光标焦点1、效果2、界面设计3、代码 三、剪切板操作1、效果2、界面设计3、代码 四、实现拖放操作1、效果2、界面设计3、代码 五、移动的窗体1、效果2、界面设计3、代码 六、抓不…

聚观早报 | OpenAI 没有上市计划;马斯克称未来房价下跌将加速

今日要闻&#xff1a;OpenAI 没有上市计划&#xff1b;马斯克称未来房价下跌将加速&#xff1b;Coinbase被SEC起诉&#xff0c;股价闪崩&#xff1b;库克&#xff1a;苹果正密切关注ChatGPT等&#xff1b;推特正致力于开发视频直播产品 OpenAI没有上市计划 当地时间周二&…