大学生毕业论文：基于ASP的校园跳蚤市场网站设计

1、 济南大学本科毕业设计 i 毕毕 业业 设设 计计( 论论 文文 ) 字 第 号 院（系）院（系） 管理学院管理学院 专专 业业 信息管理与信息系统信息管理与信息系统 姓姓 名名 丁宁丁宁 济 南 大 学 二 oo 四 年六月 二 日 评阅人评语： 济济 南南 大大 学学 济南大学本科毕业设计 ii 200 年 月 日 评阅人 答辩委员会评语： 评定成绩 200 年 月 日 答辩委员会主任 毕业设计毕业设计(论文论文)任务书任务书 济南大学本科毕业设计 iii 院（院（ 系）系） 管理学院管理学院 专业专业 信息管理与信息系统信息管理与信息系统 姓名姓名 丁宁丁宁 学号学号 200005104

2、3 设计设计(论文论文)题目：题目： 基于基于 asp 的校园跳蚤市场网站设计的校园跳蚤市场网站设计 设计设计(论文论文)内容与要求：内容与要求： 设计(论文)开始日期 200 年 月 日 指导教师 设计(论文)完成日期 200 年 月 日 教 研 室 主 任： 院 长（系主任）： 200 年 月 日 毕毕业业设设计计 (论论文文 )评评语语郁郁 郁郁语语 济南大学本科毕业设计 iv 院（系）院（系）管理学院管理学院 专业专业 信息管理与信息系统信息管理与信息系统 姓姓 名名 丁宁丁宁 班级班级 信管信管 2k12 学号学号 2000051043 题题 目目 基于基于 asp 的校园跳蚤市场网

3、站设计的校园跳蚤市场网站设计 设计设计(论文论文)篇幅：篇幅： 图图 纸纸 张张 说明书说明书 张张 指导教师评语：指导教师评语： 200 年年 月月 日日 指导教师指导教师 目 录 摘要.iii 济济 南南 大大 学学 济南大学本科毕业设计 v 第一章 绪论.5 1.1、基于web的电子商务网站建设的现状 .5 1.2、校园跳蚤市场网站建设的可行性 .5 第二章 网站设计所使用的工具.6 2.1、功能强大的 asp .6 2.2、asp 方法与传统静态主页的区别 .6 2.3、asp 的工作原理和配置 .7 2.4、asp 的特点与功能 .7 2.4.1 从软件的技术层面看，asp 有如下的

4、特点:.7 2.4.2 从应用的层面看，asp 有如下的功能: .8 2.5、ado 访库的技术实现方法 .9 2.6、asp 与组件对象的使用 .10 第三章 网站的总体设计规划.12 3.1 网站的总体设计.12 3.2 网站的功能设计.13 3.2.1 货物登记 .13 3.2.2 分类查询 .13 3.2.3 二手拍卖 .13 3.2.4 二手论坛 .13 第第四章 网站前台设计和制作.14 4.1 网页的设计与制作.14 4.2 表单的制作.17 4.3 网页的美观处理 .19 第五章 网站的不足和改进意见.20 第六章 结束语.21 参考文献.22 基于基于 aspasp 的校园跳

5、蚤市场网站设计的校园跳蚤市场网站设计 济南大学本科毕业设计 vi 摘要:大量的二手货存在以及网上消费的心理和实践基础已经形成，这 也促使校园跳蚤市场网站大量出现和不断完善。网站主要以交互性为主， 而 asp 则是比较成熟的动态网页应用技术，再加上使用了相应的数据库、 网页制作软件。本文首先对 asp 进行了详细的介绍，包括 asp 方法与传 统静态主页的区别突出 asp 的优势、asp 的特点与功能、asp 的工作原理 和配置、asp 与组件对象的使用、ado 访库的技术实现方法，所有这些在 网站制作中起到重要作用。在制作网站时使用不同的 asp 模块进行功能 分割：合成模块包括货物登记和分类

6、查询做信息提供；拍卖系统则主要 是面对注册的用户；网站的论坛则是网友间交流的地方等等。网站的后 台设计上分别对应着网站相应的模块使用不同的数据库，本网站主要使 用 access 数据库。 关键字：关键字：跳蚤市场，asp，数据库，货物登记，分类查询 designing of flea market website in campus based on active server pages (asp) abstracts: the psychology that a large number of second hand goods have and consumed on the net a

7、nd practice foundation have already taken shape， this impels websites of flea market of the campus to appear in a large amount and perfecting constantly too. websites rely mainly on interaction， but asp is riper dynamic web page application technology， in addition， has used the corresponding databas

8、e， web page making software. this text has introduced the detailed one to asp at first， including the difference between asp method and traditional static homepage stresses the advantage of asp， characteristic， function and operation principle and dispose， asp and use， ado technological implementati

9、on method to visit storehouse， package of target of asp of asp， all these play a important role in websites make. use different asp module to carry on the function to cut apart while making websites: formate the module including goods and register and do information to offer with the classified inqu

10、iry; it is mainly in the face of users registering to auction the system; the forums of websites are the place where exchange among the net friends ， etc. back design of platform of website correspond to separately corresponding module of website use different databases， this website uses access dat

11、abase mainly. 济南大学本科毕业设计 vii key words: flea market， asp， the database ， the goods are registered， classified inquiry 管理学院(系) 信管 2k12 班 学生丁宁 毕业论文 第 8 页 共 20 页 济南大学毕业设计（论文）用纸 第一章 绪 论 (一) 基于web的电子商务网站建设的现状 web 发展十分迅速，短短几年使计算机信息网络发生观念上的变化。促使信息产业发 展和相关生产、制造、服务行业在观念上和经营上也发生变化。因此，基于 web 的电子 商务网站建设将具有广阔的天空

12、。 从目前中国的国内情况看，虽近一两年 internet 非常热门，加强 web 与 server 的 中文信息资源的开发势在必行。internet 也必将成为最新兴的重要市场渠道，成为商业 行销、宣传公司形象的迅捷媒体。 基于 web 的电子商务网站就应运而生，如雨后竹笋一 样遍地发芽。 （二） 校园跳蚤市场网站建设的可行性 随着大学生的毕业，他们手里有很多有价值的东西，但对他们来时已经失去了利用 价值，但直接丢掉又很可惜，所以又很大一部分人将之出售，已得到资金;而一些在校大 学生有相当一部分人，经济能力相对较差，但他们也要购买一些物品，所以二手货就成 了他们的首选。所以二手商品交易对出售者

13、和购买者都有积极的意义。 随着网络的发展，上网的人越来越多，上网的条件也越来越方便，学生就是一个上 网的主要群体。网络作为信息交换的媒介，越来越多的人已经接受并且习惯于从网上搜 索信息，因为网络有其足不出户，却可以方便的得知大量信息的优点。在现在这个崇尚 时间和效益的社会里，它的优点越来越得到体现，坐在电脑前点击鼠标、敲击键盘，就 能获得自己所想要的信息资源。所以在网络上进行二手交易是提高信息资源利用率和交 易效率的有力途径。基于这个目的而做的二手商品交易网站，就是给网络上的二手商品 交易提供一个载体，使之有规则、有条理的集中在一起，方便交易双方的信息发布和信 息查看。所以二手商品交易网站对网

14、络二手交易有积极的影响。 网站的设计和规划现在国内外已经作为进行宣传和交易的主流方式。发展情况一日 千里。而且不同的网站有各自不同的特色和功能。尤其在页面设置上正在简单化、条理 化，实现的功能不断增加。 第二章 网站设计所使用的工具 （一） 功能强大的asp 几年以前，业界在动态主页发布方面唯一的渠道是 cgi(common gateway interface) 模式。随后出现的 isapi、nsapi 和 jdbc 等技术方案虽较 cgi 进步，但从企业网 (intranet )的技术现实来衡量，这些方案仍不适用于进行快速开发、及时维护和大面积的 技术普及。asp 技术的出现，使动态交互式

15、web 主页设计成为一件轻松愉快的工作。只 要几行脚本语句，就能将后台的数据库信息发布到 internet/intranet 上， 在编程和网页脚 管理学院(系) 信管 2k12 班 学生丁宁 毕业论文 第 9 页 共 20 页 济南大学毕业设计（论文）用纸 本的可读性方面大大优于传统的技术方案。 asp 是 active server pages(动态服务器主页)的缩写，它是一个服务器端的脚本环境， 在站点的 web 服务器上解释脚本，可产生并执行动态、交互式、高效率的站点服务器应 用程序。asp 可以胜任基于微软 web 服务器的各种动态数据发布。 （二） asp方法与传统静态主页的区别

16、把信息系统纳入 internet/intranet 的框架之后，首先要解决的问题是通过网页访问后 台数据库信息。所有应用程序都被分割为页面的形式，用户的交互操作是以提交表单等 方式来实现的，这就要求 web 站点具有很强的动态数据发布能力。然而，目前 web 的 服务，仍以提供“静态”主页内容为主。所谓“静态” ，指的就是站点的主页内容是“固 定不变”的，无法根据用户的需求和实际情况做出相应的变化。当浏览器通过 internet 的 http 协议向站点的 web 服务器申请主页时，站点服务器就会将已设计好的静态的 html 文件传送给浏览器。若要更新主页的内容， 只能用非在线的手动方式更新

17、html 的文件数据。 asp 所设计出的是动态主页，可接收用户提交的信息并做出反应，其中的数据可随 实际情况而改变，无须人工对网页文件进行更新即可满足应用需要。例如:当在浏览器上 填好表单并提交 http 请求时，可以要求在站点服务器上执行一个表单所设定的应用程 序，而不只是一个简单的 html 文件。该应用程序分析表单的输入数据，根据不同的数 据内容将相应的执行结果(通常是数据库查寻的结果集)以 html 的格式传送给浏览器。 数据库的数据可以随时变化，而服务器上执行的应用程序却不必更改，客户端得到的网 页信息会始终保持新鲜的魅力。 （三） asp的工作原理和配置 当用户申请一个*.asp

18、 主页时，web 服务器响应该 http 请求，调用 asp 引擎，解释 被申请文件。当遇到任何与 activex scripting 兼容的脚本(如 vbscript 和 jscript)时，asp 引擎会调用相应的脚本引擎进行处理。若脚本指令中含有访问数据库的请求，就通过 odbc 与后台数据库相连，由数据库访问组件执行访库操作。asp 脚本是在服务器端解 释执行的，它依据访库的结果集自动生成符合 html 语言的主页， 去响应用户的请求。 所有相关的发布工作由 web 服务器负责。 有必要注意访库的具体运作细节。当遇到访库的脚本命令时，asp 通过 activex 组 件 ado(act

19、ivex data objects)与数据库对话(ado 是建立在微软新的数据库 api，即 ole db 之上的，目前的 ole db 通过 odbc 引擎与现存的 odbc 数据库交互，进一步的 ole db 版本将直接与数据库打交道，不再通过 odbc 引擎)，并将执行结果动态生成一 个 html 页面来返回服务器端，以响应浏览器的请求。在用户端浏览器所见到的是纯 htm l 表现的画面，例如用表格来表现的后台数据库表中的字段内容。由于 asp 结合 了脚本语言，可以通过编程访问 activex 组件，并且具有现场自动生成 html 的能力， 所以它成为建立动态 web 站点的有效工具。

20、 在结构关系上，asp 是通过 odbc 与数据库打交道。因此，向上层可兼容各类数据 库系统。而对于下层，asp 产生的 html 对客户端的浏览器又有广泛的适应性。但 asp 对 web 服务器本身有所挑剔，这看起来似乎是一种缺陷，而实际上也许是一种商业 策略它只支持微软各种操作系统下的 web 服务器，它们的最低版本是: windows nt server 4.0:microsofts(internet information server)3.0; 管理学院(系) 信管 2k12 班 学生丁宁 毕业论文 第 10 页 共 20 页 济南大学毕业设计（论文）用纸 windows nt wo

21、rkstation 4.0:microsoft peer web services 3.0; windows 95:microsoft pws(personal web server)1.0 ，中文 win95 应配中文的 pws。 asp 的安装分为 windows nt 和 windows 95 两种情况。对于 nt ，iis 及 activex server pages 都包含在 service pack 3 中;对于 win95，可使用 visual studio 服务器构件下的 activex server pages 安装选项。安装成功之后，在程序管理器中会找到一个 activex

22、 server pages roadmap 主页，引导你学习和使用 asp。 （四）asp的特点与功能 1 1、从软件的技术层面看，、从软件的技术层面看，aspasp 有如下的特点有如下的特点: : （1） 无需编译asp 脚本集成于 html 当中，容易生成，无需编译或链接即可直 接解释执行。 （2）易于生成使用常规文本编辑器(如 windows 下的记事本)，即可进行*.asp 页面的设计。若从工作效率来考虑，不妨选用具有 可视化编辑能力的 visual interdev。 （3） 独立于浏览器用户端只要使用可解释常规 html 码的浏览器， 即可浏览 asp 所设计的主页。asp 脚本是

23、在站点服务器端执行 的，用户端的浏览器不需要支持它。因此，若不通过从服务器下载来观察*.asp 主页，在 浏览器端见不到正确的页面内容。 （4）面向对象在 asp 脚本中可以方便地引用系统组件和 asp 的内置组件，还能 通过定制 activex server component(activex 服务器组件)来扩充功能。 （5） 与任何 activex scripting 语言兼容除了可使用 vbscript 和 jscript 语言进行 设计外，还可通过 plug-in 的方式，使用 由第三方所提供的其它 scripting 语言。 （6）源程序码不会外漏asp 脚本在服务器上执行，传到用户

24、浏览器的只是 asp 执行结果所生成的常规 html 码，这样可保证辛辛苦 苦编写出来的程序代码不会被他人盗取。 .2 从应用的层面看，从应用的层面看，aspasp 有如下的功能有如下的功能: : （1）处理由浏览器传送到站点服务器的表单输入。 （2）访问和编辑服务器端的数据库表。使用浏览器即可输入、更新和删除站点服务 器的数据库中的数据。 （3）读写站点服务器的文件，实现访客计数器、座右铭等功能。 （4）提供广告轮播器、取得浏览器信息、url 表管理等内置功能。 （5）由 cookies 读写用户端的硬盘文件，以记录用户的数据。 （6）可以实现在多个主页间共享信息，以开发复杂

25、的商务站点应用程序。 （7）使用 vbscript 或 jscript 等简易的脚本语言，结合 html 码，快速完成站点的应 用程序。通过站点服务器执行脚本语言，产生或更改在客户端执行的脚本语言。 （8）扩充功能的能力强，可通过使用 visual basic、java、visual c + 等多种程序语 言制作 activex server component 以 满足自己的特殊需要。 管理学院(系) 信管 2k12 班 学生丁宁 毕业论文 第 11 页 共 20 页 济南大学毕业设计（论文）用纸 （五） ado访库的技术实现方法 ado(activex data objects)是一组优化

26、的访问数据库专用对象集，为 asp 提供了完 整的站点数据库访问解决方案。它可作用于服务器端，以提供含有数据库信息的主页内 容。通过执行 sql 命令，让用户在浏览器画面中输入、更新和删除站点服务器的数据库 信息。 ado 使用内置的 recordsets 对象作为数据的主要接口。ado 可使用 vbscript、jscrip t 语言来控制对数据库的访问，以及查询结果的输出显示。ado 可连接 多种支持 odbc 的数据库，如 sql server、oracle、info rmix 等。 在使用时，首先需在控制面板的 odbc 中建立相应的 dsn(数据源名) 。要选择系统 数据源名，指定所

27、用的驱动程序，如sql server，在数据来源名称中输入 dsn 名，并 选定服务器和数据库。使用 ado 访问数据库的设计要领是掌握 asp 脚本的几个典型语 句， 它们是: （1） 定义数据库组件。有两种定义方法: 使用server.createobject建立连接的对象。 set conn=server.createobject(adodb.connection) 使用标记建立连接的对象。 （2）用open打开待访的数据库: conn.open dsn 名称 （3）设定 sql 语句，使用execute命令，即可开始执行访问数据库的动作: set rs=conn.execute(sql

28、 语句) 其中 rs 为结果集对象(recordsets)。 （4）利用 recordsets 对象所提供的属性显示查询结果，如下例将查询结果显示于一 个表格中:(其中是 asp 脚本的专用定界符) （5）关闭结果集对象，断开与数据库的连接: rs.close conn.close 一个发布后台 ms sql server 样本库 pubs 中 authors 表的完整代码如下(其中 是 asp 脚本的专用定界符): authors listingauthors listing 管理学院(系) 信管 2k12 班 学生丁宁 毕业论文 第 12 页 共 20 页 济南大学毕业设计（论文）用纸 （

29、六）asp与组件对象的使用 在利用 asp 技术进行动态 web 开发的时候，应遵循这样一个原则:即 asp 的服务器 端脚本必须与微软倡导的组件对象(component object model )配合使用才能开发出具有实 用价值的信息产品。asp 脚本相当于一种粘合剂，把一个个具有特定功能的组件对象粘 合在一起，以形成最终的软件产品。这一软件制作的工艺思想类似于硬件工厂生产板卡 的过程，那一个个的组件对象就相当于集成电路的芯片，而 asp 脚本只是焊接芯片的焊 接剂，由此可见组件对象起着核心作用。 组件对象模型 com 是微软提出的一种基于二进制的 windows 软件标准，它是由 ole

30、 技术逐渐发展而来的。在使用不同语言工具写成的组件对象之间，依据 com 的标 准可以进行交互。com 是技术概念和标准， 其商业概念的称谓则使用 activex。 上文提到的 ado 就是系统提供的用于访问后台数据库的组件。此外，asp 本身还提 供了五个内置的对象。这五个内置对象可被 asp 脚本直接使用，它们是: 1request：取得用户信息 2response：传递信息给用户 3server：提供访问服务器的方法和属性 4application：在一个应用程序的多个主页之间保留和使用某些共同的信息 5session： 在一个用户的多个主页之间保留和使用某些共同的信息 其中，使用内置对

31、象 1、2 可实现 web 的交互功能，使用内置对象 4、 5 可解决具有 协作机制的应用问题。 asp 的一大特色，是可以用来编写具有协作机制的应用程序，在多个用户的多个主 页之间共享信息。使用内置的 application 和 session 对象可实现这些功能。 application 对象保存一个应用程序共同的信息，使用此应用程序的所有用户都可以 共同分享。为防止其被多个用户同时更改，提供 lock 和 unlock 方法来实现互斥，例如: application.lock禁止其他用户更改 application 的信息; application.unlock 允许其他用户更改 app

32、lication 的信息。 session 对象比 application 对象的使用外延范围小，它保存仅属于一个用户的一个应 用程序的信息。asp 的应用程序可以只有一个首页，也可以有多个主页文件，所有的文 件均位于一个虚拟路径下。sess ion 对象可让同一个用户在多个主页之间共享信息。当用 户第一次在一个应用程序中申请一个*.asp 主页时，asp 将为该用户分配一个 sessi onid 号，它将唯一地标识用户的身份，从而能将同一应用程序的不同用户区分开来。 根据需要还可以自行定制具有某些特色的组件对象，以完成特殊的任务。用 visualb asic、visual c+、delphi

33、 和 java 等语言都可以编写。自制的组件对象分成两类: 一是由类打包而成的*.dll 文件，经注册器注册后，在 asp 脚本中可通过set 对象名 = 类名来引用。对象在这种使用过程中是在服务器的后台运行的，其运行的结果通过系 统自动生成的 html 作用到前端浏览器。 二是生成*.ocx 文件，一般用作可视化的对象 activex，可直接将其嵌入*.asp 主页中， 在页面中插入时需使用 html 语言的标记加以引用。通常构件制作完成并按 下载的要求打包后生成*.cab 文件。对象在这种使用方式下要先从服务器下载，然后在客 户的前端浏览器运行。在第一次下载时被展开成相关的*.dll 和*

34、.ocx 文件进行本地安装及 注册。以后再使用时，就可直接从本地获得，免去了下载之苦，这也是 activex 优于 java 管理学院(系) 信管 2k12 班 学生丁宁 毕业论文 第 13 页 共 20 页 济南大学毕业设计（论文）用纸 app let 的地方。 从长远来看，asp 和组件对象的配合使用无疑是一种引人入胜的新技术，更重要的 是由此而提出了一种全新的软件设计方法，把硬件的工艺思想恰如其分地融合于软件的 面向对象的分析、设计和施工之中， 使面向对象的概念和方法从工具语言的层次一下子 跃上了系统的应用层，在快速开发多层的客户/服务器分布式应用系统中将会产生极好的 效果。 第三章 网

35、站的总体设计规划 网站的总体规划，由于我们的网站是一个面向同学的一个交易网站，以简单实用为 其设计原则。 （一） 网站的总体设计 本网站的指导思想是尽可能让网页可读性强，内容有深度，针对二手商品交易的宣 传和方便交易者发布查询信息，并对信息进行反馈。通过良好的界面和完善的功能来增 加网站的访问量。 二手商品交易网站面向的主要对象是在校的学生。它的主要内容就是为大家提供二 手商品交易信息的场所，同时尝试网上拍卖的可能性。 拍卖的是取决于学生的旧物拥有较高的经济价值，有可能有更多人需要，为了体现 市场经济条件下公平的原则，而采取的一种方式。信息的传递在很大程度上是人为主观 能动的传播的，这需要一批

36、希望从中得到乐趣的人来做，二手商品体现的是一种廉价的 理性生活，正符合很多经济能力不强，但对生活却又非常热爱的人的需要。如果一个网 站想长久的保持下去也需要大批关注它的人的出现。所以网站设计了论坛的功能。 （二） 网站的功能设计 网站被设计为货物登记，货物查询，二手拍卖，二手论坛四个部分。网站的各个功 能的设计都是本着方便用户的原则来做的。同时前两个功能是本着信息提供为主的。因 此在与用户登陆系统没有什么直接的关系，相对是匿名的用户都可以在其中进行信息的 发布。拍卖区是和用户联系在一起的，只有用户才可以使用的功能，在这里我们是想依 靠此来为拍卖的诚信提供一定的保证。但是网络毕竟是网络，诚信的问

37、题，我们只能尽 我们最大的努力来做。不过具体的还是要靠具体行为人的自觉。 .1 货物登记货物登记 货物登记，主要提供向网上发布二手货信息。货物登记和分类查询的信息是紧密相 连的。 .2 分类查询分类查询 在前面看到的图片中，有分类的图片，点击进入显示的有相应需求的信息，在信息 的浏览后，在最后的通过加一个留言的部分，来作为浏览者交流的地方。 货物登记和分类查询两者的信息来源是同一个表。同时这部分也不是用户专门的功能。 是对于网络来客来说可以简单的提供信息发布的功能的场所。他们可以以货物名称，分 类，物品描述等等信息填写一张提交表，然后将其提交到其对应的表中。 3

38、. 二手拍卖二手拍卖 二手拍卖是一个以的高档二手货为拍卖对象，以用户为主要参与者的拍卖物品的功 管理学院(系) 信管 2k12 班 学生丁宁 毕业论文 第 14 页 共 20 页 济南大学毕业设计（论文）用纸 能。由于限定了只有用户才能使用该项功能。所以其拍卖物品个表单和用户的名称是对 应的。拍卖物品的信息和货物登记的信息相对不同，在这里除了物品介绍以外，还有起 始价等方式，起始价是指排卖者所能接受的最小价，由其自己来出，以这个价位出售希 望其能接受，以此来作为希望能让拍卖者接受的一种手段。同时因为是用户，我们也可 以从其信息里得到更多的东西，可以在违反诚信的情况下以删除用户等

39、手段来作为我们 网站为此所做出的努力。 .4 二手论坛二手论坛 我们根据自己的需要改进了一个小的论坛，希望能给大家一个在网上交流的机会和 场所。 第四章 网站前台设计和制作 （一） 网页的设计与制作 网站的功能在被设计为提供二手商品的买卖信息，同时尝试拍卖行为，最后还有一 个网友间可以用来互相交流的论坛。因此，在网页的设计和制作中要考虑所要求的功能， 最后的结果应该是一个最终可使用的网站。 网站前台的设计是根据前面的功能设定来设计的。在网页的首页是由两部分组成的。 左边的 bar_left.asp 和右边的一个整体组成，左边的 bar_left.asp 是相当于导航栏的 作用，

40、在其上可以实现这样的功能，从上往下依次是，按全部或货物的名称、简介、 售价、年份、地域、买卖、成新、数量等方式进行的查询；接着是货物登记；再是按货 物的具体分类来查询的功能；下面接着是网站的拍卖系统、二手文章、二手论坛的链接； 最下面是友情链接的部分。 右边的大的部分也分为两个小的部分，处于网站中间的最上方的是显示网站已有的 买卖信息，下面是网站的公告栏。最下面是网站商品按名称细分的查询功能。右边的是 从上面往下依次是显示网站已有的二手文章信息；一个网上调查的小程序；下面是与学 校内的一些网站的友情链接。 在网页的整体概念出来后，开始制作网页，使用 dreamweavermx 来制作网页的页面

41、 效果，首先是使用表格对网页进行布局，由于我们在前面已经很好的分析了首页所应该 具备的内容，在制作时就可以方便的根据所需进行制作首页的布局。由前面的设计，来 制作网站的首页。具体制作过程如下： 插入表格 dreamweavermx 通过 insert 面板里的插入表格命令来进行插入操作。 管理学院(系) 信管 2k12 班 学生丁宁 毕业论文 第 15 页 共 20 页 济南大学毕业设计（论文）用纸 插入表格之后根据前面所设计和分析的结果，对表格进行操作，通过的表格的属性 面板，可以看到表格现在的状态，同时可以在上面对表格进行一些调整。 由前面所进行的功能分析和前台设计，做出了自己的网站的布局

42、视图，如图： 不过值得注意的是开始的布局在实际使用的过程中，一般不是一步到位，同时也不 是不能改变的。随着所做的网页的各个功能的实现，还是可以根据自己的需要来进行具 体的一些改变。 布局完了之后，根据前面的设计，对其中的内容进行添加。 在网页的左边，是引用了 bar_left.asp 的内容。利用 insert 面板里的 ssi（server-side include） ，即设置服务器端 script 链接。来引用这个网页。 引用后，点中左边这一块，可以看到它的属性面板是这样的。 在原代码中，有这样的一段代码 它是用来说明 bar_left.asp 是被引用过来的，在首页的原代码中，没有办法看

43、到 bar_left.asp 的原代码的。 不过可以点击上图中文件名后面的编辑按钮，在点击后我们可以看到 bar_left.asp 的编辑页面，在这里对其进行编辑。 中间的这一块的上面是最新信息的这部分，它显示的是通过货物登记后所出现的最新信 息，它是通过一段 asp 代码来与后台数据库进行设计和连接的。 管理学院(系) 信管 2k12 班 学生丁宁 毕业论文 第 16 页 共 20 页 济南大学毕业设计（论文）用纸 公告栏，这部分和前面的 bar_left.asp 是相同的道理。 daily.asp 是公告栏里的内容显示。点中后面的 edit 按钮，看到其编辑视图。 在这里对其进行编辑和添加

44、新的内容。 公告栏的下面是由对提供的信息的具体物品的具体分类的这部分内容，是一个表格 的形式。 根据所需对表格的格数进行设置，同时为了页面的美观的效果，对表格的颜色也进 行了一定的设置。在这里我所选用的是一深一浅的搭配。 表格的属性面板： 在这里对其中边框的宽度 border 设置，选 0 为无边框，这里选的是 1，并用白色来 做为边框的颜色，可以看到这样可以使表格有一个分隔的效果。 再对其中的单个表格进行编辑，按 ctrl 键的同时，选中单个表格，看它的属性面板， 在 bg 里选的颜色是作为表格的背景色来使用的。 当表格已经设计好了后就可以根据自己的需要在里面填入所需的内容了。 网页右边的这

45、部分内容，在很大程度上和中间的部分一样的处理。其他的网页的制作也 是相同的道理。 管理学院(系) 信管 2k12 班 学生丁宁 毕业论文 第 17 页 共 20 页 济南大学毕业设计（论文）用纸 在布局完了之后，可以根据自己的需要来选择网站的色调，我所选择的是一种灰色 的色调，这是一种比较稳重的色调，使用它的原因是我想说的是网络虽然是虚幻的，但 是还是希望大家在这里能够坦诚相见，不要发布无意义和没有价值的信息。 （二）表单的制作 在网页里除了一般的网页以外还有其他的一些要求的网页，在点中货物登记时，所 到的一个页面就是一个表单的页面。来介绍一下它的制作过程。 在插入面板里的 forms 里，可以看到许多已经作好的按钮，我们所做的就是把它们 放如我们想让它们在的地方，同时对它们的一些属性进行一定的设置。 根据我们设计的货物信息，这部分是数据库 data.mob 中的内容，做了这样的一个表单。 在具体的制作过程中，首先点击 form 按钮，就是图中红色的线，然后在其中做所 需要的表格。 买或卖后面