文章翻译自:
http://tutorialzine.com/2011/08/jquery-mobile-product-website/
在这个两部分的教程,我们将建立一个简单的PHP和MySQL网站,使用的模型 - 视图 - 控制器(MVC)模式。最后,在jQuery的移动框架的帮助下,我们将变成一个触摸友好的移动网站,支持任何设备上和屏幕大小。
在第一部分中,我们集中在后台,数据库和MVC组织讨论。在第二部分中,我们要编写views,并结合jQuery Mobile的。
文件结构
正如我们将实现MVC模式(效果上写一个简单的微框架),把我们的网站结构分解成不同的文件夹,来实现模型,视图和控制器(MVC)。不要让文件的数量吓唬你 - 虽然我们使用了很多文件,但代码是简洁,易于遵循的。
数据库模式
我们简单的应用程序运行两种类型的资源 - 目录(Categories)和产品(Products)。他们有自己的表(tables) - jqm_categories,jqm_products。每个产品都有一个目录区,从而把它分配到一个目录。
Categories表中有一个ID字段,一个name和一个contains. Contains表明在每个目录有多少产品。
The product table has a
name
,
manufacturer
,
price
and a
category
field. The latter holds the ID of the category the product is added to.