利用DjangoAdmin初始化数据库

  • 创建项目

python manage.py startapp df_goods

  • 添加配置

manas/urls.py

manas/settings.py

新创建文件df_goods/urls.py

  • 安装富文本编辑器

博主的Ueditor文件(来源github上修改好的版本DjangoUeditor3),点击下载(内附教程)

  • 配置富文本编辑器

Django学习---py3下的富文本编辑器的使用

  • 配置静态文件上传路径
  1. 创建upload目录(跟manage.py在同一目录下)

  1. 配置文件访问路径:manas/settings.py

  1. 配置路由路径: manas/urls.py

  • 添加静态文件夹

templates/df_goods

  • 配置models.py

  • 初始化数据库
python manage.py makemigrations
python manage.py migrate
  • 配置Django Admin信息

df_goods/admin.py

  • 创建Django admin账户
python manage.py createsuperuser

  • 启动项目:
python manage.py runserver 8888
  • admin账户登录

  • 添加数据信息

  • 完成Django静态文件的模板继承: templates/df_goods

商品页面显示

  • 需求一: 完成页面数据的显示

df_goods/views.py

df_goods/urls.py

templates/df_goods/index.html

页面展示:

点击图片,跳转详情页面

df_goods/views.py

df_goods/urls.py

templates/df_goods/detail.html

编写JS文件用于计算总价(稍有问题):

templates/df_goods/detail.html

  • 界面展示

详情页面跳转商品分类页面

点击跳转

df_goods/views.py

df_goods/urls.py

templates/df_goods/list.html

页面展示(根据价格实现倒序):

完成分类商品页面的分页效果

安装Paginator

进行商品分类

df_goods/views.py

templates/df_goods/list.html

页面效果

问题记录

问题详细: 
model.py里面使用了富文本编辑器,在执行python manage.py makemigrations的时候报错如下,

File "<frozen importlib._bootstrap_external>", line 665, in exec_module
  File "<frozen importlib._bootstrap>", line 222, in _call_with_frames_removed
  File "F:\tianitian\df_goods\models.py", line 2, in <module>
    from DjangoUeditor.models import UEditorField
  File "C:\Users\Administrator\AppData\Roaming\Python\Python35\site-packages\DjangoUeditor\models.py", line 4, in <module>
    from widgets import UEditorWidget,AdminUEditorWidget
ImportError: No module named 'widgets'

问题定位:
      Ueditor HTML编辑器是百度开源的HTML编辑器,但是在Python3下调用报错,找不到widgets模块,经查发现,DjangoUeditor是基于Python 2.7的,对Python3的支持有问题。导致widgets.py文件出错,不能import。
 
解决方法:
     使用博主的Ueditor文件(来源github上修改好的版本DjangoUeditor3),点击下载(内附教程)

Django电商项目---完成商品主页显示day2的更多相关文章

  1. SpringBoot电商项目实战 — 商品的SPU/SKU实现

    最近事情有点多,所以系列文章已停止好多天了.今天我们继续Springboot电商项目实战系列文章.到目前为止,整个项目的架构和基础服务已经全部实现,分布式锁也已经讲过了.那么,现在应该到数据库设计及代 ...

  2. Django电商项目---完成购物车页面day4

    创建购物车项目App python manage.py startapp df_cart 初始化项目: manas/urls.py manas/settings.py 创建新文件:df_cart/ur ...

  3. Django电商项目---完成注册页面和用户登录day1

    完成基本的创建项目.用户注册.登录.注销功能 创建Django项目,创建df_user的App 创建静态文件夹static(跟manage.py保持在同一级别下) 复制静态文件(css + image ...

  4. Django电商项目---完成订单页面day5

    完成订单页面 创建订单项目 python manage.py startapp df_order manas/settings.py manas/urls.py 创建静态文件: templates/d ...

  5. Django电商项目---完成登录验证和用户中心(个人信息)day3

    登录验证的实现 背景说明: 用户在商品界面选择商品后,在点击购物车或者结算订单之前 需要完成用户的登录验证,这里用装饰器来完成   创建装饰器类: df_user/user_decorator.py ...

  6. Django电商项目---完成用户中心(订单中心+收货地址)day7

    完成用户中心(收货地址) df_user/views.py df_user/urls.py templates/df_user/user_center_site.html 界面显示 完成用户中心(全部 ...

  7. Android开发之TextView中间设置横线,适用于电商项目,商品原价之类的功能。

    textview.getPaint().setFlags(Paint. STRIKE_THRU_TEXT_FLAG ); //中间横线 textview.getPaint().setFlags(Pai ...

  8. Python Django(WEB电商项目构建)

    (坚持每一天,就是成功) Python Django Web框架,Django是一个开放源代码的Web应用框架,由Python写成.采用了MTV的框架模式,即模型M,模板T和视图V组成. 安装Pyth ...

  9. web前端Vue+Django rest framework 框架 生鲜电商项目实战视频教程 ☝☝☝

    web前端Vue+Django rest framework 框架 生鲜电商项目实战视频教程    web前端Vue+Django rest framework 框架 生鲜电商项目实战视频教程 学习 ...

随机推荐

  1. Sql语句出错:Unknown column 'CLAMP' in 'where clause'

    严重: Servlet.service() for servlet [jsp] in context with path [/management] threw exception [javax.se ...

  2. 从零开始学 Web 之 JavaScript(一)JavaScript概述

    大家好,这里是「 Daotin的梦呓 」从零开始学 Web 系列教程.此文首发于「 Daotin的梦呓 」公众号,欢迎大家订阅关注.在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识 ...

  3. AutoCAD 凸度(bulge)的概念及使用WPF函数画图

    前言  凸度(bulge)是AutoCAD 中一个非常重要的概念,凸度控制着两点之间弧度大小,弧度的方向.各种复杂的图像有可能就是成百上千的弧线组成的.从AutoCAD中导出的数据也有该值,一般的形式 ...

  4. Filebeat的Registry文件解读

    你可能没有注意但很重要的filebeat小知识 Registry文件 Filebeat会将自己处理日志文件的进度信息写入到registry文件中,以保证filebeat在重启之后能够接着处理未处理过的 ...

  5. 从架构演进的角度聊聊Spring Cloud都做了些什么

    1.从架构演进的角度聊聊Spring Cloud都做了些什么?2.中小型互联网公司微服务实践-经验和教训3.Spring Cloud在国内中小型公司能用起来吗?

  6. 关于const用法的学习

    被const修饰的东西都受到强制保护,可以预防意外的变动,能提高程序的健壮性.所以很多C++程序设计书籍建议:“Use const whenever you need”.1.const作函数参数 例如 ...

  7. Angular2入门:TypeScript的函数 - 剩余参数和箭头函数

  8. JavaWeb学习 (四)————Http协议

    一.什么是HTTP协议 HTTP是hypertext transfer protocol(超文本传输协议)的简写,它是TCP/IP协议的一个应用层协议,用于定义WEB浏览器与WEB服务器之间交换数据的 ...

  9. 造轮子,模仿WPF的UI框架,还没完善。。。

    Wtf(暂时命名,随便起的 = _=),模仿WPF的框架,还没有完善,只有简单的基础元素,支持数据绑定.虽然支持mono但是mono有bug 写这个只是兴趣爱好,感觉也没多大意义了,如果这个UI框架完 ...

  10. 【SQLite】简单的基本使用步骤

    SQLite介绍SQLite is a software library that implements a self-contained, serverless, zero-configuratio ...