网站建设-课程设计.docVIP

摘 要 为即将毕业的学长学姐们解决后顾之忧，帮助他们解决物品处理问题。 为在校学生提供物品交换的平台，方便广大在校学生的学习和生活。 响应建立环保节约型社会的号召，提高了物品的使用率，减少资源的浪费，提倡“低碳”生活。 引导广大同学讲节约，宣传环保意识，有利于校园内良好风气的养成。它对部分大学生，尤其是消费水平处于中下等的大学生带来了实惠，既适用又便宜。 因此我们构建了一个校内闲置物品交换系统，对物品进行整理、归类，及时发布已收集到的二手物品信息，这样一则帮助同学们解决物品闲置的问题，二则为想要进行一些二手物品买卖、交换的同学们提供方便。 关键字:物品交换；环保节约；闲置；实惠目录 一. 系统设计分析 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 cs5 1.2.2 运行环境 硬件环境Cpu: 最低Pentium II以上，建议PIII以上内存：最低128M以上，建议256M软件环境可在Windows Windows XP、Windows 7等多种操作系统上使用 3.3 上传物品功能 首页设置：最上面是菜单栏，能实现新闻资讯、交换物品、商品发布和客户留言等功能，左边是用户登录和注册和栏目内容，中间滚动图片是商品发布后首页推荐的图片。最主要的是下面的内容页，它会显示用户和管理员上传的所有物品名称，供用户选择和交换。以下用户上传物品交换的功能就是在菜单栏中选择“我要交换”实现的。如下图所示： 要上传物品首先要注册，然后用自己的用户名登录到界面，才可进行上传物品并交换。 注册及登录的界面如下图所示： 用户注册成功之后，用自己的用户名登入界面，进行操作。 在网站首页的菜单栏中有一个“我要交换”的菜单，单击它便可进入一下界面。其中上传照片的地方可以从网站的图片库里上传，如下图所示： 物品上传成功后会显示在内容页的列表中，点击那个物品便可进行交换功能。 物品交换功能 如果想要交换自己所需要的物品，要在内容页或者列表页中找到自己要交换的物品，单击进入另一个页面，便可看到物品的具体信息，旁边会有“我要交换”的按钮，点击之后它便会加入你的购物车。 加入购物车后，可以对你选中的商品进行订单查询，并进行简单修改。 确定订单之后，去收银台结账。定了多少价值的物品便要支付多少金额。 四 后台管理 4.1 管理员设置 后台视为管理员设置的，本网站是有我们三人共同开发完成。因此管理员设置为我们三人。密码均为admin。在管理员设置中，我们可以修改密码，增加新的管理员。下面是进入后台进行管理的网址。管理员设置界面如下图所示： http://localhost/WishManage/index.asp 4.2 栏目管理 对上传物品的管理是属于管理员的权限，是在后台进行的操作。它可以对用户和管理员上传的物品进行增、删、改、查等功能。如下图所示： 首先，先进入后台管理界面 点击左边的栏目管理中心，对我们的栏目分类进行增加、修改和删除，我们的栏目分为电子产品、生活用品和学习用品。如下图所示： 增加类别： 修改： 删除类别： 操作之后，前台商品将会发生改变。 以上是我在此网站功能实现中所做的实训。包括数据库建立、站点建立、前台功能中上传物品、后台管理中的栏目管