Django之爱鲜蜂项目开发 day02 (三)

2024-06-10 23:38:32

在框架上搭好基本的页面

1. home页面

1.3 商品分类专栏

首页下还有一部分的商品分类专栏,这里给的数据是一样的,只是专栏名称不一样,因为这里的样式都是同一种样式,所以也没关系

创建模型,插入数据

首先将txt文件里的数据弄出来,

去整理一下数据,

可以看到,这一部分的数据和前面的轮播图,导航栏等有相同的字段trackid,name,img,
所以,这里创建模型的时候,也可以继承父模板Main,然后在多加一些内容
去views.py文件下写一下模型,对比父模板,多出来的这些字段,给它添加一下,同样最后自定义它的表名

然后
做一下数据迁移

可以去查看一下产生了一个中间文件,然后数据库中多了一个表,这里就不列出来了,方法和前面一样
然后将数据插入到数据库中,可以和前面一样,在Ubuntu终端打开mysql数据库插入,还有一中方法是在pycharm中操作,

输入txt文件中的插入语句,点一下左上角的绿色小三角形,然后可以去查看一下

展示到home.html页面

先在views.py文件下去写一下视图函数

根据css样式和数据,

写一下home.html页面

展示一下页面(简要概括一下页面信息)

首页页面的一些基本内容到此就写完了 ,如果页面出现一些模块显示不正常的问题,bootstrap网站有专门关于移动端适配的内容
简要列出处理的方法
在base.html页面加入两行代码

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

文件链接

链接：https://pan.baidu.com/s/1Kt8zybiQRcRCedGZymLUpQ
提取码：8rw8

Django之爱鲜蜂项目开发 day02 (三)相关推荐

Django之爱鲜蜂项目开发 day02 (一)
在框架上搭好基本的页面 1. home页面 1.1插入轮播图前面也说过,这个项目中很多的前端内容都是写好的,只是作为引用.前端的 css, js 框架很多都是引用bootstrap网站上的,可进入此 ...
Django之爱鲜蜂项目开发 day02 (二)
在框架上搭好基本的页面 1. home页面 1.2 轮播图导航必买商店 home页面除了轮播图,还有导航,必买,商店等模块通过首页数据.txt文件,可以发现,这些数据都具有相同的属性,所以,他 ...
Django之爱鲜蜂项目开发 day06(三)
3.未支付订单模块 3.1 首先在views.py文件下写一下未支付订单的视图函数取到未支付的订单,渲染到未支付页面 @check_login def order_unpay(request):or ...
Django之爱鲜蜂项目开发 day05(三)
在框架上搭好基本的页面 4. 购物车页面 4.3 购物车cart页面 4.3.3 购物车中商品的选择,删除及价格的结算 4.3.3.1 购物车中商品的删除先看一下页面写一下js样式去写一下视图函 ...
Django之爱鲜蜂项目开发 day01 (一)
1. 软件开发的一般流程需求分析及确认: 由需求分析工程师与客户确认甚至挖掘需求.输出需求说明文档. 概要设计及详细设计: 开发对需求进行概要设计,包括系统的基本处理流程,组织结构.模块划分.接口设 ...
Django之爱鲜蜂项目开发 day01 (二)
现在先将底部专栏写好,搭好基本的框架 1. 将网上下载的静态文件导入咳咳,我们这里主要是写后端的内容,前端的就敷衍一下,每一步都会有一些相应的解析,但不做详解 img文件夹这里放的是是底部专栏的一些 ...
Django之爱鲜蜂项目开发 day06(一)
1支付流程当购物车商品筛选完毕点击结算按键时,跳转到支付宝支付流程 1.1支付宝支付时序流程图 1.2 沙箱模拟这里支付并不是支付宝真正的交易,而是使用沙箱模拟交易,一般开发的时候,都是可以先去沙 ...
Django之爱鲜蜂项目开发 day05(二)
在框架上搭好基本的页面 4. 购物车页面 4.3 购物车cart页面 4.3.1 cart视图函数及页面根据css样式写一下cart.html页面展示一下 4.3.2 实现购物车商品的增减通过 ...
Django之爱鲜蜂项目开发 day04
在框架上搭好基本的页面 3. 我的页面 3.1 mine页面页面上的图标都是bootstrap网站上的图标 https://v3.bootcss.com/components/ 根据图标名称,css ...

最新文章

热门文章