python-web商品前端展示pycharm可视化工具
目录
python–web商品前端展示(pycharm可视化工具)
我们做好后端的操作(用户的管理,商品的添加删除,都是后端我们要进行操作的,后端在我的博客也有,希望对你有帮助)之后就需要做前端将商品展示给顾客。
我们将在views文件中定义我们视图函数 ,当浏览器 向服务器发送一个http请求时,这些函数将被调用。
在views里先导入我们的数据库
.models使我们当前文件夹的models文件,该文件里定义了我们的商品类Product
from .models import Product#导入我们的商品库
在这个函数里获取商品的信息
def index(request):#调用index函数的地址在urls中被定义着
#获取商品的数据有很多种方式,.get()获得单一产品,等等
products = Product.objects.all()#返回所有的商品数据
#return HttpResponse('hello word')
创建一个HTML模板来讲这个产品列表呈现给用户
1.创建一个包templates在我们的应用包下(不是Django自带的包),在templates下建一个index.html文件
2.我们现在html中写点东西用于测试,
<h1>Products</h1>
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ul>
3.再回到views
def index(request):#调用index函数的地址在urls中被定义着
#获取商品的数据有很多种方式,.get()获得单一产品,等等
products = Product.objects.all()#返回所有的商品数据
return render(request,'index.html',{'products':products})
#render是渲染函数要导入,提供三个参数,请求对象,模板,传给模板的字典
执行
4.接下来创建我们的商品模板
<h1>Products</h1>
<ul>
{% for product in products %}
<li>{{ product.name }} (${{ product.price }})</li>
{% endfor %}
</ul>
5.商品模块好了,我们还要用一些框架来进行修饰, bookstrap框架
新建一个base.html,在这里面编写框架,一般都是找现成的,
并在其中挖个孔,把index.html放进去
6.把两个html联系起来
7.这就是整个商品的显示,带图片。