首页 理论教育 页面设计规划-实践与应用

页面设计规划-实践与应用

时间:2023-11-05 理论教育 版权反馈
【摘要】:图7-3 制作网站文件的结构下面从站点规划的文件夹及完成的页面出发,分别对需要设计的页面功能进行如下分析。upfile.asp:上传文件测试动态页面。login.asp:注册登录页面。product文件夹用来放置与销售商品相关的页面,主要包括如下3个动态页面。service.asp:用来说明售后服务的页面。add2bag.asp:统计订单商品数量的动态页面。shop.asp:订单用户信息确认页面。从上面的分析统计可以看出该网站总共由近45个页面组成,涉及了动态网站建设中几乎所有的功能设计。

页面设计规划-实践与应用

在制作网站之前首先是把设计好的网站内容放置在本地设计计算机的硬盘上,为了方便站点的设计及上传,设计好的网页都应存储在一个目录下,再用合理的文件夹来管理文档。在本地站点中应该用文件夹来合理构建文档的结构。首先为站点创建一个主要文件夹,然后在其中再创建多个子文件夹,最后将文档分类存储到相应的文件夹下。读者可以打开光盘中的素材,查看第7章的站点文档结构及文件夹结构,将要设计完成的结构如图7-3所示。

978-7-111-40644-0-Chapter07-4.jpg

图7-3 制作网站文件的结构

下面从站点规划的文件夹及完成的页面出发,分别对需要设计的页面功能进行如下分析。

(1)站点文件夹下的4个文件及功能分别如下。

index.asp:用于实现购物系统首页的页面。

config.asp:被相关的动态页面调用,用来实现数据库连接。

left_menu.asp:首页左边会员系统及购物搜索功能组成的动态页面。单独制作也是为了方便其他动态页面的调用。

main_menu.asp:网站的导航条。对于一个网站来说,经常要修改栏目,由于做好的网站页面很多,不可能每一个页面都进行修改,所以用ASP语言建立一个单独的页面,通过调用同一个页面实现导航条的制作,这样修改起来很方便。

(2)about_us文件夹放置关于企业介绍的一些内容,页面只有一个。

about_us.asp:关于企业的内容简介页面。

(3)admin文件夹放置的是关于整个网站的后台管理文件内容,又分别包括了news_admin、order_admin和product_admin3个子文件夹。这一个模块是购物系统中的难点和重点。

●news_admin文件夹是放置后台新闻管理的页面。

●order_admin文件夹是放置后台订单处理的一些动态页面,其中分别放置了如下5个动态页面。

del_order.asp:删除订单。

mark_order.asp:标记已处理订单。

order_list.asp:后台客户订单列表。

order_list_mark0.asp:未处理客户订单列表。

order_list_mark1.asp:已处理客户订单列表。

●product_admin文件夹用来放置商品管理的页面,主要包括了如下9个动态页面,这是购物系统的重点和难点,涉及上传图片等高难度编程操作。

del_product.asp:删除商品页面。

insert_product.asp:插入商品页面。

product_add.asp:添加商品信息页面。

product_list.asp:后台管理商品列表。

product_modify.asp:更新商品信息页面。

update_product.asp:建立上传命令动态页面。

upfile.asp:上传文件测试动态页面。

upfile.htm:上传图片文件静态测试页面。

upload_5xsoft.inc:上传文件ASP命令模版。

●check_admin.asp用于判断后台登录管理身份确认的动态文件。

(4)client文件夹用来放置客户中心的内容页面,也只有一页。(www.xing528.com)

client.asp:制作与购物相关的一些说明。

(5)imgaes文件夹放置网站建设的一些相关图片。

(6)incoming_img文件夹放置商品的图片。

(7)mdb文件夹用来放置网站的Access数据库,所有的购物信息及数据全放在这里。

(8)member文件夹放置网站会员的一些相关页面,主要包括如下的动态页面。

login.asp:注册登录页面。

logout.asp:注册失败页面。

registe.asp:填写注册信息的页面。

registe_know.asp:注册须知说明页面。

(9)news文件夹用来放置网站新闻中心的一些动态页面,主要包括如下的动态页面。

news_content.asp:新闻细节页面。

news_list.asp:显示所有新闻列表页面。

(10)order_search文件夹用来放置用户订单查询的一些动态页面,主要包括如下两个动态页面。

order_search.asp:用户订单查询输入页面。

your_order.asp:用户订单查询结果页面。

(11)product文件夹用来放置与销售商品相关的页面,主要包括如下3个动态页面。

all_list.asp:所有商品罗列页面。

product.asp:商品细节页面。

search_result.asp:商品搜索结果页面。

(12)service文件夹用来放置售后服务的一些说明页面,主要有一个说明页面。

service.asp:用来说明售后服务的页面。

(13)shop文件夹主要用来放置结算的一些动态页面,主要包括如下5个动态页面。

add2bag.asp:统计订单商品数量的动态页面。

clear_bag.asp:清除订单信息的页面。

order.asp:订单确认信息页面。

order_sure.asp:订单最后确认页面。

shop.asp:订单用户信息确认页面。

(14)style文件夹用来放置页面的CSS文件。

index.css用来控制页面属性的CSS样式文件。

从上面的分析统计可以看出该网站总共由近45个页面组成,涉及了动态网站建设中几乎所有的功能设计。其中的用户注册系统、新闻系统已经在前面的章节介绍过,本章重点介绍网上购物系统相关页面的分析与设计。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈