网站建设课程设计

摘要为即将毕业的学长学姐们解决后顾之忧，帮助他们解决物品处理问题。

为在校学生提供物品交换的平台，方便广大在校学生的学习和生活。

响应建立环保节约型社会的号召，提高了物品的使用率，减少资源的浪费，提倡“低碳”生活。

引导广大同学讲节约，宣传环保意识，有利于校园内良好风气的养成。

它对部分大学生，尤其是消费水平处于中下等的大学生带来了实惠，既适用又便宜。

因此我们构建了一个校内闲置物品交换系统，对物品进行整理、归类，及时发布已收集到的二手物品信息，这样一则帮助同学们解决物品闲置的问题，二则为想要进行一些二手物品买卖、交换的同学们提供方便。

关键字:物品交换；环保节约；闲置；实惠目录一. 系统设计分析 (1)1.1 需求分析 (1)1.2 开发工具和运行环境 (1)1.2.1 开发工具 (1)1.2.2 运行环境 (1)1.3 可行性分析 (1)二功能需求 (2)2.1 菜单栏模块 (2)2.2 用户登录注册模块 (2)2.2.1用户登录 (2)2.2.2 用户注册 (2)2.3 栏目模块 (3)2.4 内容页模块 (3)2.5 列表页模块 (3)三详细设计 (3)3.1 数据库建立 (3)3.2 站点建立 (5)3.3 上传物品功能 (6)3.4 物品交换功能 (9)四后台管理 (10)4.1 管理员设置 (10)4.2 栏目管理 (11)五总结 (14)六参考文献 (15)一. 系统设计分析1.1 需求分析使用Dreamweaver cs5工具配合HTML语言及CSS样式表制作出网页的界面以及相关链接，制作出一个美观、合理、主题突出的前台页面。

在其中，可运用CSS相关模板，以及JQuery等JavaScript成熟框架，加快网站的开发。

其次，使用ASP初步实现网页的基本功能，如用户登录与注册，信息的修改，物品的发布等功能，实现网站后台的数据库部分以及数据处理，确保用户与物品信息能够被有效，有条理的管理。

最后，运用相关测试技术对网站进行测试与修改，排除可能造成用户使用不方便的问题，确保用户的良好操作体验，保证相关信息的安全性。

本网站的平台搭建主要是基于Macromedia公司的网页开发工具Dreamweaver cs5，主要分为五大模块：菜单栏模块、用户登录注册模块、栏目模块、内容页模块、列表页模块1.2 开发工具和运行环境1.2.1 开发工具Dreamweaver cs51.2.2 运行环境硬件环境：Cpu: 最低Pentium II以上，建议PIII以上。

内存：最低128M以上，建议256M。

软件环境：可在Windows 2000、Windows XP、Windows 7等多种操作系统上使用，构建网站时需在PC机上安装Dreamweaver、Flash和Fireworks等相关软件。

1.3 可行性分析高校二手物品交换平台专为大学生服务，目标明确，较易获得学生群体的认可，是大学生自己的交换平台。

高校的二手交换市场广阔，每年都有毕业生要毕业，每年也都有新生报到。

这样一个涉及大多数同学和大量物品的圈子，我们应该用一种高效率的方式好好利用起来，为校园里的同学提供一个二手物品交换的信息平台，以达到节俭节约、物尽其用的目的。

二手物品交换平台的构建，通过集中资源、管理，扩大知名度及二手商品交换范围，最终达到顺利实现物品交换的目标。

在校园内定期举办二手物品交换活动，实现二手市场在学校的宣传作用，在全校范围内征集到更多的二手物品。

利用网络技术建立高校的大型二手物品交换网站也是一个必不可少的环节。

该系统使用的技术都是成熟并且是公开的，经济方面可利用现有的计算机软硬件资源和网络资源，仅需在材料费、资料费、调研费和劳务费上给予资助。

该系统应用前景是不言而喻的。

因此，此系统的研制是必要并且可行的。

二功能需求在Internet飞速发展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，正以一种前所未有的冲击力影响着人类的活动。

它在人们政治、经济、生活等各个方面发挥着重要的作用。

因此网站建设在Internet应用上的地位显的格外重要，它已成为政府、企事业单位信息化建设中的重要组成部分。

现今的社会，人们已经离不开了网络，网络已经成为人与人之间交流的一种形式，它能够把事情的复杂化转为简单化，摆脱了时间和空间的限制。

网站为很多人提供了一个网络生活空间，通过其网页展示了企业介绍、城市文化、校园文化介绍、招商信息、加盟程序、商品购买交换、留言等一系列内容的介绍。

2.1 菜单栏模块此网站是物品交换网，设计的菜单栏中的内容有首页、新闻资讯、交换物品、商品发布和客户留言等内容。

另外还设有QQ留言和加入收藏等功能。

2.2 用户登录注册模块用户首次进入网站时，如果是未注册过的新用户，需要对用户的身份进行验证，即验证用户是否为本校的学生，如果不是则继续验证，如果是则可以进入该系统，同时可以免费的注册。

该部分主要是为了保证网站服务群体的保障性，即只针对服务于本校的在校大学生。

2.2.1用户登录用户在进行验证后，进入用户登录页面，需要手动输入自己的用户名以及密码，方可登录。

2.2.2 用户注册新的用户在进入首页进行验证过后，可以进入到用户的登录与注册页面，进行注册。

在注册的过程中，用户需要输入自己的用户名，密码，确认密码等。

在注册成功后即可登录网站，进行浏览信息，发布信息，交换信息等操作。

2.3 栏目模块物品交换网是建立在我校新建工程学院的一个小型校园物品交换网站。

因此对于栏目我们只设置了电子产品、学习用品、生活用品等。

其中电子产品中我们有分设了台式电脑、笔记本、移动通信设备、手机及配件、录音设备和电脑配件等；生活用品我们分设了时尚男装、时尚女装、饰品配件、文化收藏、日常用品和常用小电器等；学习用品我们分设了书写类、绘画类、清洁类、图书类、装用品类和辅助学习类等。

我们也上传了一些大家闲置的需要处理交换的物品供同学们选择。

2.4 内容页模块物品交换网站的内容页上我们把同学们上传的物品名称显示在上面，是其他同学能够轻易的招到自己所需要的东西。

内容页上除上述分类外，还增设了新闻动态和客户最新留言两个内容。

2.5 列表页模块物品交换网站的列表页上我们把同学们上传的物品具体信息显示在上面，包括物品名称、物品类别、物品信息、想换物品、估计价格等等。

还设有我要交换等订购功能。

三详细设计3.1 数据库建立数据库（DataBase，DB）是一个长期存储在计算机内的、有组织的、有共享的、统一管理的数据集合。

它具有界面友好、易学易用、开发简单、接口灵活等特点，是典型的新一代桌面数据库管理系统。

其主要特点如下：(1)完善地管理各种数据库对象，具有强大的数据组织、用户管理、安全检查等功能。

(2)强大的数据处理功能，在一个工作组级别的网络环境中，使用Access开发的多用户数据库管理系统具有传统的XBASE（DBASE、FoxBASE的统称）数据库系统所无法实现的客户服务器(Cient/Server)结构和相应的数据库安全机制，Access具备了许多先进的大型数据库管理系统所具备的特征，如事务处理/出错回滚能力等。

(3)可以方便地生成各种数据对象，利用存储的数据建立窗体和报表，可视性好。

(4)作为Office套件的一部分，可以与Office集成，实现无缝连接。

(5)能够利用Web检索和发布数据，实现与Internet的连接。

Access主要适用于中小型应用系统，或作为客户机/服务器系统中的客户端数据库下面是物品交换网站所要使用的数据库：3.2 站点建立⑴打开：“窗口”下的“新建站点”⑵按“下一步⑶单击“下一步”⑷单击“下一步”（出现“你如何连接到远程服务器”时选择“无”）⑸单击完成3.3 上传物品功能首页设置：最上面是菜单栏，能实现新闻资讯、交换物品、商品发布和客户留言等功能，左边是用户登录和注册和栏目内容，中间滚动图片是商品发布后首页推荐的图片。

最主要的是下面的内容页，它会显示用户和管理员上传的所有物品名称，供用户选择和交换。

以下用户上传物品交换的功能就是在菜单栏中选择“我要交换”实现的。

如下图所示：要上传物品首先要注册，然后用自己的用户名登录到界面，才可进行上传物品并交换。

注册及登录的界面如下图所示：用户注册成功之后，用自己的用户名登入界面，进行操作。

在网站首页的菜单栏中有一个“我要交换”的菜单，单击它便可进入一下界面。

其中上传照片的地方可以从网站的图片库里上传，如下图所示：物品上传成功后会显示在内容页的列表中，点击那个物品便可进行交换功能。

3.4 物品交换功能如果想要交换自己所需要的物品，要在内容页或者列表页中找到自己要交换的物品，单击进入另一个页面，便可看到物品的具体信息，旁边会有“我要交换”的按钮，点击之后它便会加入你的购物车。

加入购物车后，可以对你选中的商品进行订单查询，并进行简单修改。

确定订单之后，去收银台结账。

定了多少价值的物品便要支付多少金额。

四后台管理4.1 管理员设置后台视为管理员设置的，本网站是有我们三人共同开发完成。

因此管理员设置为我们三人。

密码均为admin。

在管理员设置中，我们可以修改密码，增加新的管理员。

下面是进入后台进行管理的网址。

管理员设置界面如下图所示：http://localhost/WishManage/index.asp4.2 栏目管理对上传物品的管理是属于管理员的权限，是在后台进行的操作。

它可以对用户和管理员上传的物品进行增、删、改、查等功能。

如下图所示：首先，先进入后台管理界面的栏目分为电子产品、生活用品和学习用品。

如下图所示：增加类别：修改：删除类别：操作之后，前台商品将会发生改变。

以上是我在此网站功能实现中所做的实训。

包括数据库建立、站点建立、前台功能中上传物品、后台管理中的栏目管理等。

五总结设计期间，我们自觉独立进行设计，有问题时学生之间会进行讨论、争论，师生之间也常进行研讨，通过这种方式，我们觉得收获很大。

我们经常能够主动走进图书馆查阅有关资料，与其他同学进行资料的讨论。

我通过毕业设计，普遍感到自己应用基础知识及专业知识解决问题的能力有了很大的提高，以前所学的许多课程觉得很零散，也不知道有什么用及怎么用，现在也都找到了用武之地。

今后走上社会，我主要还是靠在学校学到的只是技能来养活自己，并回报社会，回报父母，所以通过这次的毕业设计，我也了解到了自己的很多不足，在今后的工作与学习中，我会不断的提高与改进。

通过这次毕业设计我收获良多，获得了许多珍贵的知识，学到了在许多书本上不可能收录的东西。

例如一些设计的具体的规范，和一些设计的要求。

如何把规范里的明文规定运用到实际上去，以及运用过程中的把握上。

也学到了如何独立思考，如何自己查阅资料，如何与人相处融洽等实际经验。

非常感谢给予我指导的老师，还有帮助我的同学们！六参考文献[1] 陆黎明，《ASP+Acess+Dreamweaver 动态网站开发从入门到实践》，机械工业出版社，2007.[2] 黄梯云，《管理信息系统》，电子工业出版社，1995.[3] 柯华坤，王大平，管西京，《ASP 网络编程学习笔记》，电子工业出版社，2008.[4] 孔鹏，《新手学ASP动态网页开发》，电子工业出版社，2008.。