Web前端开发实例教程——HTML5 CSS3 JavaScript 第12章 珠宝商城后台管理页面.pptVIP

第12章 珠宝商城后台管理页面 Web前端开发实例教程 ——HTML5+CSS3+JavaScript 12.1 制作后台管理登录页 制作后台管理登录页 商城后台管理登录页是管理员在登录表单中输入用户名和密码进而登录系统的页面，该页面的效果如图12-1所示，布局示意图如图12-2所示。 12.1 制作后台管理登录页 制作后台管理登录页 1．前期准备 （1）目录结构 （2）新建网页 （3）页面素材 将后台管理页面需要使用的图像素材存放在新建的images目录下。 （4）外部样式表 在新建的style目录下建立一个名为style.css的样式表文件。 2．制作页面 12.2 制作查询商品页 制作查询商品页 查询商品页是管理员在搜索栏中输入关键字后，通过系统搜索找出符合条件的商品列表页面。查询商品页效果如图12-5所示，布局示意图如图12-6所示。 12.3 制作添加商品页 制作添加商品页 添加商品页是管理员通过表单输入新的商品数据，然后提交到网站数据库中的页面。添加商品页的效果如图12-12所示，布局示意图如图12-13所示。 12.4 制作会员管理页 制作会员管理页 在会员管理页中，管理员可以通过表单搜索会员，然后在搜索的会员列表中修改会员资料或删除会员。会员管理页的效果如图12-15所示，布局示意图如图12-16所示。 12.5 栏目的整合 制作会员管理页 在前面讲解的珠宝商城的相关示例中，都是按照某个栏目进行页面制作的，并未将所有的页面整合在一个统一的站点之下。读者完成珠宝商城所有栏目的页面之后，需要将这些栏目页面整合在一起形成一个完整的站点。 最后还要说明的是，当这些栏目整合完成之后，记得正确地设置各级页面之间的链接，使之有效地完成各个页面的跳转。 习题12 习题12 1．制作企业后台管理登录页，如图12-18所示。 2．制作企业后台管理业务中心页面，如图12-19所示。