0
点赞
收藏
分享

微信扫一扫

Django电商项目---完成商品主页显示day2

祈澈菇凉 2022-02-17 阅读 64

Django电商项目---完成商品主页显示day2


利用DjangoAdmin初始化数据库

  • 创建项目

python manage.py startapp df_goods

Django电商项目---完成商品主页显示day2_html​​

  • 添加配置

manas/urls.py

Django电商项目---完成商品主页显示day2_django_02​​

manas/settings.py

Django电商项目---完成商品主页显示day2_python_03​​

新创建文件df_goods/urls.py

Django电商项目---完成商品主页显示day2_python_04​​

  • 安装富文本编辑器

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

  • 配置富文本编辑器

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

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

Django电商项目---完成商品主页显示day2_html_05​​

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

Django电商项目---完成商品主页显示day2_html_06​​

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

Django电商项目---完成商品主页显示day2_django_07​​

  • 添加静态文件夹

templates/df_goods

Django电商项目---完成商品主页显示day2_python_08​​

  • 配置models.py

Django电商项目---完成商品主页显示day2_html_09​​

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

df_goods/admin.py

Django电商项目---完成商品主页显示day2_django_10​​

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

Django电商项目---完成商品主页显示day2_django_11​​

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

Django电商项目---完成商品主页显示day2_html_12​​

  • 添加数据信息

Django电商项目---完成商品主页显示day2_python_13​​

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

Django电商项目---完成商品主页显示day2_django_14​​


商品页面显示

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

df_goods/views.py

Django电商项目---完成商品主页显示day2_python_15​​

df_goods/urls.py

Django电商项目---完成商品主页显示day2_django_16​​

templates/df_goods/index.html

Django电商项目---完成商品主页显示day2_html_17​​

页面展示:

Django电商项目---完成商品主页显示day2_python_18​​


点击图片,跳转详情页面

df_goods/views.py

Django电商项目---完成商品主页显示day2_html_19​​

df_goods/urls.py

Django电商项目---完成商品主页显示day2_html_20​​

templates/df_goods/detail.html

Django电商项目---完成商品主页显示day2_html_21​​

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

templates/df_goods/detail.html

Django电商项目---完成商品主页显示day2_django_22​​

  • 界面展示

Django电商项目---完成商品主页显示day2_python_23​​


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

点击跳转

Django电商项目---完成商品主页显示day2_html_24​​

df_goods/views.py

Django电商项目---完成商品主页显示day2_django_25​​

df_goods/urls.py

Django电商项目---完成商品主页显示day2_django_26​​

templates/df_goods/list.html

Django电商项目---完成商品主页显示day2_django_27​​

Django电商项目---完成商品主页显示day2_python_28​​

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

Django电商项目---完成商品主页显示day2_django_29​​


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

安装Paginator

Django电商项目---完成商品主页显示day2_django_30​​

进行商品分类

df_goods/views.py

Django电商项目---完成商品主页显示day2_html_31​​

templates/df_goods/list.html

Django电商项目---完成商品主页显示day2_python_32​​

Django电商项目---完成商品主页显示day2_python_33​​

页面效果

Django电商项目---完成商品主页显示day2_html_34​​


















问题记录

问题详细:
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),点击下载(内附教程)


个性签名: 所有的事情到最後都是好的,如果不好,那說明事情還沒有到最後~
本文版权归作者【小a玖拾柒】共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利!

举报

相关推荐

0 条评论