>>>系统简述

本文介绍了一个基于Django+Nuxt.js开发的大数据查询系统,采用前后端分离架构。系统支持多角色(普通用户、代理商、管理员)、多种查询类型(司法、婚姻、企业信息等),集成微信/支付宝支付和短信验证码/微信登录功能。技术栈包括Django5.2.4后端、MySQL8.0+数据库、Nuxt.js3.17.6前端框架。系统具备完整的代理商管理和佣金体系,支持PC/移动端响应式访问,通过第三方API实现实时数据查询。部署文档详细说明了数据库配置、依赖安装和前后端部署流程。

>>>功能描述:

一个基于 Django + Nuxt.js 的大数据查询系统源码,前后端分离。

多角色支持: 普通用户、代理商、管理员三种角色

多种查询类型: 个人风险、企业信息、司法信息、婚姻信息等支持扩展API

支付系统: 支持微信支付、支付宝等多种支付方式

代理商系统: 完整的代理商申请、审核、佣金管理流

响应式设计: 支持PC端和移动端访问

实时数据: 基于合法第三方大数据聚合API的实时数据查询

用户管理: 支持微信自动登录和短信验证码登录方式

>>>系统技术说明:

后端 (Django)

  • 框架: Django 5.2.4
  • 数据库: MySQL 8.0+
  • 认证: session 认证
  • 支付: 微信支付、支付宝集成

前端 (Nuxt.js)

    框架: Nuxt.js 3.17.6

  • UI框架: Tailwind CSS
  • 图表: Chart.js

环境要求

     Python: 3.10+

  •  Node.js: 20+
  •  MySQL: 8.0+

项目结构

django_web/
├── big-data-platform-frontend/     # Nuxt.js 前端项目
│   ├── components/                 # Vue组件
│   │   ├── admin/                 # 管理员组件
│   │   ├── agent/                 # 代理商组件
│   │   ├── frontend/              # 前台用户组件
│   │   ├── agreements/            # 协议页面组件
│   │   └── query-results/         # 查询结果组件
│   ├── pages/                     # 页面路由
│   │   ├── admin/                 # 管理员页面
│   │   ├── agent/                 # 代理商页面
│   │   └── query-result/          # 查询结果页面
│   ├── composables/               # 组合式函数
│   ├── middleware/                # 中间件
│   ├── plugins/                   # 插件
│   ├── public/                    # 静态资源
│   ├── nuxt.config.ts            # Nuxt配置
│   └── package.json              # 依赖配置
├── WebSite/                       # Django 后端项目
│   ├── WebApi/                   # 主应用
│   │   ├── models.py            # 数据模型
│   │   ├── views.py             # 视图函数
│   │   ├── admin_views.py       # 管理员视图
│   │   ├── agent_views.py       # 代理商视图
│   │   ├── frontend_views.py    # 前台视图
│   │   ├── urls.py              # URL路由
│   │   ├── middleware.py        # 中间件
│   │   └── migrations/          # 数据库迁移
│   ├── WebSite/                 # 项目配置
│   │   ├── settings.py         # Django设置
│   │   └── urls.py             # 主URL配置
│   ├── media/                   # 媒体文件
│   └── manage.py               # Django管理脚本
├── 系统使用手册.md              # 系统使用说明
└── README.md                    # 项目说明文档

2. 后端部署 (Django)

2.1 修改数据库配置

编辑 WebSite/WebSite/settings.py

DATABASES = {
    "default": {
        "ENGINE": "django.db.backends.mysql",
        "NAME": "your-database-name",
        "USER": "your-database-user",
        "PASSWORD": "your-database-password",
        "HOST": "your-database-host",
        "PORT": "3306",
        "OPTIONS": {
            "charset": "utf8mb4",
            "init_command": "SET sql_mode='STRICT_TRANS_TABLES'",
        },
    }
}
2.2 导入数据库(必须导入数据库文件)

# 导入提供的MySQL数据库文件 mysql -u your-user -p your-database < config.sql

2.3 安装依赖

cd WebSite pip install -r requirements.txt

2.4 启动后端服务

python manage.py runserver 0.0.0.0:8000

2.5 配置外网访问

设置服务器防火墙和端口转发,确保8000端口可以外网访问。

3. 前端部署 (Nuxt.js)

3.1 配置环境变量

编辑 big-data-platform-frontend/.env

配置说明:

  • NUXT_PUBLIC_API_BASE_URL: 后端域名地址/api
  • NUXT_FILE_URL: 后端域名地址
  • NUXT_Agents_USL: 前端域名地址
  • NUXT_Company_Name: 公司名称
3.2 构建项目
cd big-data-platform-frontend
npm install
npm run build
3.3 上传到服务器

将生成的 .output 文件夹上传到服务器。

3.4 服务器部署
# 在服务器上安装依赖
npm install

# 启动服务
node .output/server/index.mjs
3.5 配置外网访问
  • 开启服务器3000端口的外网映射
  • 绑定域名到3000端口
  • 配置SSL证书(可选)

>>>测试地址:https://cms.shendian.cloud/?m=home&c=View&a=index&aid=145&admin_id=3

>>>系统UI截图展示:

Logo

码道开发者社区,聚焦华为云码道 CodeArts 代码智能体,沉淀 Agent、Skill、鸿蒙开发实战内容,供开发者查阅资料、交流技术、分享工程实践

更多推荐