饰品网页WEB实验报告.doc

题目： 时尚饰品网站 专业班级： 姓名： 学号： 同组成员： 2011年12月 17 日时尚饰品网站一、网站平台ASP应用服务器技术和sQL数据库的组合方式ASP全名Active ServerPages，意为“动态服务器页面”，是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具，利用它可以产生和运行动态的、交互的、高性能的WEB服务应用程序ASP采用脚本语言VB Script(Java script)作为自己的开发语言二、设计总体规划1、Web站点建设 完成了这一步是为了以后制作的网页文档就保存在所建的站点中，并上传到测试服务器2、数据库创建 一个基于BS模式的网站仅有浏览器是远远不够的，必须要有服务器的支持才能被称为BS，因此使用sQL SEVER 2000来作为数据库系统的支持3、网页布局设计 WEB站点和数据库搭建好以后，进一步的操作就是网站布局设计在Adobe Dreamweaver CS3中设计网页时，首先要对网页进行整体的布局，4、数据库的连接 网站布局设计完成以后，便要实现网站功能与数据库系统的连接了，在Adobe Dreamweaver CS3中，是通过表单和SQL Sever数据库进行连接的5、 用户登陆功能的实现 要实现用户的登陆功能，在服务器行为中添加一个插入记录，连接到绑定的DSN中，插入到数据库的用户表中，每个文本域分别对应不同的字段名，登陆成功跳转至登陆成功界面，登陆未成功则跳转至登陆未成功界面6、饰品展示模块 饰品展示模块是一套基于数据库平台的即时发布系统，可用于各类商品的实时发布，用户可通过页面浏览查询。7、后台管理模块 供网站管理人员来管理网站商品的基本信息，只需要用所提供的管理员帐号和密码即可进行网站后台功能的使用三、设计板块 我主要负责的设计内容是Web站点建设、数据库创建、网页布局设计和用户登陆功能的实现。 Web站点建设是通过Adobe Dreamweaver CS3来建立的；数据库创建是使用sQL SEVER 2000来作为数据库系统的支持；网页布局设计是在Adobe Dreamweaver CS3中设计网页时，首先要对网页进行整体的布局；用户登陆功能的实现是要实现用户的登陆功能4、 设计步骤 Web站点建设具体步骤为：执行“站点新建站点”，在弹出的对话框中建立一个“服务器模型”为“ASP Vbscript”、“访问类型”为“本地网络”、“测试服务器文件”为“D：时尚饰品电子商务网站”的站点数据库创建具体步骤为：安装并打开SQL SEVER 2000数据库，在数据库中新建一个名称为“My EC”(数据库名称的命名没有硬性的要求，EC即电子商务)的数据库，并分别新建“用户表”、“后台管理员表”以及如上所述的6大商务单元表这些不同的表分别完成不同的功能，用户表完成添加、查询、修改、删除等用户信息的功能；后台管理员表用于保存后台管理员的用户名和密码等的相关信息；6大商务单元表则动态链接到Browser(浏览器)中，修改了数据库中的表就同样修改了浏览器中的商务单元的相关属性和方法，商家在进行对商品的进、存、销的操作时，直接操作数据库中表的元素就可以了，不必对前台进行修改 网页布局设计具体步骤为：在“查看表格模式”菜单命令项，选中“布局模式”，在“插入”栏中会出现绘制布局表格的图标，单击“绘制布局表格”，绘制一个宽度为985的布局表格，使之居中对齐，然后在该布局表格中，分别绘制出导航、L0G0、图片布局及功能等布局表格，如图所示： 用户登陆功能的实现具体步骤是在服务器行为中添加一个插入记录，连接到绑定的DSN中，插入到数据库的用户表中，每个文本域分别对应不同的字段名，登陆成功跳转至登陆成功界面，登陆未成功则跳转至登陆未成功界面在浏览器的登陆页面，为提醒用户保护好自己的用户名和密码，可以加入相关的提醒如果用户登陆是在数据库实现查找功能，那么用户注册则是在数据库中实现插入功能在页面右下角的文件中新建一个Registerasp注册页面，新建表单放人应放的文本域textfieldl、2、3、4、5，插入buttonl和2，绑定记录集到数据库中的用户表，单击服务器行为选择插入记录，将依次的文本域插入到数据库依次的表中去，再将Button1的名称改为“注册”，选为“提交表单”，便完成了由表单向数据库插入记录的功能前台用户操作E-R图如下所示：姓名登录录会员会员编号用户浏览购买类别名称饰品库存名称饰品库存提交时间订单号订单状态前台模块数据流图如下图所示：用户购买浏览登录用户 会员信息 饰品信息 订单信息 注册 错误信息 会员库 饰品库 订单库5、 总结与展望我在设计网站的结构时，首先把每一个页当成一个固定点，像设计数据结构那样在草稿纸上做一个结构化兰本图。根据我的网站情况设计各个页面之间的链接。先根据内容吧目录设计成树型，就像DOS目录一样。这样的目录一般不要太多级数，应尽可能少于四级，否则会让人感到比较烦琐，更不方便网站的管理。然后再到每一点，把与本页面相关的内容做一个链接，从而增加了用户的浏览效率，增强网页的连贯性。在设计网站的主页时，首先在草稿纸上画了一草图，确定主页的整体框架。然后将需要放置的功能模块（网站标志、主菜单、更新列表、导航栏、搜索、友情链接、版权信息等）安排到页面上。同时，我遵循突出重点、平衡协调原则，将网站标志、导航栏等最重要的模版放在最显眼、最突出的位置。然后再考虑次要模块的排放。最后，我根据平面设和网页制作的技巧，对整个布局进行精雕细琢，以达到更好的效果。并且，我在设计时重视“体贴”，即从用户的角度出发去看问题、去思考，更多的方便用户。 网站实现了浏览器与数据库的动态链接；网站整体布局合理，页面整体风格简洁明了；设计中所有素材均精心收集并经过PhotoShop加工；在一定程