利用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. 1. Spring 框架简介及官方压缩包目录

    一.Spring 框架简介及官方压缩包目录介绍 1.主要发明者:Rod Johnson 2.轮子理论推崇者:     2.1 轮子理论:不用重复发明轮子.     2.2 IT 行业:直接使用写好的代 ...

  2. spring cloud+.net core搭建微服务架构:Api网关(三)

    前言 国庆假期,一直没有时间更新. 根据群里面的同学的提问,强烈推荐大家先熟悉下spring cloud.文章下面有纯洁大神的spring cloud系列. 上一章最后说了,因为服务是不对外暴露的,所 ...

  3. 04-TypeScript中的方法新功能(上)

    在TypeScript中,提供了一些函数的新功能,能够简化JavaScript中的一些比较复杂代码才能实现的一些能力. 在C#后端语言中,能够对方法传递的参数指定params关键字,也就是可以传递任意 ...

  4. 【转】使用notepad运行python

    Notepad++是一个开源的文本编辑器,功能强大而且使用方便,一般情况下,Notepad++作为代码查看器,很方便,但是每次要运行的时候,总是需要用右键打开其他的IDE来编译和运行,总有些不方便.特 ...

  5. textarea 带换行符保存数据与带换行符展示数据

    毕业设计进行ing~ 最近要想要实现一个站内邮箱,想要带换行地输出邮件主体内容. 这两天为了解决这个问题百度了好多东西,发现相关问题有很多记录,可能这确实是大多数初学者也碰到的问题.自己找了好多地方都 ...

  6. MyBatis源码解析【8】简单demo理解接口式编程

    前言 这个分类比较连续,如果这里看不懂,或者第一次看,请回顾之前的博客 http://www.cnblogs.com/linkstar/category/1027239.html 上一次我们经过源码的 ...

  7. Linux常用命令-vim

    vim的基本模式 1普通模式Normal mode 输入vim命令后进入的就是普通模式. 2插入模式Insert mode 这是内容修改编辑的模式, 在普通模式进入插入模式方法 按i或insert 在 ...

  8. Find the Top 10 commands in your linux box!

    history | awk '{print $2;}' | grep -v '^./' | sort -d | uniq -c | sort -nr | head -n 10 grep,  '-v' ...

  9. Java 容器源码分析之ArrayBlockingQueue和LinkedBlockingQueue

    Java中的阻塞队列接口BlockingQueue继承自Queue接口. BlockingQueue接口提供了3个添加元素方法. add:添加元素到队列里,添加成功返回true,由于容量满了添加失败会 ...

  10. Jmeter获取接口返回数组的长度

    添加BeanShell PostProcessor来获取,具体代码如下: import com.jayway.jsonpath.JsonPath; import com.jayway.jsonpath ...