Django创建购物平台小项目,后台商品的增删改查,一对多实例!

环境:pycharm3.5   Django版本1.11.12

一:创建Django项目;

Django创建购物平台小项目,后台商品的增删改查,一对多实例!


二:创建静态文件夹,存放前端样式孔子文件;拖入模板,在settings.py里做静态!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

注:‘zh-hans’作用是将Django自带的admin后台汉化

三:做路由,跳转主页面

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!


四:加下来做models数据库字段,以及同步写入库,就用Django自带的sqlite3!注册数据表!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

五:生成迁移文件,同步写入库,创建admin后台管理

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

生成0001文件表示成功!

六:进入admin后台,创建商品分类

Django创建购物平台小项目,后台商品的增删改查,一对多实例!


七:接下来做添加商品,首先url路由,以及视图响应函数如上!不做具体赘述!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

index页面做跳转

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

点击添加商品,可跳转即为成功!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

八:做过滤遍历,前端显示已有商品分类,如下效果

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

主页显示已添加商品信息,同理

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!


九:表单输入信息提交数据到index页面!get提交

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

路由

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

处理

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

添加数据OK

十:添加完成后,接下来我们做删除数据

index页面做删除链接

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

路由

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

前端页面做隐藏input,传输id

<div class="controls">
   <input type="text" class="input-xlarge" id="input01" name="name"/>
</div>

处理

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

完成!

十一:接下来做一对多的修改,前端默认显示要修改的信息

路由

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

处理

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

前端页面

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

表单提交

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

处理

Django创建购物平台小项目,后台商品的增删改查,一对多实例!

然后点击页面修改按钮,修改,完成!