当前位置：首页 > 文章列表 > 文章 > 软件教程 > Vue+Django2.0打造生鲜电商项目（1）

Vue+Django2.0打造生鲜电商项目（1）

2025-05-26 08:53:05 0浏览收藏

在本文中，我们将详细介绍使用Vue.js和Django 2.0构建生鲜电商项目的前后端分离技术。首先，我们会配置开发环境，包括Windows 7 64位操作系统、Python 3.6、Node.js、MySQL、Navicat、PyCharm、WebStorm或VSCode等工具。接着，我们将初始化项目，使用PyCharm创建一个名为MxShop的新Django项目，并添加一个名为users的新应用。为了确保兼容性，我们会将Django版本调整为2.0，并安装Django REST framework及其依赖包。随后，我们将配置MySQL数据库，设计用户模型，并整理项目结构。此外，还会介绍如何安装和配置DjangoUeditor富文本编辑框、设计商品模型、交易模型和用户操作模型，并使用xadmin后台管理系统进行数据管理。最后，我们将导入商品类别和商品数据，完成项目的基础搭建。

1.开发环境配置Windows7 64位旗舰版python3.6node.jsmysqlnavicatpycharmwebstorm或vscode2.项目初始化

新版的pycharm很贴心的让每一个新的项目，都自动会在一个虚拟环境中，放心的新建项目就可以了，不用考虑虚拟环境的事儿了

1.新建Django项目，项目名为MxShop，新建app命名为users

Vue+Django2.0 restframework打造前后端分离的生鲜电商项目（1）

2.修改django版本与安装djangorestframework

使用新版的pycharm新建django项目，因为每一次pycharm都会新建一个虚拟环境，将项目所需的所有模块下载到最新版本，然后放到虚拟环境里，所以，每次用pycharm新建django项目，则pycharm都会下载最新版本的django，我在写这篇博客时，django最新已经更新到2.1.1了，但是，djangorestframework目前只支持到django2.0，如果在django2.1的项目下安装djangorestframework亲测有坑，会报错的。

so！将django的版本，从最新版本的2.1.1改为2.0

代码语言：javascript代码运行次数：0运行复制

import sysimport ospwd = os.path.dirname(os.path.realpath(__file__))sys.path.append(pwd+"../")os.environ.setdefault("DJANGO_SETTINGS_MODULE", "MxShop.settings")import djangodjango.setup()from goods.models import Goods, GoodsCategory, GoodsImagefrom db_tools.data.product_data import row_datafor goods_detail in row_data:    goods = Goods()    goods.name = goods_detail["name"]    goods.market_price = float(int(goods_detail["market_price"].replace("￥", "").replace("元", "")))    goods.shop_price = float(int(goods_detail["sale_price"].replace("￥", "").replace("元", "")))    goods.goods_brief = goods_detail["desc"] if goods_detail["desc"] is not None else ""    goods.goods_desc = goods_detail["goods_desc"] if goods_detail["goods_desc"] is not None else ""    goods.goods_front_image = goods_detail["images"][0] if goods_detail["images"] else ""    category_name = goods_detail["categorys"][-1]    category = GoodsCategory.objects.filter(name=category_name)    if category:        goods.category = category[0]    goods.save()    for goods_image in goods_detail["images"]:        goods_image_instance = GoodsImage()        goods_image_instance.image = goods_image        goods_image_instance.goods = goods        goods_image_instance.save()

2.运行import_goods_data.py脚本，导入商品数据，在xadmin后台可以看到，商品数据导入成功了。